:root{--alva-black:#111;--alva-white:#fff;--alva-teal:#00a19a;--alva-dark-teal:#007c78;--alva-light:#f5f7f8;--alva-gray:#6b7280;--brand:var(--alva-teal);--brand-strong:var(--alva-dark-teal);--brand-hover:#00665f;--on-brand:var(--alva-white);--brand-soft:#e6f5f4;--brand-ink:#005f5b;--focus:var(--alva-dark-teal);--teal-ink:var(--alva-dark-teal);--teal-ink-strong:#005f5b;--inverse:var(--alva-black);--on-inverse:var(--alva-white);--on-inverse-muted:#d1d5db;--bg:var(--alva-light);--surface:var(--alva-white);--surface-2:#f9fafb;--surface-3:#f3f4f6;--border:#e5e7eb;--border-strong:#d1d5db;--text:var(--alva-black);--text-muted:#4b5563;--text-subtle:var(--alva-gray);--st-info:#2e71e5;--st-info-bg:#e7f0fe;--st-info-tx:#1b4fb0;--st-neutral:#6b7280;--st-neutral-bg:#f3f4f6;--st-neutral-tx:#374151;--st-routed:#5b6bf0;--st-routed-bg:#eaecfe;--st-routed-tx:#3a45b8;--st-progress:#e0912f;--st-progress-bg:#fef3e2;--st-progress-tx:#96601a;--st-success:#16a34a;--st-success-bg:#e4f6ec;--st-success-tx:#0e7a38;--st-danger:#d92d20;--st-danger-bg:#fef3f2;--st-danger-tx:#b42318;--r-xs:4px;--r-sm:8px;--r:10px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--shadow-sm:0 1px 2px #1111110d;--shadow:0 10px 30px #1111110f;--shadow-lg:0 18px 50px #1111111f;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--font-display:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--fs-display:32px;--lh-display:1.15;--fs-h1:24px;--lh-h1:1.2;--fs-h2:19px;--lh-h2:1.25;--fs-h3:16px;--lh-h3:1.3;--fs-body:15px;--lh-body:1.55;--fs-sm:13px;--lh-sm:1.5;--fs-xs:12px;--lh-xs:1.45;--fs-2xs:11px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--sidebar-w:260px;--sidebar-w-collapsed:72px;--topbar-h:64px;--tap:44px;--container-max:1600px;--t-fast:.12s cubic-bezier(.4, 0, .2, 1);--t:.2s cubic-bezier(.4, 0, .2, 1);--t-slow:.32s cubic-bezier(.4, 0, .2, 1);--z-sticky:100;--z-sidebar:200;--z-topbar:210;--z-modal:500;--z-toast:600}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;accent-color:var(--brand-strong);--scrim:#11111173;--st-danger-hover:#912018}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:var(--brand);--scrim:#000000a6;--st-danger-hover:#ff948a;--bg:#0e1413;--surface:#161d1c;--surface-2:#1c2423;--surface-3:#222b2a;--border:#2e3837;--border-strong:#42504e;--text:#f2f5f4;--text-muted:#b5bfbe;--text-subtle:#8e9a98;--brand:#2fbfb6;--brand-strong:#13a79f;--brand-hover:#1bb0a9;--on-brand:#04211f;--brand-soft:#13302e;--brand-ink:#6fd8d0;--focus:#4acfc6;--teal-ink:#55d0c8;--teal-ink-strong:#7fddd6;--inverse:#242e2d;--on-inverse:#f2f5f4;--on-inverse-muted:#afb9b8;--st-info:#5b9bff;--st-info-bg:#1a2b47;--st-info-tx:#a8c9ff;--st-neutral:#9aa3a2;--st-neutral-bg:#232a29;--st-neutral-tx:#cbd3d2;--st-routed:#8a95ff;--st-routed-bg:#242848;--st-routed-tx:#bcc2ff;--st-progress:#e8a54a;--st-progress-bg:#352511;--st-progress-tx:#f3cb8c;--st-success:#3ecf72;--st-success-bg:#11301d;--st-success-tx:#8fe7af;--st-danger:#ff6b5e;--st-danger-bg:#3e1917;--st-danger-tx:#ffada4;--shadow-sm:0 1px 2px #0006;--shadow:0 10px 30px #00000080;--shadow-lg:0 18px 50px #0009}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--teal-ink);font-weight:var(--fw-semibold);text-decoration:none}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--fw-bold);color:var(--text);letter-spacing:-.01em}h1{font-size:var(--fs-h1);line-height:var(--lh-h1)}h2{font-size:var(--fs-h2);line-height:var(--lh-h2)}h3{font-size:var(--fs-h3);line-height:var(--lh-h3)}.display{font-family:var(--font-display);font-size:var(--fs-display);line-height:var(--lh-display);font-weight:var(--fw-bold);letter-spacing:-.02em}.mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle)}.eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink)}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.grow{flex:1}.wrap{flex-wrap:wrap}[hidden]{display:none!important}.btn{--_bg:var(--surface);--_fg:var(--text);--_bd:var(--border);justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-5);font-size:var(--fs-sm);font-weight:var(--fw-semibold);background:var(--_bg);color:var(--_fg);border:1px solid var(--_bd);border-radius:var(--r);cursor:pointer;white-space:nowrap;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn svg{width:16px;height:16px}.btn-sm{min-height:36px;padding:0 var(--sp-3);font-size:var(--fs-xs)}.btn-lg{min-height:52px;padding:0 var(--sp-6);font-size:var(--fs-body)}.btn-block{width:100%}@media (pointer:coarse){.btn-sm{min-height:var(--tap)}}.btn-primary{--_bg:var(--brand-strong);--_fg:var(--on-brand);--_bd:var(--brand-strong)}.btn-primary:hover{--_bg:var(--brand-hover);--_bd:var(--brand-hover)}.btn-secondary{--_bg:var(--surface);--_fg:var(--text);--_bd:var(--border-strong)}.btn-secondary:hover{--_bg:var(--surface-3)}.btn-ghost{--_bg:transparent;--_fg:var(--text-muted);--_bd:transparent}.btn-ghost:hover{--_bg:var(--surface-3);--_fg:var(--text)}.btn-danger{--_bg:var(--st-danger-tx);--_fg:var(--on-brand);--_bd:var(--st-danger-tx)}.badge{height:22px;font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:.02em;border-radius:var(--r-pill);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.badge:before{content:"";opacity:.9;background:currentColor;border-radius:50%;width:6px;height:6px}.badge.no-dot:before{display:none}table.data td .badge{white-space:normal;align-items:flex-start;height:auto;min-height:22px;padding:4px 10px;line-height:1.3}table.data td .badge:before{margin-top:4px}.alur-info{margin-top:var(--sp-4)}.alur-langkah{margin:var(--sp-3) 0 0;flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.alur-langkah li{border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);color:var(--text-muted);align-items:center;gap:6px;padding:4px 10px 4px 5px;display:inline-flex}.alur-langkah li span{background:var(--surface-2);width:18px;height:18px;color:var(--text-muted);border-radius:50%;place-items:center;font-size:10px;line-height:1;display:grid}.alur-langkah li.gerbang{border-color:var(--brand-strong);color:var(--text)}.alur-langkah li.gerbang span{background:var(--brand-strong);color:var(--on-brand)}.label-unit{font-weight:var(--fw-regular);color:var(--text-subtle)}.sla-note{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);align-items:center;gap:6px;margin-top:4px;display:flex}.sla-note:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.sla-note.is-mepet{color:var(--st-progress-tx)}.sla-note.is-lewat{color:var(--st-danger-tx)}.combo{position:relative}.combo-q{width:100%}.combo-list{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);max-height:264px;box-shadow:var(--shadow-lg);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.combo-list li{border-radius:var(--r-sm);cursor:pointer;padding:8px 10px;line-height:1.35}.combo-list li b{font-size:var(--fs-sm);font-weight:var(--fw-semibold);display:block}.combo-list li span{font-size:var(--fs-2xs);color:var(--text-muted);margin-top:1px;display:block}.combo-list li:hover,.combo-list li.combo-aktif{background:var(--surface-2)}.combo-list li.combo-aktif{box-shadow:inset 0 0 0 1px var(--brand-strong)}.combo-empty{font-size:var(--fs-xs);color:var(--text-muted);cursor:default;padding:10px}.imp-cur{gap:6px;display:flex}.imp-cur select{flex:0 0 76px;width:76px}.imp-cur input{flex:1;min-width:0}table.data td .cell-strong,table.data td .cell-sub,table.data td.mono{white-space:nowrap}.badge-info{background:var(--st-info-bg);color:var(--st-info-tx)}.badge-neutral{background:var(--st-neutral-bg);color:var(--st-neutral-tx)}.badge-routed{background:var(--st-routed-bg);color:var(--st-routed-tx)}.badge-progress{background:var(--st-progress-bg);color:var(--st-progress-tx)}.badge-success{background:var(--st-success-bg);color:var(--st-success-tx)}.badge-danger{background:var(--st-danger-bg);color:var(--st-danger-tx)}.sev-chip{border-radius:var(--r-sm);min-width:26px;height:22px;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-bold);background:var(--st-neutral-bg);color:var(--st-neutral-tx);justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.sev-chip[data-sev="1"],.sev-chip[data-sev="2"],.sev-chip[data-sev="3"]{background:var(--st-success-bg);color:var(--st-success-tx)}.sev-chip[data-sev="4"],.sev-chip[data-sev="5"],.sev-chip[data-sev="6"]{background:var(--st-progress-bg);color:var(--st-progress-tx)}.sev-chip[data-sev="7"],.sev-chip[data-sev="8"]{background:var(--st-routed-bg);color:var(--st-routed-tx)}.sev-chip[data-sev="9"],.sev-chip[data-sev="10"]{background:var(--st-danger-bg);color:var(--st-danger-tx)}.badge-brand{background:var(--brand-soft);color:var(--brand-ink)}.chip{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow)}.card-pad{padding:var(--sp-6)}.card-head{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border);display:flex}.card-head h3{margin:0}.card-body{padding:var(--sp-6)}.card-foot{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--r-lg) var(--r-lg)}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow);position:relative;overflow:hidden}.stat-label{font-size:var(--fs-xs);color:var(--text-muted);font-weight:var(--fw-medium)}.stat-value{font-family:var(--font-display);font-size:30px;font-weight:var(--fw-bold);letter-spacing:-.02em;margin:var(--sp-2) 0 var(--sp-1);line-height:1.1}.stat-delta{width:fit-content;font-size:var(--fs-xs);font-weight:var(--fw-semibold);border-radius:var(--r-pill);background:var(--surface-3);color:var(--text-muted);align-items:center;gap:4px;padding:3px 9px;display:inline-flex}.stat-delta svg{flex:none;width:12px;height:12px}.stat-delta.up{color:var(--st-success-tx);background:var(--st-success-bg)}.stat-delta.down{color:var(--st-danger-tx);background:var(--st-danger-bg)}.table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.table-scroll{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}table.data thead th{text-align:left;font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-2);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);white-space:nowrap}table.data tbody td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);vertical-align:middle}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr{transition:background var(--t-fast)}table.data tbody tr:hover{background:var(--surface-2)}table.data tbody tr.clickable{cursor:pointer}table.data .cell-strong{font-weight:var(--fw-semibold);color:var(--text)}.field{flex-direction:column;gap:6px;display:flex}.label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text)}.label .req{color:var(--st-danger)}.hint{font-size:var(--fs-xs);color:var(--text-subtle)}.input,.select,.textarea{width:100%;min-height:var(--tap);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r);font-size:var(--fs-body);color:var(--text);transition:border-color var(--t-fast);padding:0 14px}.textarea{resize:vertical;height:auto;min-height:104px;padding:12px 14px;line-height:1.5}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234B5563' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.input::placeholder,.textarea::placeholder{color:var(--text-subtle)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-color:var(--brand-strong)}.input:disabled,.select:disabled{background:var(--surface-3);color:var(--text-subtle);cursor:not-allowed}.search{position:relative}.search .input{padding-left:38px}.search svg{width:16px;height:16px;color:var(--text-subtle);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.dropzone{padding:var(--sp-6);text-align:center;border:1.5px dashed var(--border-strong);border-radius:var(--r);background:var(--surface-2);color:var(--text-muted);cursor:pointer;transition:border-color var(--t-fast), background var(--t-fast);flex-direction:column;align-items:center;gap:6px;display:flex}.dropzone:hover{border-color:var(--brand-strong);background:var(--brand-soft)}.dropzone svg{width:26px;height:26px;color:var(--teal-ink)}.switch{flex:none;width:40px;height:22px;position:relative}.switch input{opacity:0;position:absolute}.switch input:focus-visible+.track{outline:3px solid var(--focus);outline-offset:2px}.switch .track{background:var(--border-strong);border-radius:var(--r-pill);transition:background var(--t);position:absolute;inset:0}.switch .track:after{content:"";background:var(--surface);width:18px;height:18px;box-shadow:var(--shadow-sm);transition:transform var(--t);border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+.track{background:var(--brand-strong)}.switch input:checked+.track:after{transform:translate(18px)}.tabs{gap:var(--sp-1);border-bottom:1px solid var(--border);display:flex}.tab{min-height:var(--tap);padding:0 var(--sp-4);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted);cursor:pointer;transition:color var(--t-fast), border-color var(--t-fast);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;display:inline-flex}.tab:hover{color:var(--text)}.tab.active{color:var(--brand-ink);border-bottom-color:var(--brand);font-weight:var(--fw-semibold)}.timeline{flex-direction:column;gap:0;display:flex}.tl-step{gap:var(--sp-4);padding-bottom:var(--sp-6);grid-template-columns:32px 1fr;display:grid;position:relative}.tl-step:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:30px;bottom:-2px;left:15px}.tl-step.done:not(:last-child):before{background:var(--st-success)}.tl-dot{background:var(--surface);border:2px solid var(--border-strong);width:32px;height:32px;color:var(--text-subtle);font-size:var(--fs-xs);font-weight:var(--fw-bold);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex}.tl-dot svg{width:16px;height:16px}.tl-step.done .tl-dot{background:var(--st-success);border-color:var(--st-success);color:var(--on-brand)}.tl-step.active .tl-dot{background:var(--brand-strong);border-color:var(--brand-strong);color:var(--on-brand);box-shadow:0 0 0 4px var(--brand-soft)}.tl-body{padding-top:4px}.tl-title{font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.tl-meta{font-size:var(--fs-xs);color:var(--text-muted);margin-top:2px}.tl-note{font-size:var(--fs-sm);color:var(--text-muted);margin-top:var(--sp-2);padding:var(--sp-3);background:var(--surface-2);border-radius:var(--r-sm);border:1px solid var(--border)}.stepper-mini{align-items:center;gap:4px;display:flex}.stepper-mini .seg{background:var(--border-strong);border-radius:3px;width:13px;height:5px}.stepper-mini .seg.done{background:var(--st-success)}.stepper-mini .seg.active{background:var(--brand)}.modal-overlay{padding:var(--sp-4);z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity var(--t), visibility var(--t);background:#11111173;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;visibility:visible}.modal{background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:520px;box-shadow:var(--shadow-lg);transition:transform var(--t);flex-direction:column;max-height:90vh;display:flex;transform:translateY(8px)scale(.98)}.modal-overlay.open .modal{transform:none}.modal-head{padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--sp-6);overflow-y:auto}.modal-foot{justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border);display:flex}.toast-region{top:calc(var(--topbar-h) + 12px);right:var(--sp-6);z-index:var(--z-toast);gap:var(--sp-3);flex-direction:column;width:360px;max-width:calc(100vw - 32px);display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);background:var(--inverse);color:var(--on-inverse);border-radius:var(--r);box-shadow:var(--shadow-lg);border-left:4px solid var(--brand);animation:toastIn var(--t-slow) both;display:flex}.toast.success{border-left-color:var(--st-success)}.toast.danger{border-left-color:var(--st-danger)}.toast .t-icon{width:20px;height:20px;color:var(--brand);flex:none;margin-top:1px}.toast.success .t-icon{color:var(--st-success)}.toast .t-title{font-weight:var(--fw-semibold);font-size:var(--fs-sm)}.toast .t-desc{font-size:var(--fs-xs);color:var(--on-inverse-muted);margin-top:2px}@keyframes toastIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.avatar{width:36px;height:36px;font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-bold);background:var(--brand-soft);color:var(--brand-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.avatar-sm{width:28px;height:28px;font-size:var(--fs-2xs)}.empty{text-align:center;padding:var(--sp-12) var(--sp-6);color:var(--text-muted)}.empty svg{width:44px;height:44px;margin:0 auto var(--sp-4);color:var(--border-strong)}.empty h3{color:var(--text);margin-bottom:var(--sp-2)}.breadcrumb{align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-subtle);display:flex}.breadcrumb a{color:var(--text-muted);font-weight:var(--fw-regular)}.breadcrumb .sep{color:var(--border-strong)}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.page-head h1{margin-top:var(--sp-2)}.filterbar{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.filterbar .select,.filterbar .input{width:auto;min-width:150px;height:38px}.filterbar .search .input{width:260px;max-width:100%}@media (width<=640px){.filterbar{flex-direction:column;align-items:stretch}.filterbar,.filterbar>*,.filterbar .select,.filterbar .input,.filterbar .search .input{width:100%;min-width:0}}.divider{background:var(--border);height:1px;margin:var(--sp-5) 0;border:none}.dl{gap:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);grid-template-columns:140px 1fr;display:grid}.dl dt{color:var(--text-muted);min-width:0}.dl dd{color:var(--text);font-weight:var(--fw-medium);overflow-wrap:anywhere;min-width:0}.form-grid{gap:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-5);grid-template-columns:repeat(3,1fr);display:grid}.form-sec-title{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:var(--fw-semibold);margin:0 0 var(--sp-4);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border)}.form-grid+.form-sec-title{margin-top:var(--sp-2)}.sppr-2col{gap:var(--sp-5);margin-bottom:var(--sp-5);grid-template-columns:2fr 1fr;display:grid}.form-actions{justify-content:flex-end;gap:var(--sp-3);margin:var(--sp-6) 0 var(--sp-10);display:flex}.ta-lg{min-height:180px}.req{color:var(--st-danger-tx);font-weight:var(--fw-bold)}.label-sm{font-size:var(--fs-2xs)}.input-sm{height:32px;font-size:var(--fs-sm)}.f-hint{font-size:var(--fs-2xs);color:var(--text-subtle);margin-top:4px;line-height:1.5}.f-hint .warn{color:var(--st-danger-tx)}.f-err{font-size:var(--fs-2xs);color:var(--st-danger-tx);margin-top:4px;display:none}.f-err.on{display:block}.field.bad .input,.field.bad .select,.field.bad .textarea{border-color:var(--st-danger-tx)}.impact-grid{gap:var(--sp-5);grid-template-columns:repeat(3,1fr);display:grid}.impact-cat{border:1px solid var(--border);border-radius:var(--r);padding:var(--sp-4)}.impact-head{font-weight:var(--fw-semibold);font-size:var(--fs-sm);margin-bottom:var(--sp-3)}.imp-opt{cursor:pointer;font-size:var(--fs-sm);align-items:center;gap:8px;padding:6px 0;display:flex}.imp-opt input{width:16px;height:16px;accent-color:var(--teal-ink);cursor:pointer}.imp-field{margin:0 0 var(--sp-3) 24px;padding-left:var(--sp-3);border-left:2px solid var(--brand-soft)}.imp-view{margin-bottom:var(--sp-4)}.imp-view-head{font-weight:var(--fw-semibold);font-size:var(--fs-sm);margin-bottom:6px}.imp-view-row{font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:8px;padding:4px 0;display:flex}.tl-gate .tl-dot{border-radius:var(--r-sm);transform:rotate(45deg)}.tl-gate .tl-dot>*{transform:rotate(-45deg)}.tl-gate .tl-title{font-weight:var(--fw-bold)}.tl-approver{font-size:var(--fs-2xs);color:var(--text-subtle);margin-top:2px}.tl-note{background:var(--bg);border-radius:var(--r-sm);font-size:var(--fs-sm);border-left:3px solid var(--border);margin-top:6px;padding:8px 10px}.callout{gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);margin-bottom:var(--sp-5);display:flex}.callout svg{flex:none;width:20px;height:20px;margin-top:2px}.callout p{font-size:var(--fs-sm);margin:4px 0 0}.callout-brand{background:var(--brand-soft);border-color:var(--brand)}.callout-danger{background:var(--st-danger-bg);border-color:var(--st-danger-tx)}.callout-success{background:var(--st-success-bg);border-color:var(--st-success-tx)}.sec-label{font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle);margin:var(--sp-4) 0 6px}.para{font-size:var(--fs-body);white-space:pre-wrap;margin:0;line-height:1.65}.cell-sub{font-size:var(--fs-2xs);color:var(--text-subtle);margin-top:2px}.empty-sm{color:var(--text-subtle);font-size:var(--fs-sm);padding:var(--sp-3) 0}.file-row{flex-wrap:wrap;gap:8px;display:flex}.file-chip{border-radius:var(--r-pill);background:var(--bg);border:1px solid var(--border);font-size:var(--fs-2xs);align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.file-chip svg{width:13px;height:13px}.chip-sm{font-size:var(--fs-2xs);padding:1px 8px}.link{color:var(--teal-ink);font-weight:var(--fw-semibold);text-decoration:none}.link:hover{text-decoration:underline}.seg-gate{position:relative}.seg-gate:after{content:"";border-right:2px solid var(--surface);position:absolute;inset:0}.rev-item{padding:var(--sp-3) 0;border-bottom:1px solid var(--border);font-size:var(--fs-sm)}.rev-item:last-child{border-bottom:none}.rev-item.cur{background:var(--brand-soft);margin:0 calc(var(--sp-4) * -1);padding-left:var(--sp-4);padding-right:var(--sp-4)}.rev-head{align-items:center;gap:8px;display:flex}.rev-reason{background:var(--st-danger-bg);color:var(--st-danger-tx);border-radius:var(--r-sm);font-size:var(--fs-2xs);margin-top:6px;padding:8px 10px}.trail{padding-left:var(--sp-5);position:relative}.trail:before{content:"";background:var(--border);width:2px;position:absolute;top:6px;bottom:6px;left:5px}.trail-item{padding-bottom:var(--sp-4);font-size:var(--fs-sm);position:relative}.trail-item:last-child{padding-bottom:0}.trail-dot{left:calc(var(--sp-5) * -1);background:var(--surface);border:2px solid var(--brand-strong);border-radius:50%;width:12px;height:12px;position:absolute;top:5px}.trail-act{font-weight:var(--fw-medium)}.dropzone.over{border-color:var(--brand-strong);background:var(--brand-soft)}@media (width<=1100px){.sppr-2col{grid-template-columns:1fr}}@media (width<=900px){.form-grid,.impact-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.form-grid,.impact-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.chip-warn{background:var(--st-progress-bg);color:var(--st-progress-tx)}.chip-info{background:var(--st-info-bg);color:var(--st-info-tx);border-color:#0000}.chip-success{background:var(--st-success-bg);color:var(--st-success-tx);border-color:#0000}.chip-danger{background:var(--st-danger-bg);color:var(--st-danger-tx);border-color:#0000}.chip-brand{background:var(--st-routed-bg);color:var(--st-routed-tx);border-color:#0000}.rev-item.pending{border-left:3px solid var(--st-progress-tx);padding-left:var(--sp-3)}.form-layout{gap:var(--sp-5);grid-template-columns:216px minmax(0,1fr);align-items:start;display:grid}.form-body{min-width:0}.form-rail{top:var(--sticky-top);z-index:var(--z-sticky);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-sm);max-height:calc(100vh - var(--sticky-top) - var(--sp-6));position:sticky;overflow-y:auto}.rail-head{font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:var(--sp-3)}.rail-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.rail-item{border-radius:var(--r-sm);cursor:pointer;text-align:left;width:100%;min-height:40px;font-family:inherit;font-size:var(--fs-sm);color:var(--text);background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;display:flex}.rail-item:hover{background:var(--bg)}.rail-item:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.rail-num{width:22px;height:22px;font-size:var(--fs-2xs);font-weight:var(--fw-bold);background:var(--st-neutral-bg);color:var(--st-neutral-tx);border-radius:50%;flex:none;place-items:center;display:grid}.rail-num svg{width:12px;height:12px}.rail-item.is-beres .rail-num{background:var(--st-success-bg);color:var(--st-success-tx)}.rail-item.is-galat .rail-num{background:var(--st-danger-bg);color:var(--st-danger-tx)}.rail-item.is-galat .rail-label{color:var(--st-danger-tx)}.rail-label{text-overflow:ellipsis;overflow:hidden}.rail-foot{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border);font-size:var(--fs-2xs)}.rail-ok{color:var(--st-success-tx);font-weight:var(--fw-semibold);align-items:center;gap:6px;display:inline-flex}.rail-ok svg{width:13px;height:13px}.rail-sisa{color:var(--st-danger-tx);font-weight:var(--fw-semibold)}.sec-sorot{box-shadow:0 0 0 2px var(--brand-strong);transition:box-shadow var(--t)}.form-actionbar{bottom:var(--sp-4);z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--sp-4);margin:var(--sp-5) 0 var(--sp-8);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);flex-wrap:wrap;display:flex;position:sticky}.fa-status{font-size:var(--fs-sm);align-items:center;gap:8px;display:inline-flex}.fa-status svg{flex:none;width:16px;height:16px}.fa-status.is-ok{color:var(--st-success-tx)}.fa-status.is-kurang{color:var(--st-danger-tx)}.fa-btns{gap:var(--sp-3);margin-left:auto;display:flex}@media (width<=1000px){.form-layout{grid-template-columns:1fr}.form-rail{top:var(--sticky-top);z-index:var(--z-sticky);padding:var(--sp-3);border-radius:var(--r);max-height:none;position:sticky;overflow:visible}.rail-head,.rail-foot{display:none}.rail-list{gap:var(--sp-2);flex-direction:row;overflow-x:auto}.rail-item{white-space:nowrap}}@media (width<=640px){.rail-label{display:none}.rail-item{padding:8px}.fa-btns{width:100%}.fa-btns .btn{flex:1}}.ic{flex:none;width:18px;height:18px}.idp-head{align-items:center;gap:var(--sp-3);display:flex}.idp-ico{border-radius:var(--r-sm);background:var(--brand-soft);width:36px;height:36px;color:var(--brand-ink);flex:none;place-items:center;display:grid}.idp-ico svg{width:18px;height:18px}.idp-title{flex:1;min-width:0}.idp-title b{font-size:var(--fs-body)}.idp-foot{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.idp-act{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.idp-act .f-hint{margin:0}.sw-row{align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text);cursor:pointer;display:flex}.idp-note{margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--text-muted);text-align:center;line-height:1.5}.sync-bar{align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--surface-2);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.sync-ico{border-radius:var(--r-sm);background:var(--surface);width:36px;height:36px;color:var(--text-muted);border:1px solid var(--border);flex:none;place-items:center;display:grid}.sync-ico svg{width:18px;height:18px}.sync-bar.ada-baru .sync-ico{background:var(--brand-soft);color:var(--brand-ink);border-color:var(--brand-strong)}.sync-teks{flex:1;min-width:220px}.sync-teks b{font-size:var(--fs-sm)}.sync-act{align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.sync-bar .btn svg{transition:transform var(--t)}.sync-bar .btn:hover svg{transform:rotate(180deg)}@media (width<=640px){.idp-foot,.sync-bar{flex-direction:column;align-items:stretch}.idp-act,.sync-act{justify-content:space-between}}.file-grid{gap:var(--sp-3);flex-wrap:wrap;display:flex}.file-tile{cursor:pointer;text-align:left;width:104px;color:var(--text);background:0 0;border:0;flex-direction:column;gap:6px;padding:0;font-family:inherit;display:flex}.ft-thumb{border-radius:var(--r);border:1px solid var(--border);background:var(--surface-2);width:104px;height:78px;transition:border-color var(--t), transform var(--t), box-shadow var(--t);display:block;position:relative;overflow:hidden}.ft-thumb svg{width:100%;height:100%}.ft-ext{border-radius:var(--r-xs);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:.04em;color:var(--text);background:#ffffffe0;padding:1px 5px;position:absolute;bottom:5px;left:5px}.file-tile:hover .ft-thumb{border-color:var(--brand-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.file-tile:focus-visible{outline:none}.file-tile:focus-visible .ft-thumb{outline:3px solid var(--focus);outline-offset:2px}.ft-name{font-size:var(--fs-2xs);color:var(--text-muted);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.lb-wrap{border-radius:var(--r);border:1px solid var(--border);background:var(--surface-2);overflow:hidden}.lb-wrap svg{width:100%;height:auto;max-height:52vh}.lb-meta{align-items:center;gap:var(--sp-3);margin-top:var(--sp-4);flex-wrap:wrap;display:flex}.lb-note{margin-top:var(--sp-2);font-size:var(--fs-xs);color:var(--text-muted)}@media (width<=640px){table.data,table.data tbody,table.data tr,table.data td{width:100%;display:block}table.data thead{display:none}table.data tbody tr{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}table.data tbody tr:last-child{border-bottom:none}table.data tbody td{white-space:normal;text-align:left;border-bottom:none;padding:6px 0}table.data tbody td[data-label]:before{content:attr(data-label);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:2px;display:block}table.data td .cell-strong,table.data td .cell-sub,table.data td.mono{white-space:normal}table.data td .row{flex-wrap:wrap;justify-content:flex-start!important}.table-scroll{overflow-x:visible}}.app{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);height:100vh;color:var(--text);z-index:var(--z-sidebar);border-right:1px solid var(--border);flex-direction:column;grid-row:1/-1;display:flex;position:sticky;top:0;overflow:hidden}.brand{padding:0 var(--sp-5);height:var(--topbar-h);flex-direction:column;flex:none;justify-content:center;align-items:flex-start;gap:6px;display:flex}.brand .brand-text span{font-size:10.5px;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--teal-ink);white-space:nowrap;display:block}.brand-logo{flex:none;width:auto;height:17px;display:block}.a-brand .brand-sep{opacity:.25;background:currentColor;flex:none;width:1px;height:22px}.brand-text{line-height:1.15}.brand-text b{font-weight:var(--fw-bold);letter-spacing:.01em;font-size:15px}.brand-text span{letter-spacing:.08em;text-transform:uppercase;margin-top:1px;font-size:10px;display:block}.side-top{padding:var(--sp-1) var(--sp-4) var(--sp-3);gap:var(--sp-3);flex-direction:column;flex:none;display:flex}.side-quick{min-height:var(--tap);border-radius:var(--r);cursor:pointer;background:var(--brand-strong);color:var(--on-brand);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);transition:background var(--t-fast);border:none;justify-content:center;align-items:center;gap:8px;display:flex}.side-quick:hover{background:var(--brand-hover)}.side-quick svg{width:16px;height:16px}.side-search{position:relative}.side-search input{width:100%;min-height:var(--tap);border-radius:var(--r);background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:var(--fs-sm);transition:border-color var(--t-fast), background var(--t-fast);padding:0 44px 0 38px}.side-search input::placeholder{color:var(--text-subtle)}.side-search input:focus-visible{outline:3px solid var(--focus);outline-offset:2px;background:var(--surface)}.side-search svg{width:16px;height:16px;color:var(--text-subtle);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.side-search kbd{font-family:var(--font-mono);color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:10px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.nav{padding:var(--sp-2) var(--sp-3) var(--sp-4);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.nav::-webkit-scrollbar{width:7px}.nav::-webkit-scrollbar-track{background:0 0}.nav::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:2px solid #0000;border-radius:8px}.nav-group-label{font-size:10.5px;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);padding:var(--sp-4) var(--sp-3) var(--sp-2)}.nav-item{align-items:center;gap:var(--sp-3);min-height:var(--tap);padding:0 var(--sp-3);border-radius:var(--r);color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);text-decoration:none;display:flex;position:relative}.nav-item svg{flex:none;width:18px;height:18px}.nav-item:hover{background:var(--surface-3);color:var(--text);text-decoration:none}.nav-item.active{color:var(--brand-ink);font-weight:var(--fw-semibold);background:var(--brand-soft)}.nav-item.active svg{color:var(--brand)}.nav-item.active:before{content:"";background:var(--brand);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item .count{font-size:11px;font-weight:var(--fw-bold);background:var(--surface-3);color:var(--text-muted);border-radius:var(--r-pill);margin-left:auto;padding:2px 8px}.nav-item.active .count{background:var(--brand-strong);color:var(--on-brand)}.sidebar-foot{padding:var(--sp-3);border-top:1px solid var(--border);flex:none}.user-card{align-items:center;gap:var(--sp-3);padding:var(--sp-2);border-radius:var(--r);cursor:pointer;transition:background var(--t-fast);display:flex}.user-card:hover{background:var(--surface-3)}.u-avatar-wrap{flex:none;position:relative}.u-online{background:var(--st-success);border:2px solid var(--surface);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.user-card .u-name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text)}.user-card .u-role{color:var(--text-subtle);font-size:11px}.user-card .u-chev{color:var(--text-subtle);width:16px;height:16px;margin-left:auto}.topbar{height:var(--topbar-h);z-index:var(--z-topbar);align-items:center;gap:var(--sp-3);padding:0 var(--sp-6);background:var(--surface);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.topbar .page-title{font-weight:var(--fw-semibold);font-size:var(--fs-h3)}.topbar .spacer{flex:1}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--r);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:background var(--t-fast), color var(--t-fast);justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.icon-btn svg{width:18px;height:18px}.icon-btn .dot{background:var(--st-danger);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:11px}.side-quick .count{background:var(--on-brand);color:var(--brand-ink);border-radius:var(--r-pill);font-size:var(--fs-2xs);font-weight:var(--fw-bold);margin-left:2px;padding:1px 7px}@media (width<=640px){.topbar{scrollbar-width:none;padding:0 var(--sp-4);overflow-x:auto}.topbar::-webkit-scrollbar{display:none}.topbar .page-title,.topbar .spacer,.role-switch .rs-label{display:none}.topbar>*{flex:none}}.main{flex-direction:column;min-width:0;display:flex}.content{padding:var(--sp-8) var(--sp-6);max-width:var(--container-max);width:100%;margin:0 auto}@media (width>=1900px){.content{max-width:1840px}}.sidebar-scrim{display:none}@media (width<=900px){.sidebar-scrim{display:block}.app{grid-template-columns:1fr}.sidebar{width:min(84vw, var(--sidebar-w));transition:transform var(--t);box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:none}.topbar .menu-toggle{display:flex}.content{padding:var(--sp-5) var(--sp-4)}.sidebar-scrim{z-index:calc(var(--z-sidebar) - 1);opacity:0;visibility:hidden;transition:opacity var(--t);background:#11111173;position:fixed;inset:0}.sidebar-scrim.open{opacity:1;visibility:visible}}@media (width>=901px){.menu-toggle{display:none!important}}.icon-btn-label{width:auto;padding:0 var(--sp-3);gap:8px}.icon-btn-label .ib-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);white-space:nowrap}@media (width<=860px){.icon-btn-label{width:var(--tap);padding:0}.icon-btn-label .ib-label{display:none}}.lang-switch{flex:none;position:relative}.lang-switch select{appearance:none;height:var(--tap);padding:0 var(--sp-5) 0 var(--sp-3);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.04em;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;transition:border-color var(--t), background var(--t)}.lang-switch select:hover{border-color:var(--border-strong);background:var(--surface-2)}.lang-switch select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.lang-switch:after{content:"";pointer-events:none;border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);width:5px;height:5px;margin-top:-4px;position:absolute;top:50%;right:9px;transform:rotate(45deg)}@media (width<=900px){.lang-switch{order:3}}.grid12{gap:var(--sp-6);grid-template-columns:repeat(12,1fr);display:grid}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-12{grid-column:span 12}@media (width<=1100px){.col-3{grid-column:span 6}.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10{grid-column:span 12}}@media (width<=640px){.col-2,.col-3{grid-column:span 12}}.ttip{pointer-events:none;background:var(--inverse);color:var(--on-inverse);border-radius:var(--r-sm);font-size:var(--fs-xs);box-shadow:var(--shadow-lg);opacity:0;z-index:var(--z-toast);white-space:nowrap;padding:8px 10px;transition:opacity .12s;position:fixed}.ttip b{color:var(--on-inverse)}.kpi-card{transition:transform var(--t), box-shadow var(--t), border-color var(--t);position:relative}.kpi-card:hover{border-color:var(--border-strong)}.kpi-top{margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.kpi-ico{border-radius:var(--r);background:var(--brand-soft);width:40px;height:40px;color:var(--brand-ink);justify-content:center;align-items:center;display:flex}.kpi-ico svg{width:18px;height:18px}.kpi-card .stat-value{margin:2px 0 var(--sp-3)}.kpi-spark{margin-top:var(--sp-4);width:100%;height:36px;display:block}.dash-hero{border-radius:var(--r-lg);margin-bottom:var(--sp-5);background:var(--surface);color:var(--text);border:1px solid var(--border);padding:var(--sp-6) var(--sp-8);justify-content:space-between;align-items:center;gap:var(--sp-6);box-shadow:var(--shadow);flex-wrap:wrap;display:flex;position:relative}.dh-left .eyebrow{color:var(--teal-ink)}.dh-left h2{margin:var(--sp-1) 0;font-size:clamp(1.4rem,3vw,1.75rem)}.dh-left p{color:var(--text-muted);font-size:var(--fs-sm)}.dh-stats{gap:var(--sp-8);flex-wrap:wrap;display:flex}.dh-stat{text-align:right}.dh-stat .k{font-size:var(--fs-2xs);color:var(--text-subtle);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--fw-bold)}.dh-stat .v{font-weight:var(--fw-bold);color:var(--teal-ink);margin-top:4px;font-size:32px;line-height:1.1}.dh-stat .v.plain{color:var(--text)}@media (width<=720px){.dash-hero{padding:var(--sp-5) var(--sp-6)}.dh-stats{gap:var(--sp-6)}.dh-stat{text-align:left}}.otp-badge{border-radius:var(--r-lg);width:56px;height:56px;margin:0 auto var(--sp-4);background:var(--brand-soft);color:var(--brand-ink);justify-content:center;align-items:center;display:flex}.otp-badge svg{width:26px;height:26px}.otp-row input{text-align:center;width:50px;height:60px;font-family:var(--font-display);color:var(--text);border:1.5px solid var(--border-strong);border-radius:var(--r);background:var(--surface);caret-color:var(--brand-strong);transition:border-color var(--t-fast), background var(--t-fast);font-size:24px;font-weight:700}.otp-row input:hover{border-color:var(--teal-ink)}.otp-row input:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-color:var(--brand-strong)}.otp-row input.filled{border-color:var(--brand-strong);background:var(--brand-soft);color:var(--brand-ink)}@media (width<=420px){.otp-row input{width:44px;height:54px;font-size:20px}}.otp-resend{margin-top:var(--sp-5);font-size:var(--fs-xs);color:var(--text-muted)}.otp-resend a{font-weight:var(--fw-semibold)}.otp-resend a.disabled{color:var(--text-subtle);pointer-events:none;text-decoration:none}.otp-back{margin-top:var(--sp-4);font-size:var(--fs-xs);color:var(--text-muted);align-items:center;gap:6px;display:inline-flex}.otp-back svg{width:14px;height:14px}.chart-legend{gap:var(--sp-4);flex-wrap:wrap;display:flex}.lg{font-size:var(--fs-xs);color:var(--text-muted);font-weight:var(--fw-medium);align-items:center;gap:7px;display:inline-flex}.lg .sw{border-radius:3px;width:10px;height:10px}.donut-wrap{align-items:center;gap:var(--sp-6);flex-wrap:wrap;display:flex}.donut-legend{gap:var(--sp-3);flex-direction:column;flex:1;min-width:140px;display:flex}.dl-row{align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);display:flex}.dl-row .sw{border-radius:3px;flex:none;width:10px;height:10px}.dl-row .nm{color:var(--text-muted)}.dl-row .vl{font-weight:var(--fw-semibold);font-family:var(--font-mono);margin-left:auto}.hbar{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);font-size:var(--fs-sm);grid-template-columns:150px 1fr 44px;display:grid}.hbar .nm{color:var(--text);font-weight:var(--fw-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hbar .track{background:var(--surface-3);border-radius:var(--r-pill);height:10px;overflow:hidden}.hbar .fill{border-radius:var(--r-pill);background:var(--brand);height:100%}.hbar .vl{text-align:right;font-family:var(--font-mono);font-weight:var(--fw-semibold);color:var(--text-muted)}.claim-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border);display:flex}.claim-row:last-child{border-bottom:none}.claim-bar{border-radius:var(--r-pill);background:var(--surface-3);flex:1;height:8px;overflow:hidden}.claim-bar>span{border-radius:var(--r-pill);height:100%;display:block}.detail-grid{gap:var(--sp-5);grid-template-columns:1fr 320px;align-items:start;display:grid}@media (width<=960px){.detail-grid{grid-template-columns:1fr}}.form-grid{gap:var(--sp-4) var(--sp-5);grid-template-columns:1fr 1fr;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.list-toolbar{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.meta-cards{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.meta-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:var(--sp-3) var(--sp-4)}.meta-card .k{font-size:var(--fs-2xs);color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--fw-semibold);display:block}.meta-card .v{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-top:3px;display:block}.file-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--fs-sm);align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.file-chip svg{width:16px;height:16px;color:var(--teal-ink)}.auth{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.auth-hero{background:var(--brand-strong);color:var(--on-brand);padding:var(--sp-12);flex-direction:column;justify-content:space-between;display:flex}.auth-hero .a-brand{align-items:center;gap:var(--sp-3);display:flex}.auth-hero .brand-text b{color:var(--on-brand)}.auth-hero .brand-text span{color:var(--on-brand);opacity:.85}.auth-hero h1{color:var(--on-brand);max-width:16ch;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.12}.auth-hero .a-sub{color:var(--on-brand);opacity:.9;max-width:34ch;margin-top:var(--sp-4);line-height:1.6}.auth-hero .a-foot{font-size:var(--fs-xs);color:var(--on-brand);opacity:.85}.auth-form{padding:var(--sp-8) var(--sp-5);background:var(--bg);justify-content:center;align-items:center;display:flex}.auth-card{border-radius:var(--r-xl);width:100%;max-width:420px}.auth-card .a-brand-m{margin-bottom:var(--sp-5);display:none}@media (width<=860px){.auth{grid-template-columns:1fr}.auth-hero{display:none}.auth-card .a-brand-m{display:block}}.otp-row{gap:var(--sp-3);justify-content:center;display:flex}.otp-row input{text-align:center;border:1px solid var(--border-strong);border-radius:var(--r);background:var(--surface);width:52px;height:60px;font-size:24px;font-weight:700}.score-ring{width:132px;height:132px;position:relative}.score-ring .val{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-ring .val b{font-family:var(--font-display);font-size:30px}.page-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);margin-bottom:var(--sp-5);justify-content:space-between;align-items:center;gap:var(--sp-4);box-shadow:var(--shadow);flex-wrap:wrap;display:flex}.ph-main{align-items:center;gap:var(--sp-4);min-width:0;display:flex}.ph-ico{border-radius:var(--r-lg);background:var(--brand-soft);width:48px;height:48px;color:var(--brand-ink);flex:none;justify-content:center;align-items:center;display:flex}.ph-ico svg{width:23px;height:23px}.ph-text{min-width:0}.ph-text .breadcrumb{margin-bottom:4px}.ph-text h1{align-items:center;gap:var(--sp-3);flex-wrap:wrap;font-size:clamp(1.35rem,2.6vw,1.75rem);line-height:1.15;display:flex}.ph-text .ph-sub{font-size:var(--fs-sm);color:var(--text-muted);margin-top:3px}.ph-actions{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}@media (width<=640px){.ph-ico{width:42px;height:42px}.page-hero{padding:var(--sp-5)}.ph-actions{flex-direction:column;align-items:stretch;width:100%}.ph-actions .btn{width:100%}}.summary-chips{gap:var(--sp-3);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.chip-stat{align-items:center;gap:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);min-width:130px;min-height:60px;box-shadow:var(--shadow);transition:border-color var(--t-fast);display:flex}.chip-stat .cs-ico{border-radius:var(--r);background:var(--brand-soft);width:36px;height:36px;color:var(--brand-ink);flex:none;justify-content:center;align-items:center;display:flex}.chip-stat .cs-ico svg{width:17px;height:17px}.chip-stat .cs-v{font-weight:var(--fw-bold);font-size:20px;line-height:1}.chip-stat .cs-k{font-size:var(--fs-2xs);color:var(--text-muted);margin-top:2px}.card-head .h-ico{border-radius:var(--r-sm);background:var(--brand-soft);width:32px;height:32px;color:var(--brand-ink);flex:none;justify-content:center;align-items:center;display:flex}.card-head .h-ico svg{width:16px;height:16px}.card-head .h-left{align-items:center;gap:var(--sp-3);display:flex}.card-hover{transition:transform var(--t), box-shadow var(--t), border-color var(--t)}.card-hover:hover{border-color:var(--border-strong)}.mb-4{margin-bottom:var(--sp-4)}.mb-5{margin-bottom:var(--sp-5)}.mb-6{margin-bottom:var(--sp-6)}.mt-4{margin-top:var(--sp-4)}.text-right{text-align:right}.flex-between{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.chip-stat{text-align:left;cursor:default;font-family:inherit}.chip-stat.is-filter{cursor:pointer}.chip-stat.is-filter:hover{border-color:var(--border-strong)}.chip-stat.is-filter:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.chip-stat[aria-pressed=true]{border-color:var(--teal-ink);box-shadow:0 0 0 1px var(--teal-ink) inset}.chip-stat .cs-txt{flex-direction:column;min-width:0;display:flex}.chip-stat .cs-k{white-space:nowrap;text-overflow:ellipsis;max-width:18ch;overflow:hidden}.cs-ico[data-tone=brand]{background:var(--brand-soft);color:var(--brand-ink)}.cs-ico[data-tone=neutral]{background:var(--st-neutral-bg);color:var(--st-neutral-tx)}.cs-ico[data-tone=info]{background:var(--st-info-bg);color:var(--st-info-tx)}.cs-ico[data-tone=routed]{background:var(--st-routed-bg);color:var(--st-routed-tx)}.cs-ico[data-tone=progress]{background:var(--st-progress-bg);color:var(--st-progress-tx)}.cs-ico[data-tone=success]{background:var(--st-success-bg);color:var(--st-success-tx)}.cs-ico[data-tone=danger]{background:var(--st-danger-bg);color:var(--st-danger-tx)}@media (width<=640px){.summary-chips{grid-template-columns:repeat(2,1fr);display:grid}.chip-stat{min-width:0}}.chip-stat.is-empty{opacity:.55}.chip-stat.is-empty:hover{opacity:1}.content>*+*{margin-top:var(--sp-6)}.detail-grid>*{gap:var(--sp-6);flex-direction:column;min-width:0;display:flex}.form-body{gap:var(--sp-6);flex-direction:column;display:flex}.page-hero,.summary-chips,.list-toolbar,.callout,.guide-block,.sppr-2col,.form-grid:last-child{margin-bottom:0}.form-actionbar{margin-top:0;margin-bottom:var(--sp-10)}.content>:last-child{margin-bottom:var(--sp-8)}:root{--sticky-top:calc(var(--topbar-h) + var(--sp-4))}[id^=sec-],.content [id]{scroll-margin-top:var(--sticky-top)}.form-rail,.form-actionbar{transition:box-shadow var(--t-fast)}.form-actionbar{box-shadow:var(--shadow-lg)}@media (width<=1000px){:root{--sticky-top:calc(var(--topbar-h) + var(--sp-2))}}.modal-overlay{background:var(--scrim)}.btn-danger:hover{--_bg:var(--st-danger-hover);--_bd:var(--st-danger-hover)}@media (width<=900px){.sidebar-scrim{background:var(--scrim)}}[data-theme=dark] .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23B5BFBE' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}[data-theme=dark] .toast{border:1px solid var(--border-strong)}.nav-toggle{width:100%;font-family:var(--font-body);text-align:left;background:0 0;border:none}.nav-chev{transition:transform var(--t-fast);margin-left:auto}.nav-toggle[aria-expanded=true] .nav-chev{transform:rotate(180deg)}.nav-sub{padding-left:calc(18px + var(--sp-3));flex-direction:column;gap:2px;display:flex}.nav-sub .nav-item{min-height:36px;font-size:var(--fs-xs)}.nav-sub .nav-item.active:before{left:calc(-1 * var(--sp-2))}.lg-gelap,[data-theme=dark] .lg-terang{display:none}[data-theme=dark] .lg-gelap{display:block}.content>form>*+*{margin-top:var(--sp-6)}.content>form>:last-child{margin-bottom:var(--sp-8)}