:root{color-scheme:light;--color-bg: #f6f7f9;--color-surface: #ffffff;--color-surface-2: #eef0f4;--color-text: #171a20;--color-text-muted: #566070;--color-border: #d8dce3;--color-border-strong: #7d8696;--color-overlay: rgba(15, 18, 25, .5);--color-focus: #4338ca;--color-accent: #4f46e5;--color-accent-hover: #4338ca;--color-accent-contrast: #ffffff;--color-accent-soft: #e8e8fd;--color-accent-text: #3730a3;--color-success: #166534;--color-success-soft: #dcf5e4;--color-warning: #9a4507;--color-warning-soft: #fdeccb;--color-danger: #b91c1c;--color-danger-soft: #fde4e4;--color-info: #1d4ed8;--color-info-soft: #dfe9fd;--status-working: #15803d;--status-blocked: #b45309;--status-stuck: #b91c1c;--status-leave: #1d4ed8;--status-idle: #566070;--status-cuti: #0f766e;--accent-1: #4f46e5;--accent-2: #0e7490;--accent-3: #a21caf;--accent-4: #be123c;--swm-series-1: #4f46e5;--swm-series-2: #0e7490;--swm-series-3: #a21caf;--swm-series-4: #be123c;--swm-series-5: #15803d;--swm-series-6: #b45309;--series-1: var(--swm-series-1);--series-2: var(--swm-series-2);--series-3: var(--swm-series-3);--series-4: var(--swm-series-4);--series-5: var(--swm-series-5);--series-6: var(--swm-series-6);--swm-grad-1: var(--color-accent);--swm-grad-2: var(--color-accent);--swm-kpi-1: var(--swm-series-1);--swm-kpi-2: var(--swm-series-2);--swm-kpi-3: var(--swm-series-3);--swm-kpi-4: var(--swm-series-4);--swm-hero-glow-1: transparent;--swm-hero-glow-2: transparent;--swm-glow-opacity: 0;--swm-tint: 0%;--aurora-bg: none;--card-gradient: none;--kpi-gradient: none;--font-display: var(--font-sans);--swm-motion: normal;--swm-shadow-pop: 0 8px 20px rgba(16, 24, 40, .14), 0 2px 6px rgba(16, 24, 40, .08);--swm-radius-xs: 4px;--swm-icon: 20px;--swm-avatar-sm: 28px;--swm-avatar-md: 36px;--swm-avatar-lg: 48px;--swm-appbar-h: 56px;--swm-btn-lg: 48px;--swm-check: 20px;--swm-switch-w: 44px;--swm-track-h: 6px;--swm-dialog-w: 480px;--swm-drawer-w: 400px;--swm-popover-w: 320px;--swm-toast-w: 420px;--swm-menu-w: 180px;--swm-dur-spin: .7s;--swm-dur-shimmer: 1.4s;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);--shadow-md: 0 4px 10px rgba(16, 24, 40, .08), 0 2px 4px rgba(16, 24, 40, .06);--shadow-lg: 0 16px 32px rgba(16, 24, 40, .14), 0 4px 8px rgba(16, 24, 40, .08);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-base: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--leading-tight: 1.25;--leading-normal: 1.5;--duration-fast: .12s;--duration-base: .16s;--duration-slow: .2s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--tap-min: 44px;--z-dropdown: 40;--z-overlay: 60;--z-toast: 80;--z-tooltip: 90}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #0e1116;--color-surface: #161b22;--color-surface-2: #212833;--color-text: #e9ecf1;--color-text-muted: #a2acba;--color-border: #2d3643;--color-border-strong: #707b8c;--color-overlay: rgba(0, 0, 0, .65);--color-focus: #a5b4fc;--color-accent: #818cf8;--color-accent-hover: #a5b4fc;--color-accent-contrast: #0e1116;--color-accent-soft: #272a52;--color-accent-text: #c7d2fe;--color-success: #4ade80;--color-success-soft: #14301f;--color-warning: #fbbf24;--color-warning-soft: #392a0c;--color-danger: #f87171;--color-danger-soft: #3b1818;--color-info: #60a5fa;--color-info-soft: #14284a;--status-working: #4ade80;--status-blocked: #fbbf24;--status-stuck: #f87171;--status-leave: #60a5fa;--status-cuti: #2dd4bf;--status-idle: #a2acba;--accent-1: #818cf8;--accent-2: #22d3ee;--accent-3: #e879f9;--accent-4: #fb7185;--swm-series-1: #818cf8;--swm-series-2: #22d3ee;--swm-series-3: #e879f9;--swm-series-4: #fb7185;--swm-series-5: #4ade80;--swm-series-6: #fbbf24;--aurora-bg: none;--card-gradient: none;--kpi-gradient: none;--swm-shadow-pop: 0 8px 20px rgba(0, 0, 0, .55);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 10px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 32px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0e1116;--color-surface: #161b22;--color-surface-2: #212833;--color-text: #e9ecf1;--color-text-muted: #a2acba;--color-border: #2d3643;--color-border-strong: #707b8c;--color-overlay: rgba(0, 0, 0, .65);--color-focus: #a5b4fc;--color-accent: #818cf8;--color-accent-hover: #a5b4fc;--color-accent-contrast: #0e1116;--color-accent-soft: #272a52;--color-accent-text: #c7d2fe;--color-success: #4ade80;--color-success-soft: #14301f;--color-warning: #fbbf24;--color-warning-soft: #392a0c;--color-danger: #f87171;--color-danger-soft: #3b1818;--color-info: #60a5fa;--color-info-soft: #14284a;--status-working: #4ade80;--status-blocked: #fbbf24;--status-stuck: #f87171;--status-leave: #60a5fa;--status-cuti: #2dd4bf;--status-idle: #a2acba;--accent-1: #818cf8;--accent-2: #22d3ee;--accent-3: #e879f9;--accent-4: #fb7185;--swm-series-1: #818cf8;--swm-series-2: #22d3ee;--swm-series-3: #e879f9;--swm-series-4: #fb7185;--swm-series-5: #4ade80;--swm-series-6: #fbbf24;--aurora-bg: none;--card-gradient: none;--kpi-gradient: none;--swm-shadow-pop: 0 8px 20px rgba(0, 0, 0, .55);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 10px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 32px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:var(--weight-semibold);line-height:var(--leading-tight)}small{font-size:var(--text-sm)}strong,b{font-weight:var(--weight-semibold)}code,kbd,pre{font-family:var(--font-mono);font-size:.92em}button,input,select,textarea{font:inherit}button{cursor:pointer}table,td,th,input,output,progress,.tabular,.ui-num{font-variant-numeric:tabular-nums}body{font-variant-numeric:tabular-nums}[hidden]{display:none!important}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}::selection{background:var(--color-accent);color:var(--color-accent-contrast)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}.ui-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation:none!important;transition:none!important;scroll-behavior:auto!important}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);min-width:var(--tap-min);padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-accent-contrast);font-size:var(--text-md);font-weight:var(--weight-medium);line-height:1;text-decoration:none;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.ui-btn:hover{background:var(--color-accent-hover)}.ui-btn:disabled,.ui-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.ui-btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.ui-btn-secondary:hover{background:var(--color-surface-2)}.ui-btn-ghost{background:transparent;color:var(--color-accent-text)}.ui-btn-ghost:hover{background:var(--color-accent-soft)}.ui-btn-danger{background:var(--color-danger);color:var(--color-bg)}.ui-btn-danger:hover{background:var(--color-danger);filter:brightness(.92)}.ui-btn-sm{padding:0 var(--space-3);font-size:var(--text-sm)}.ui-btn-md{padding:0 var(--space-4);font-size:var(--text-md)}.ui-btn-lg{min-height:48px;padding:0 var(--space-6);font-size:var(--text-base)}.ui-btn svg,.ui-icon{width:1.25em;height:1.25em;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ui-btn.is-loading{position:relative;color:transparent;pointer-events:none}.ui-btn.is-loading>*{visibility:hidden}.ui-btn.is-loading:after{content:"";position:absolute;width:16px;height:16px;border-radius:var(--radius-full);border:2px solid var(--color-accent-contrast);border-right-color:transparent;animation:ui-spin .7s linear infinite}.ui-btn-secondary.is-loading:after,.ui-btn-ghost.is-loading:after{border-color:var(--color-text);border-right-color:transparent}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.ui-label{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text)}.ui-help{font-size:var(--text-sm);color:var(--color-text-muted)}.ui-error-text{font-size:var(--text-sm);color:var(--color-danger);font-weight:var(--weight-medium)}.ui-input,.ui-select,.ui-textarea{width:100%;min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.ui-textarea{min-height:96px;resize:vertical}.ui-input:hover,.ui-select:hover,.ui-textarea:hover{border-color:var(--color-text-muted)}.ui-input:focus-visible,.ui-select:focus-visible,.ui-textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.ui-input:disabled,.ui-select:disabled,.ui-textarea:disabled{opacity:.55;cursor:not-allowed}.ui-input[aria-invalid=true],.ui-select[aria-invalid=true],.ui-textarea[aria-invalid=true],.ui-field.has-error .ui-input,.ui-field.has-error .ui-select,.ui-field.has-error .ui-textarea{border-color:var(--color-danger)}.ui-check,.ui-switch{display:inline-flex;align-items:center;gap:var(--space-3);min-height:var(--tap-min);cursor:pointer;font-size:var(--text-md)}.ui-check input{width:20px;height:20px;margin:0;accent-color:var(--color-accent);flex:none}.ui-switch input{appearance:none;-webkit-appearance:none;position:relative;width:44px;height:26px;margin:0;flex:none;border-radius:var(--radius-full);background:var(--color-border-strong);transition:background var(--duration-base) var(--ease-standard);cursor:pointer}.ui-switch input:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-standard)}.ui-switch input:checked{background:var(--color-accent)}.ui-switch input:checked:after{transform:translate(18px)}.ui-switch input:disabled{opacity:.5;cursor:not-allowed}.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-5)}.ui-card-title{font-size:var(--text-base);font-weight:var(--weight-semibold);margin:0 0 var(--space-3)}.ui-card-footer{margin-top:var(--space-4);display:flex;gap:var(--space-2);flex-wrap:wrap}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.5;white-space:nowrap}.ui-badge:before{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:currentColor}.ui-badge-working{background:var(--color-success-soft);color:var(--status-working)}.ui-badge-blocked{background:var(--color-warning-soft);color:var(--status-blocked)}.ui-badge-stuck{background:var(--color-danger-soft);color:var(--status-stuck)}.ui-badge-success{background:var(--color-success-soft);color:var(--color-success)}.ui-badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.ui-badge-danger{background:var(--color-danger-soft);color:var(--color-danger)}.ui-badge-info{background:var(--color-info-soft);color:var(--color-info)}.db-ringkas{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-3);padding:0;list-style:none}.db-daftar{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.db-baris{display:grid;gap:var(--space-1);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.db-atas{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.db-nama{font-weight:var(--weight-medium);overflow-wrap:anywhere}.db-peran,.db-detail{color:var(--color-text-muted);font-size:var(--text-xs);overflow-wrap:anywhere}.db-lead{background:var(--color-info-soft);color:var(--color-info);font-weight:var(--weight-medium)}.db-status{display:inline-flex;align-items:center;gap:var(--space-1)}.db-baris a{color:var(--color-info);overflow-wrap:anywhere}.db-baris a:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}.db-tambah{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2);margin:0 0 var(--space-3);min-width:0}.db-tambah .ui-field{min-width:0;flex:1 1 10rem}.ui-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);overflow-x:auto}.ui-tab{min-height:var(--tap-min);padding:0 var(--space-4);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-muted);font-size:var(--text-md);font-weight:var(--weight-medium);white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.ui-tab:hover{color:var(--color-text)}.ui-tab[aria-selected=true]{color:var(--color-accent-text);border-bottom-color:var(--color-accent)}.ui-tabpanel{padding-top:var(--space-4)}.ui-table-wrap{overflow:auto;max-height:420px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.ui-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-md)}.ui-table th,.ui-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.ui-table thead th{position:sticky;top:0;z-index:1;background:var(--color-surface-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted)}.ui-table tbody tr:hover{background:var(--color-accent-soft)}.ui-table tbody tr:last-child td{border-bottom:0}.ui-table .ui-num{text-align:right}.ui-table th[aria-sort]{cursor:pointer;user-select:none}.ui-table th[aria-sort] button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--tap-min)}.ui-table th[aria-sort] button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ui-table th[aria-sort=ascending] button:after{content:"\25b2";font-size:10px;color:var(--color-accent-text)}.ui-table th[aria-sort=descending] button:after{content:"\25bc";font-size:10px;color:var(--color-accent-text)}.ui-table th[aria-sort=none] button:after{content:"\2195";font-size:12px;opacity:.5}.ui-progress{height:8px;background:var(--color-surface-2);border-radius:var(--radius-full);overflow:hidden}.ui-progress>span{display:block;height:100%;width:var(--value, 0%);background:var(--color-accent);border-radius:inherit;transition:width var(--duration-slow) var(--ease-standard)}.ui-progress-success>span{background:var(--color-success)}.ui-progress-warning>span{background:var(--color-warning)}.ui-progress-danger>span{background:var(--color-danger)}.ui-ring{--size: 56px;position:relative;display:inline-grid;place-items:center;width:var(--size);height:var(--size);border-radius:var(--radius-full);background:conic-gradient(var(--color-accent) calc(var(--value, 0) * 1%),var(--color-surface-2) 0);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.ui-ring:before{content:"";position:absolute;inset:6px;border-radius:var(--radius-full);background:var(--color-surface)}.ui-ring>span{position:relative}.ui-avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-accent-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;flex:none}.ui-avatar-lg{width:48px;height:48px;font-size:var(--text-base)}.ui-skeleton{display:block;height:1em;min-height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-border) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:ui-shimmer 1.4s linear infinite}.ui-skeleton+.ui-skeleton{margin-top:var(--space-2)}@keyframes ui-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.ui-skeleton{animation:none;background:var(--color-surface-2)}.ui-btn.is-loading:after{animation:none}}.ui-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-muted)}.ui-empty .ui-icon{width:40px;height:40px;color:var(--color-text-muted)}.ui-empty-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.ui-toasts{position:fixed;right:var(--space-4);bottom:var(--space-4);left:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);pointer-events:none}.ui-toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-3);max-width:420px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-left:4px solid var(--color-info);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);font-size:var(--text-md);animation:var(--duration-slow) var(--ease-standard);animation-name:var(--swm-motion)}.ui-toast-success{border-left-color:var(--color-success)}.ui-toast-warning{border-left-color:var(--color-warning)}.ui-toast-error,.ui-toast-danger{border-left-color:var(--color-danger)}.ui-modal,.ui-drawer{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg);padding:var(--space-6);overflow:auto;--swm-from: scale(.97);animation:var(--duration-slow) var(--ease-standard);animation-name:var(--swm-motion)}.ui-modal{width:min(480px,100%);max-height:100%;border-radius:var(--radius-lg)}.ui-drawer{width:min(400px,100%);border-radius:var(--radius-lg) 0 0 var(--radius-lg);--swm-from: translateX(24px)}.ui-dialog-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-3)}.ui-dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap}@keyframes normal{0%{opacity:0;transform:var(--swm-from, translateY(8px))}to{opacity:1;transform:none}}@container style(--swm-motion: none){*,:before,:after{transition:none!important}.pt-titik-hidup{animation:none!important}}.ui-tooltip{position:relative;display:inline-flex}.ui-tooltip-text{position:absolute;bottom:calc(100% + 6px);left:50%;z-index:var(--z-tooltip);transform:translate(-50%);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-bg);font-size:var(--text-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard)}.ui-tooltip:hover .ui-tooltip-text,.ui-tooltip:focus-within .ui-tooltip-text{opacity:1}.ui-dropdown{position:relative;display:inline-block}.ui-page{max-width:960px;margin:0 auto;padding:var(--space-4)}.ui-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.ui-stack{display:flex;flex-direction:column;gap:var(--space-4)}.dv-isi{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.dv-daftar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.dv-kartu{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.dv-info{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1 200px;min-width:0}.dv-baris{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.dv-nama{font-size:var(--text-md);font-weight:var(--weight-medium);text-transform:none;overflow-wrap:anywhere}.dv-aktif,.dv-ip{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);overflow-wrap:anywhere}.dv-ip{font-size:var(--text-xs)}.dv-detail{font-size:var(--text-xs);color:var(--color-text-muted)}.dv-detail summary{display:inline-flex;align-items:center;min-height:var(--tap-min);cursor:pointer}.dv-detail summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.dv-ua{margin:0;font-family:var(--font-mono);overflow-wrap:anywhere;word-break:break-all}.dv-cabut{min-height:var(--tap-min)}.dv-cabut:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ua-daftar{list-style:none;margin:0;padding:0}.ua-item{border-top:1px solid var(--color-border)}.ua-item:first-child{border-top:0}.ua-tautan{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-3);min-height:var(--tap-min);min-width:var(--tap-min);padding:var(--space-2) var(--space-1);color:var(--color-accent-text);text-decoration:none;overflow-wrap:anywhere;border-radius:var(--radius-sm)}.ua-tautan:hover{background:var(--color-accent-soft)}.ua-tautan:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ua-judul{flex:1 1 140px;min-width:0;font-weight:var(--weight-medium)}.ua-project{font-size:var(--text-sm);color:var(--color-text-muted)}.dv-skeleton{display:flex;flex-direction:column;gap:var(--space-3)}.dv-skeleton .ui-skeleton{height:72px;border-radius:var(--radius-md)}.ui-alih-aplikasi{display:inline-flex;flex:none;gap:2px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2)}.ui-alih-aplikasi-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:calc(var(--radius-sm) - 2px);color:var(--color-text-muted)}.ui-alih-aplikasi-btn:hover{color:var(--color-text)}.ui-alih-aplikasi-btn[aria-current=page]{background:var(--color-surface);color:var(--color-accent-text);box-shadow:var(--shadow-sm),inset 0 0 0 1px var(--color-accent)}.ui-alih-aplikasi-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ui-alih-aplikasi-btn .ui-icon{width:20px;height:20px}:root{--warna-latar: var(--color-bg);--warna-permukaan: var(--color-surface);--warna-permukaan-2: var(--color-surface-2);--warna-teks: var(--color-text);--warna-teks-redup: var(--color-text-muted);--warna-garis: var(--color-border);--warna-garis-kuat: var(--color-border-strong);--warna-aksen: var(--color-accent);--warna-aksen-teks: var(--color-accent-contrast);--warna-bahaya: var(--color-danger);--warna-bahaya-latar: var(--color-danger-soft);--warna-fokus: var(--color-focus);--spasi-1: var(--space-1);--spasi-2: var(--space-2);--spasi-3: var(--space-3);--spasi-4: var(--space-4);--spasi-5: var(--space-6);--radius-1: var(--radius-sm);--radius-2: var(--radius-md);--bayangan-1: var(--shadow-sm);--font-kecil: var(--text-md);--font-normal: var(--text-base);--font-judul-kartu: 1.0625rem;--font-judul: var(--text-lg);--lebar-sidebar: 220px;--lebar-sidebar-ciut: 64px;--tinggi-atas: 56px;--tinggi-tab: 60px}a{color:var(--color-accent-text)}.noscript{padding:var(--space-4)}.app{display:grid;grid-template-columns:var(--lebar-sidebar) minmax(0,1fr);min-height:100vh}.app.sidebar-ciut{grid-template-columns:var(--lebar-sidebar-ciut) minmax(0,1fr)}.app-ikon{display:inline-flex;flex:none}.app-ikon .ui-icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.app-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-2);background:var(--color-surface);border-right:1px solid var(--color-border);overflow-y:auto}.app-merek{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-weight:var(--weight-semibold);font-size:var(--text-lg);color:var(--color-accent-text);white-space:nowrap}.app-merek-logo{width:24px;height:24px;flex:none;border-radius:6px}.app-sidebar nav{flex:1}.app-daftar,.app-tabs-daftar{list-style:none;margin:0;padding:0}.app-daftar{display:flex;flex-direction:column;gap:var(--space-1)}.app-link,.app-sidebar-toggle{display:flex;align-items:center;gap:var(--space-3);min-height:var(--tap-min);padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font:inherit;font-size:var(--text-md);text-decoration:none;white-space:nowrap;width:100%;cursor:pointer}.app-link:hover,.app-sidebar-toggle:hover{background:var(--color-surface-2)}.app-link[aria-current=page]{background:var(--color-accent-soft);border-left:3px solid var(--swm-grad-1);border-image:linear-gradient(var(--swm-grad-1),var(--swm-grad-2)) 1;color:var(--color-accent-text);font-weight:var(--weight-semibold)}.app-sidebar-toggle{color:var(--color-text-muted)}.sidebar-ciut .app-teks,.sidebar-ciut .app-merek{display:none}.sidebar-ciut .app-link,.sidebar-ciut .app-sidebar-toggle{justify-content:center;padding:0}.app-grup-judul{margin-top:var(--space-3);padding:0 var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.app-grup-judul:first-child{margin-top:0}.sidebar-ciut .app-grup-judul{height:0;margin:var(--space-1) var(--space-2);padding:0;overflow:hidden;border-top:1px solid var(--color-border);color:transparent}.sidebar-ciut .app-grup-judul:first-child{display:none}.swm-menu-grup{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.swm-menu-grup:not(:first-child){margin-top:var(--space-1);border-top:1px solid var(--color-border)}.app-body{min-width:0;display:flex;flex-direction:column}.app-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--tinggi-atas);padding:var(--space-2) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-judul{margin:0;font-size:var(--text-lg);min-width:0;overflow-wrap:anywhere}.app-judul:focus{outline:none}.app-aksi{display:flex;align-items:center;gap:var(--space-2);flex:none}.app-ikon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.app-ikon-btn .ui-icon{width:20px;height:20px}.app-pengguna .swm-menu{left:auto;right:0}.app-pengguna-btn{padding-left:var(--space-2);max-width:15rem}.app-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-accent-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em}.app-nama{min-width:0;overflow:hidden;text-overflow:ellipsis}.app-main{padding:var(--space-4);max-width:1400px;width:100%;margin:0 auto}.app-main:focus{outline:none}.halaman{display:block}.app-tabs{display:none}.masuk{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.masuk-kartu{width:100%;max-width:400px;padding:var(--space-6)}.masuk-merek{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.masuk-logo{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md)}.masuk-kartu:after{content:"DBenk Kerja \b7  produk DBenk";display:block;margin-top:var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.masuk-nama{font-weight:var(--weight-semibold);color:var(--color-text-muted)}.masuk-judul{margin:0 0 var(--space-4);font-size:var(--text-xl)}.masuk-sandi{display:flex;gap:var(--space-2);align-items:center}.masuk-sandi .ui-input{flex:1 1 auto;min-width:0}.masuk-galat:empty{display:none}.masuk-galat{margin:0 0 var(--space-3)}.masuk-kirim,.masuk-google{width:100%}.masuk-atau{text-align:center;color:var(--color-text-muted);margin:var(--space-3) 0}.masuk-tema{position:fixed;top:var(--space-3);right:var(--space-3);z-index:20}.halaman>.card,.halaman>div>.card{margin-bottom:var(--spasi-4)}.card{background:var(--warna-permukaan);border:1px solid var(--warna-garis);border-radius:var(--radius-2);box-shadow:var(--bayangan-1);padding:var(--spasi-4);overflow-x:auto}.card h2{margin:0 0 var(--spasi-3);font-size:var(--font-judul-kartu);font-weight:650}.card table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.kosong{margin:0;padding:var(--spasi-4);text-align:center;color:var(--warna-teks-redup);background:var(--warna-permukaan-2);border:1px dashed var(--warna-garis-kuat);border-radius:var(--radius-1)}.galat{margin:0 0 var(--spasi-2);color:var(--warna-bahaya)}.galat:empty{display:none}.galat:not(:empty){padding:var(--spasi-2) var(--spasi-3);background:var(--warna-bahaya-latar);border:1px solid var(--warna-bahaya);border-radius:var(--radius-1)}.field{display:flex;flex-direction:column;gap:var(--spasi-1);margin-bottom:var(--spasi-3)}.field input,.field select,.field textarea{min-height:var(--tap-min);padding:var(--spasi-2);font-size:var(--font-normal);width:100%;border:1px solid var(--warna-garis-kuat);border-radius:var(--radius-1);background:var(--warna-permukaan);color:var(--warna-teks)}.field textarea{font-family:inherit;min-height:0}.field input[type=checkbox]{width:24px;min-height:24px;align-self:flex-start}.field input[type=range]{min-height:var(--tap-min)}.btn{min-height:var(--tap-min);padding:var(--spasi-2) var(--spasi-4);font-size:var(--font-normal);border:0;border-radius:var(--radius-1);background:var(--warna-aksen);color:var(--warna-aksen-teks);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.6;cursor:not-allowed}.sesi,.perkiraan,.diam{list-style:none;margin:0;padding:0}.indikator h4,.komentar h3,.aktif h3,.riwayat h3{margin:0 0 var(--spasi-2);font-size:var(--font-normal);overflow-wrap:anywhere}.riset h3{overflow-wrap:anywhere}.aktif,.riwayat{margin-top:var(--spasi-4)}.project{border-top:1px solid var(--warna-garis);padding:var(--spasi-3) 0}.tanda{color:var(--color-accent-text);font-weight:600}.ds-skeleton{display:flex;flex-direction:column;gap:var(--space-2);min-height:96px}.ds-skeleton .ui-skeleton{height:20px}.ds-skeleton-baris .ui-skeleton{height:28px}.ds-kosong{padding:var(--space-6) var(--space-3)}.ds-galat{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-3);text-align:center;color:var(--color-danger)}.ds-galat p{margin:0;color:var(--color-text)}.pj-seksi-judul{margin:0 0 var(--space-2);font-size:var(--text-base)}.pj-seksi-isi{min-width:0}.pj-form{margin-top:var(--space-2)}.pj-form .ui-error-text[hidden]{display:none}.ui-badge .app-ikon{margin-inline-end:var(--space-1)}.rg-kartu{max-width:440px;animation:.16s ease-out;animation-name:var(--swm-motion)}.rg-form,.rg-dialog{max-width:100%}.rg-masuk,.masuk-daftar{width:100%;margin-top:var(--space-3)}.rg-selesai p{overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.rg-kartu{animation:none}}@media(min-width:640px){.app-main{padding:var(--spasi-5)}}@media(max-width:767px){.app,.app.sidebar-ciut{display:block}.app-sidebar{display:none}.app-judul{font-size:var(--font-judul-kartu)}.app-nama{display:none}.app-pengguna-btn{padding:0;width:var(--tap-min)}.app-main{padding:var(--space-3);padding-bottom:calc(var(--tinggi-tab) + var(--space-6))}.card{padding:var(--spasi-3)}.app-tabs{display:block;position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom)}.app-tabs-daftar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.app-tabs-daftar>li{min-width:0}.app-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;min-height:var(--tinggi-tab);padding:var(--space-1);border:0;background:transparent;color:var(--color-text-muted);font:inherit;font-size:var(--text-xs);text-decoration:none;cursor:pointer}.app-tab[aria-current=page],.app-tab[data-aktif=true]{color:var(--color-accent-text);font-weight:var(--weight-semibold)}.app-tab-teks{overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}.app-tabs .ui-dropdown{display:block}.app-tabs .swm-menu{top:auto;bottom:calc(100% + 4px);left:auto;right:var(--space-2)}}@media(min-width:768px){.app-tab{display:none}}.swm-card-body>.akses-dibatasi-teks{margin:0}#ui-sprite{position:absolute;width:0;height:0;overflow:hidden}.halaman.swm-page>*,.swm-page .swm-page>*{margin-block:0}.swm-page{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.swm-page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.swm-page-head>:first-child{min-width:0;overflow-wrap:anywhere}.swm-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(var(--space-12) * 6)),1fr));gap:var(--space-4)}.swm-page-grid>*{min-width:0}.swm-page-table-wrap{overflow-x:auto;max-width:100%}.swm-page[data-page=ringkasan]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,calc(var(--space-12) * 6)),1fr));gap:var(--space-4)}.halaman.swm-page[data-page=ringkasan]{display:flex}.swm-page[data-page=ringkasan]>*{min-width:0}@media(max-width:640px){.swm-page-grid,.swm-page[data-page=ringkasan]{grid-template-columns:1fr}.swm-page-head{flex-wrap:wrap}.swm-page-head>:not(:first-child){flex:1 1 100%}}