@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--gray-0:#fff;--gray-25:#fcfcfd;--gray-50:#f8f8f9;--gray-100:#f1f1f3;--gray-150:#e9e9ec;--gray-200:#e2e2e6;--gray-300:#cfcfd5;--gray-400:#a6a6af;--gray-500:#7b7b85;--gray-600:#57575f;--gray-700:#3c3c43;--gray-800:#27272c;--gray-850:#202024;--gray-900:#17171a;--gray-950:#0f0f11;--gray-1000:#000;--text-shadow:0 1px 1px #0000000f;--color-bg:var(--gray-25);--color-surface:var(--gray-0);--color-surface-sunken:var(--gray-50);--color-surface-hover:var(--gray-50);--color-surface-active:var(--gray-100);--color-border:var(--gray-150);--color-border-strong:var(--gray-300);--color-text-strong:var(--gray-900);--color-text:var(--gray-600);--color-text-muted:var(--gray-500);--color-text-faint:var(--gray-400);--color-text-inverse:var(--gray-0);--color-accent:var(--gray-900);--color-accent-hover:var(--gray-700);--color-accent-contrast:var(--gray-0);--color-accent-soft:var(--gray-100);--status-neutral-fg:var(--gray-600);--status-neutral-bg:var(--gray-100);--status-neutral-border:var(--gray-200);--status-positive-fg:#15683c;--status-positive-bg:#15683c14;--status-positive-border:#15683c47;--status-warning-fg:#855708;--status-warning-bg:#8557081a;--status-warning-border:#85570847;--status-critical-fg:#a52620;--status-critical-bg:#a5262014;--status-critical-border:#a526204d;--font-sans:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--text-2xs:10.5px;--text-xs:11.5px;--text-sm:12.5px;--text-base:13.5px;--text-md:14px;--text-lg:16px;--text-xl:19px;--text-2xl:23px;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.6;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--tracking-wide:.06em;--tracking-wider:.11em;--tracking-tight:-.011em;--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:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-pill:999px;--shadow-none:none;--shadow-xs:0 1px 2px #1010120a;--shadow-sm:0 1px 2px #1010120a, 0 1px 3px #1010120f;--shadow-md:0 2px 4px #1010120a, 0 4px 12px #10101212;--shadow-lg:0 1px 2px #00000014, 0 18px 40px -12px #00000059;--duration-fast:.12s;--duration-base:.18s;--duration-slow:.26s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--transition-colors:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);--transition-shadow:box-shadow var(--duration-base) var(--ease-standard);--transition-transform:transform var(--duration-base) var(--ease-out);--sidebar-width:236px;--content-max:1180px}@media (prefers-color-scheme:dark){:root{--text-shadow:0 1px 2px #00000073;--color-bg:var(--gray-950);--color-surface:var(--gray-900);--color-surface-sunken:var(--gray-950);--color-surface-hover:var(--gray-850);--color-surface-active:var(--gray-800);--color-border:#26262b;--color-border-strong:#3a3a41;--color-text-strong:var(--gray-50);--color-text:#a1a1aa;--color-text-muted:#8b8b95;--color-text-faint:var(--gray-500);--color-text-inverse:var(--gray-950);--color-accent:var(--gray-50);--color-accent-hover:var(--gray-0);--color-accent-contrast:var(--gray-950);--color-accent-soft:#ffffff14;--status-neutral-fg:#a1a1aa;--status-neutral-bg:#ffffff0f;--status-neutral-border:#ffffff1f;--status-positive-fg:#5ac68a;--status-positive-bg:#5ac68a1f;--status-positive-border:#5ac68a52;--status-warning-fg:#dfb154;--status-warning-bg:#dfb1541f;--status-warning-border:#dfb15452;--status-critical-fg:#ef8a84;--status-critical-bg:#ef8a841f;--status-critical-border:#ef8a8457;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 2px #00000052, 0 1px 3px #0006;--shadow-md:0 2px 4px #0000004d, 0 4px 12px #00000073}}@media (prefers-reduced-motion:reduce){:root{--duration-fast:1ms;--duration-base:1ms;--duration-slow:1ms}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}:root{--surface-ink:var(--color-text-strong);--surface-tint:3%;--surface-line:35%;--backdrop-glow:3%;--surface-lift:-3px}@media (prefers-color-scheme:dark){:root{--backdrop-glow:7%}}.ho-backdrop{position:relative}.ho-backdrop:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--color-text-strong) var(--backdrop-glow), transparent), transparent);pointer-events:none;width:min(1100px,140vw);height:70vh;position:absolute;top:-20vh;left:50%;transform:translate(-50%)}.ho-surface,.ho-panel,.ho-kpi,.ho-filter-bar,.ho-modal,.ho-sheet,.ho-skeleton-card,.bo-alert{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-ink) var(--surface-tint), var(--color-surface)), var(--color-surface) 60%);position:relative}.ho-surface:before,.ho-panel:before,.ho-kpi:before,.ho-filter-bar:before,.ho-modal:before,.ho-sheet:before,.ho-skeleton-card:before,.bo-alert:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--surface-ink) var(--surface-line), transparent), transparent);opacity:.5;pointer-events:none;height:1px;transition:opacity var(--duration-base) var(--ease-out);position:absolute;top:0;left:12%;right:12%}.ho-surface--interactive{transition:border-color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out)}.ho-surface--interactive:hover{border-color:var(--color-border-strong);transform:translateY(var(--surface-lift));box-shadow:var(--shadow-lg)}.ho-surface--interactive:hover:before{opacity:1}.ho-surface--interactive:active{transition-duration:var(--duration-fast);transform:translateY(0)}.ho-surface--critical{--surface-ink:var(--status-critical-fg);--surface-tint:6%;--surface-line:80%;border-color:color-mix(in srgb, var(--status-critical-fg) 28%, var(--color-border))}.ho-eyebrow{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-faint)}.ho-display{view-transition-name:wordmark;font-size:clamp(2.5rem,7vw,3.75rem);font-weight:var(--weight-semibold);letter-spacing:-.035em;background:linear-gradient(180deg, var(--color-text-strong) 30%, color-mix(in srgb, var(--color-text-strong) 55%, transparent));text-shadow:none;color:#0000;-webkit-background-clip:text;background-clip:text;line-height:1.05}.ho-icon-tile{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-text-strong) 5%, transparent);width:40px;height:40px;color:var(--color-text-strong);place-items:center;font-size:20px;display:grid}.ho-empty{padding:var(--space-6) var(--space-4);align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;flex-direction:column;margin:0;display:flex}.ho-empty:before{content:"";opacity:.55;background:currentColor;width:20px;height:20px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v7'/%3E%3Cpath d='M4 13h4l1.5 2.5h5L16 13h4v5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13V6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v7'/%3E%3Cpath d='M4 13h4l1.5 2.5h5L16 13h4v5a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z'/%3E%3C/svg%3E") 50%/contain no-repeat}@media (prefers-reduced-motion:reduce){.ho-surface--interactive,.ho-surface--interactive:before{transition:none}.ho-surface--interactive:hover{transform:none}}@keyframes ho-vt-masuk{0%{opacity:0;transform:translateY(5px)}}@keyframes ho-vt-keluar{to{opacity:0}}::view-transition-old(root){animation-duration:var(--duration-base)}::view-transition-new(root){animation-duration:var(--duration-base)}::view-transition-old(wordmark){mix-blend-mode:normal;animation:none}::view-transition-new(wordmark){mix-blend-mode:normal;animation:none}.home-kpi__value,.ho-kpi__value{animation:ho-fade-in var(--duration-base) var(--ease-standard) both}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}:root{--gutter:var(--space-8);--header-h:52px;--touch-min:44px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}@media (width<=1024px){:root{--gutter:var(--space-5)}}@media (width<=640px){:root{--gutter:16px}}@media (width<=1024px){:is(.ho-page,.home__inner,.import-page,.import-history-page,.data-mapping-page,.display-settings,.score-settings-page,.users-page,.data-health-page,.bench-page,.placeholder-page){max-width:none;padding:var(--space-5) var(--gutter) calc(var(--space-8) + var(--safe-bottom))}}@media (width<=1024px),(pointer:coarse){.ho-input.ho-input{font-size:16px}input.ho-input.ho-input,select.ho-input.ho-input,button.ho-input.ho-input{height:var(--touch-min)}.ho-button,.ho-button--sm{min-height:var(--touch-min)}.ho-link-button{min-height:var(--touch-min);align-items:center;display:inline-flex}.ho-modal__close,.ho-sheet__close,.rail__tutup{min-width:var(--touch-min);min-height:var(--touch-min)}.app-sidebar__link,.app-sidebar__group-label,.app-sidebar__switch,.app-sidebar__signout{min-height:var(--touch-min);align-items:center;display:flex}.ho-infotip__btn{position:relative}.ho-infotip__btn:after{content:"";position:absolute;inset:-14px}}@media (hover:none){.ho-surface--interactive:hover{box-shadow:none;border-color:var(--color-border);transform:none}.ho-surface--interactive:hover:before{opacity:.5}.ho-table tbody tr:hover{background:0 0}.ho-infotip:hover:not(.ho-infotip--open):not(:focus-within) .ho-infotip__bubble{opacity:0;visibility:hidden;transform:translate(-50%,-4px)}}.ho-sheet-overlay{z-index:60;animation:ho-fade-in var(--duration-base) var(--ease-standard) both;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ho-sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:640px;max-height:90dvh;padding-bottom:var(--safe-bottom);animation:ho-sheet-masuk var(--duration-slow) var(--ease-out) both;border-bottom:0;flex-direction:column;display:flex}.ho-sheet__handle{width:36px;height:4px;margin:var(--space-2) auto 0;border-radius:var(--radius-pill);background:var(--color-border-strong);flex:none}.ho-sheet__head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--gutter);flex:none;display:flex}.ho-sheet__title{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text-strong);margin:0}.ho-sheet__close{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-md);color:var(--color-text-faint);font-size:var(--text-lg);cursor:pointer;transition:var(--transition-colors);background:0 0;border:0;place-items:center;padding:0;display:grid}.ho-sheet__close:hover{color:var(--color-text-strong);background:var(--color-surface-hover)}.ho-sheet__body{min-height:0;padding:0 var(--gutter) var(--space-4);gap:var(--space-3);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.ho-sheet__foot{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--gutter);border-top:1px solid var(--color-border);background:var(--color-surface);flex:none;display:flex;position:sticky;bottom:0}.ho-sheet-overlay--closing{animation:ho-sheet-overlay-keluar .14s var(--ease-in-out) both}.ho-sheet-overlay--closing .ho-sheet{animation:ho-sheet-keluar .14s var(--ease-in-out) both}@keyframes ho-sheet-masuk{0%{transform:translateY(100%)}}@keyframes ho-sheet-keluar{to{transform:translateY(100%)}}@keyframes ho-sheet-overlay-keluar{to{opacity:0}}@media (width<=640px){.ho-table.ho-table--cards,.ho-table.ho-table--cards tbody,.ho-table.ho-table--cards tr,.ho-table.ho-table--cards td{display:block}.ho-table.ho-table--cards thead{display:none}.ho-table.ho-table--cards{white-space:normal}.ho-table.ho-table--cards tbody{flex-direction:column;display:flex}.ho-table.ho-table--cards tbody tr{align-items:center;column-gap:var(--space-3);row-gap:var(--space-1);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;display:grid}.ho-table.ho-table--cards tbody tr:last-child{border-bottom:0}.ho-table.ho-table--cards tbody tr:hover{background:0 0}.ho-table.ho-table--cards td{overflow-wrap:anywhere;white-space:normal;border:0;min-width:0;padding:0}.ho-table.ho-table--cards td:first-child{font-size:var(--text-base);font-weight:var(--weight-medium)}.ho-table.ho-table--cards td:nth-child(2){justify-self:end}.ho-table.ho-table--cards td:nth-child(n+3){font-size:var(--text-sm);color:var(--color-text);grid-column:1/-1}.ho-table.ho-table--cards td:empty{display:none}.ho-table.ho-table--cards td:has(>.ho-na:only-child){display:none}.ho-table.ho-table--cards td.panel-ket{max-width:none;color:var(--color-text-muted)}.ho-table.ho-table--cards td.panel-aksi-baris,.ho-table.ho-table--cards td.panel-riwayat__aksi{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-1);text-align:right;flex-wrap:wrap;display:flex}.ho-table.ho-table--cards td.panel-aksi-baris:empty,.ho-table.ho-table--cards td.panel-riwayat__aksi:empty{display:none}.ho-table.ho-table--cards td.panel-aksi-baris>*,.ho-table.ho-table--cards td.panel-riwayat__aksi>*{margin:0}.ho-table.ho-table--cards td.panel-aksi-baris .ho-button,.ho-table.ho-table--cards td.panel-riwayat__aksi .ho-button{min-width:112px}}select:not([multiple]):not([size]){appearance:none;cursor:pointer;padding-right:calc(var(--space-3) + 1.1rem);background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%238b8b93' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:.7rem}select:not([multiple]):not([size]):disabled{cursor:not-allowed}.ho-button{cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-strong);white-space:nowrap;transition:var(--transition-colors), opacity var(--duration-fast) var(--ease-standard)}.ho-button:hover:not(:disabled){background:var(--color-surface-hover)}.ho-button:active:not(:disabled){background:var(--color-surface-active);transition-duration:var(--duration-fast)}.ho-button--primary{background:var(--color-accent);color:var(--color-accent-contrast);border-color:#0000}.ho-button--primary:hover:not(:disabled),.ho-button--primary:active:not(:disabled){background:var(--color-accent-hover)}.ho-button--ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.ho-button--ghost:hover:not(:disabled){color:var(--color-text-strong);background:var(--color-surface-hover)}.ho-button:disabled{opacity:.5;cursor:not-allowed}.ho-button--danger{color:var(--status-critical-fg);border-color:var(--status-critical-border);background:var(--status-critical-bg)}.ho-button--danger:hover:not(:disabled),.ho-button--danger:active:not(:disabled){background:var(--status-critical-bg);border-color:var(--status-critical-fg)}.ho-button--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.ho-link-button{appearance:none;font:inherit;font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;padding:0}.ho-link-button:hover:not(:disabled){color:var(--color-text-strong);text-decoration:underline}.ho-link-button--danger{color:var(--status-critical-fg)}.ho-link-button:disabled{opacity:.5;cursor:not-allowed}.ho-badge{padding:1px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-medium);border:1px solid var(--status-neutral-border);background:var(--status-neutral-bg);color:var(--status-neutral-fg);line-height:1.5;display:inline-block}.ho-kpi .ho-badge,.ho-table .ho-badge{align-self:flex-start}.ho-table .ho-badge:not(:first-child){margin-left:var(--space-2)}.ho-badge--warning{color:var(--status-warning-fg);background:var(--status-warning-bg);border-color:var(--status-warning-border);font-weight:var(--weight-medium)}.ho-badge--positive{color:var(--status-positive-fg);background:var(--status-positive-bg);border-color:var(--status-positive-border);font-weight:var(--weight-medium)}.ho-badge--critical{color:var(--status-critical-fg);background:var(--status-critical-bg);border-color:var(--status-critical-border);font-weight:var(--weight-medium)}.ho-infotip{vertical-align:middle;margin-left:var(--space-2);display:inline-flex;position:relative}.ho-infotip__btn{border:1px solid var(--color-border-strong);width:16px;height:16px;color:var(--color-text-muted);font:600 10px/1 var(--font-sans);cursor:help;transition:var(--transition-colors);background:0 0;border-radius:50%;place-items:center;padding:0;font-style:italic;display:inline-grid}.ho-infotip__btn:hover,.ho-infotip__btn:focus-visible{color:var(--color-text-strong);border-color:var(--color-text-muted)}.ho-infotip__bubble{z-index:40;width:max-content;max-width:min(320px,80vw);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-normal);letter-spacing:normal;text-transform:none;white-space:normal;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);pointer-events:none;line-height:1.5;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px)}.ho-infotip:hover .ho-infotip__bubble,.ho-infotip:focus-within .ho-infotip__bubble,.ho-infotip--open .ho-infotip__bubble{opacity:1;visibility:visible;transform:translate(-50%)}@keyframes ho-modal-masuk{0%{opacity:0;translate:0 4px;scale:.98}to{opacity:1;translate:0;scale:1}}@keyframes ho-modal-overlay-keluar{to{opacity:0}}@keyframes ho-modal-keluar{to{opacity:0;translate:0 4px;scale:.98}}@media (width<=640px){.ho-overlay{align-items:flex-end;padding:0}.ho-modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:none;max-height:90dvh;padding-bottom:var(--safe-bottom);border-bottom:0;flex-direction:column;animation-name:ho-sheet-masuk;display:flex}.ho-modal__head{padding:var(--space-5) var(--gutter) var(--space-4);flex:none;position:relative}.ho-modal__head:before{content:"";top:var(--space-2);border-radius:var(--radius-pill);background:var(--color-border-strong);width:36px;height:4px;position:absolute;left:50%;transform:translate(-50%)}.ho-modal__body{min-height:0;max-height:none;padding:var(--space-4) var(--gutter);flex:auto;overflow-y:auto}.ho-modal__foot{padding:var(--space-3) var(--gutter);background:var(--color-surface);flex-wrap:wrap;flex:none;position:sticky;bottom:0}.ho-modal__foot .ho-button{min-height:var(--touch-min);flex:auto}.ho-overlay--closing .ho-modal{animation-name:ho-sheet-keluar}.ho-modal .ho-table--fixed{table-layout:auto}.ho-modal .ho-table--fixed th,.ho-modal .ho-table--fixed td{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-tight);font-synthesis:none;text-shadow:var(--text-shadow);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{min-height:100dvh}h1,h2,h3,h4{font-family:var(--font-sans);color:var(--color-text-strong);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0}h1{font-size:var(--text-xl);font-weight:var(--weight-semibold)}h2{font-size:var(--text-lg);font-weight:var(--weight-semibold)}h3{font-size:var(--text-md);font-weight:var(--weight-medium)}p{margin:0}a{color:inherit;transition:var(--transition-colors);text-decoration:none}code{font-family:var(--font-mono);font-size:var(--text-sm);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-sunken);border:1px solid var(--color-border);color:var(--color-text-strong)}button,input,select,textarea{font:inherit;letter-spacing:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}table{font-variant-numeric:tabular-nums;border-collapse:collapse}@keyframes ho-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ho-fade-rise{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes ho-rise{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}.ho-skeleton{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-text-strong) 6%, transparent);width:100%;height:12px;display:block;position:relative;overflow:hidden}.ho-skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-text-strong) 5%, transparent), transparent);animation:1.4s ease-in-out infinite ho-skeleton-sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes ho-skeleton-sweep{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.ho-skeleton:after{animation:none}}.ho-skeleton-card{padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.ho-skeleton-rows{flex-direction:column;display:flex}.ho-skeleton-rows__row{gap:var(--space-6);padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border);align-items:center;display:flex}.ho-skeleton-rows__row:last-child{border-bottom:none}.ho-skeleton-rows__row>.ho-skeleton{flex:none}.ho-skeleton-kpis{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.profile-menu{position:relative}.profile-menu__trigger{border-radius:var(--radius-md);text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:none}.profile-menu__trigger:hover,.profile-menu__trigger[aria-expanded=true]{background:color-mix(in srgb, var(--color-text-strong) 5%, transparent)}.profile-menu__pop{left:0;right:0;bottom:calc(100% + var(--space-1));z-index:20;padding:var(--space-1);animation:ho-fade-in var(--duration-fast) var(--ease-out) both;flex-direction:column;display:flex;position:absolute}.profile-menu__item{text-align:left;font:inherit;font-size:var(--text-sm);color:var(--color-text-strong);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;min-height:var(--touch-min,auto);background:0 0;border:none}.profile-menu__item:hover,.profile-menu__item:focus-visible{background:color-mix(in srgb, var(--color-text-strong) 6%, transparent)}.profile-modal{max-width:440px}.profile-modal__list{flex-direction:column;margin:0;display:flex}.profile-modal__row{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);grid-template-columns:7.5rem 1fr;display:grid}.profile-modal__row:last-child{border-bottom:none}.profile-modal__row dt{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);align-self:center}.profile-modal__row dd{color:var(--color-text-strong);overflow-wrap:anywhere;margin:0}.profile-modal__form{gap:var(--space-3);flex-direction:column;display:flex}.profile-modal__form .ho-button{align-self:flex-start}.profile-modal__hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.profile-modal__error{font-size:var(--text-sm);color:var(--status-critical-fg);margin:0}.profile-modal__ok{font-size:var(--text-sm);color:var(--status-positive-fg);margin:0}.rail{gap:var(--space-3);width:17rem;height:100dvh;padding:var(--space-4);background:var(--color-surface);border-left:1px solid var(--color-border);animation:ho-fade-in var(--duration-base) var(--ease-standard) both;flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0}.rail__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.rail__tutup{appearance:none;font:inherit;font-size:var(--text-sm);color:var(--color-text-faint);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:var(--transition-colors);background:0 0;border:0;line-height:1}.rail__tutup:hover{color:var(--color-text);background:var(--color-surface-hover)}.rail--tertutup{justify-content:flex-start;align-items:center;gap:var(--space-2);width:auto;padding:var(--space-4) var(--space-2);cursor:pointer;appearance:none;font:inherit;color:var(--color-text-muted);transition:var(--transition-colors)}.rail__ikon{font-size:var(--text-lg)}.rail--tertutup:hover{color:var(--color-text);background:var(--color-surface-hover)}.rail__hitung{animation:ho-fade-in var(--duration-base) var(--ease-standard) both;border-radius:var(--radius-pill);background:var(--status-warning-bg);border:1px solid var(--status-warning-border);min-width:1.5rem;color:var(--status-warning-fg);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;text-align:center;padding:2px 6px}.rail__kosong{animation:ho-fade-in var(--duration-slow) var(--ease-standard) both;line-height:1.5}.rail__kosong--bad{color:var(--status-critical-fg)}.rail__list{gap:var(--space-2);min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.rail__list>li{animation:ho-rise var(--duration-base) var(--ease-out) both}.rail__list>li:nth-child(2){animation-delay:25ms}.rail__list>li:nth-child(3){animation-delay:50ms}.rail__list>li:nth-child(4){animation-delay:75ms}.rail__list>li:nth-child(5){animation-delay:.1s}.rail__list>li:nth-child(6){animation-delay:.125s}.rail__list>li:nth-child(7){animation-delay:.15s}.rail__list>li:nth-child(n+8){animation-delay:.175s}.rail__item{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;transition:var(--transition-colors);gap:2px;text-decoration:none;display:grid}.rail__item:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.rail__item-kind{font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-faint)}.rail__item-member{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rail__item-meta{font-size:var(--text-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rail__semua{font-size:var(--text-sm);color:var(--color-text-muted);transition:var(--transition-colors);animation:ho-fade-in var(--duration-slow) var(--ease-standard) .24s both;text-decoration:none}.rail__semua:hover{color:var(--color-text);text-decoration:underline}@media (width<=1024px){.rail,.rail--tertutup{display:none}}.app-layout{text-align:left;background:var(--color-bg);min-height:100dvh;display:flex}.app-sidebar{width:var(--sidebar-width);padding:var(--space-5) 0 var(--space-3);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;height:100dvh;display:flex;position:sticky;top:0}.app-sidebar__brand{padding:0 var(--space-5) var(--space-5);font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text-strong)}.app-sidebar__switch{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;transition:var(--transition-colors);text-decoration:none;display:flex}.app-sidebar__switch:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.app-sidebar__switch-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-sidebar__switch-arrow{font-size:var(--text-md);color:var(--color-text-faint);transition:var(--transition-colors);line-height:1}.app-sidebar__switch:hover .app-sidebar__switch-arrow{color:var(--color-text)}.app-sidebar__nav{gap:var(--space-4);min-height:0;padding:0 var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.app-sidebar__group{flex-direction:column;gap:1px;display:flex}.app-sidebar__group-label{width:100%;padding:var(--space-1) var(--space-3) var(--space-2);border-radius:var(--radius-md);font:inherit;font-size:var(--text-2xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-faint);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-colors);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.app-sidebar__group-label:hover{color:var(--color-text-muted)}.app-sidebar__chevron{width:12px;height:12px;transition:transform var(--duration-fast) var(--ease-standard);flex:none}.app-sidebar__group--closed .app-sidebar__chevron{transform:rotate(-90deg)}.app-sidebar__group-items{transition:grid-template-rows var(--duration-base) var(--ease-standard);grid-template-rows:1fr;display:grid}.app-sidebar__group--closed .app-sidebar__group-items{grid-template-rows:0fr}.app-sidebar__group-inner{flex-direction:column;gap:1px;min-height:0;display:flex;overflow:hidden}.app-sidebar__divider{margin:var(--space-2) var(--space-3);border:none;border-top:1px solid var(--color-border)}.app-sidebar__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);display:block;position:relative}.app-sidebar__link:hover{background:var(--color-surface-hover);color:var(--color-text-strong);transition:var(--transition-colors)}.app-sidebar__link--top{font-weight:var(--weight-medium);color:var(--color-text-strong)}.app-sidebar__link--active,.app-sidebar__link--active:hover{background:color-mix(in srgb, var(--color-text-strong) 5%, transparent);box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text-strong);font-weight:var(--weight-medium);transition:none}.app-sidebar__footer{border-top:1px solid var(--color-border);margin-top:auto;margin-left:var(--space-3);margin-right:var(--space-3);padding:var(--space-3) 0 0;gap:var(--space-1);flex-direction:column;align-items:stretch;display:flex}.app-sidebar__pending{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--status-warning-border);border-radius:var(--radius-md);background:var(--status-warning-bg);color:var(--status-warning-fg);font-size:var(--text-sm);transition:var(--transition-colors);text-decoration:none;display:flex}.app-sidebar__pending:hover{filter:brightness(1.1)}.app-sidebar__pending-count{border-radius:var(--radius-pill);background:var(--status-warning-fg);min-width:20px;color:var(--color-surface);font-size:var(--text-xs);font-weight:var(--weight-medium);text-align:center;font-variant-numeric:tabular-nums;padding:0 6px;line-height:18px}.app-sidebar__pending-label{font-weight:var(--weight-medium);flex:auto}.app-sidebar__pending-arrow{transition:var(--transition-transform)}.app-sidebar__pending:hover .app-sidebar__pending-arrow{transform:translate(2px)}.app-sidebar__icon{opacity:.9;flex-shrink:0}.app-sidebar__user{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);font-size:var(--text-sm);color:var(--color-text-strong);min-width:0;display:flex}.app-sidebar__user-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-sidebar__signout{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);font:inherit;font-size:var(--text-sm);text-align:left;color:var(--status-critical-fg);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;display:flex}.app-sidebar__signout:hover{background:var(--status-critical-bg)}.app-content{flex:1;min-width:0;overflow:clip}.app-page{animation:app-page-masuk var(--duration-slow) var(--ease-out) backwards}@keyframes app-page-masuk{0%{opacity:0;transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.app-page{animation-name:ho-fade-in}}.bo-alert{right:var(--space-6);bottom:var(--space-6);z-index:40;align-items:flex-start;gap:var(--space-3);width:min(360px,100vw - 32px);padding:var(--space-4);box-shadow:var(--shadow-lg);animation:bo-alert-masuk var(--duration-slow) var(--ease-out) both;display:flex;position:fixed}.bo-alert--rail{z-index:auto;width:auto;padding:var(--space-3);border-radius:var(--radius-lg);box-shadow:none;flex-shrink:0;margin-top:auto;position:relative;bottom:auto;right:auto}.bo-alert__ikon{border:1px solid color-mix(in srgb, var(--status-critical-fg) 30%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--status-critical-fg) 12%, transparent);width:32px;height:32px;color:var(--status-critical-fg);flex-shrink:0;place-items:center;font-size:16px;display:grid;position:relative}.bo-alert__ikon:after{content:"";border:2px solid var(--color-surface);background:var(--status-critical-fg);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite bo-alert-pulse;position:absolute;top:-3px;right:-3px}.bo-alert__isi{gap:var(--space-3);flex:auto;min-width:0;display:grid}.bo-alert__baris{gap:2px;display:grid}.bo-alert__judul{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text-strong)}.bo-alert__ket{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.45}.bo-alert__tutup{border-radius:var(--radius-md);width:24px;height:24px;color:var(--color-text-faint);font-size:var(--text-md);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;flex-shrink:0;place-items:center;margin:-2px -4px 0 0;padding:0;display:grid}.bo-alert__tutup:hover{background:var(--color-surface-hover);color:var(--color-text)}@keyframes bo-alert-pulse{50%{opacity:.35}}@keyframes bo-alert-masuk{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.bo-alert,.bo-alert__ikon:after{animation:none}}.app-mobile-header,.app-drawer-overlay{display:none}@media (width<=1024px){.app-layout{flex-direction:column}.app-mobile-header{z-index:30;align-items:center;gap:var(--space-1);min-height:calc(var(--header-h) + var(--safe-top));padding:var(--safe-top) var(--space-2) 0 var(--space-2);background:var(--color-surface);border-bottom:1px solid var(--color-border);order:-2;display:flex;position:sticky;top:0}.app-mobile-header__menu,.app-mobile-header__approvals{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-md);color:var(--color-text-strong);cursor:pointer;transition:var(--transition-colors);background:0 0;border:0;place-items:center;padding:0;font-size:20px;display:grid;position:relative}.app-mobile-header__menu:active,.app-mobile-header__approvals:active{background:var(--color-surface-active)}.app-mobile-header__title{min-width:0;padding:0 var(--space-2);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-strong);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.app-mobile-header__count{border-radius:var(--radius-pill);background:var(--status-warning-fg);min-width:18px;height:18px;color:var(--color-surface);font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-align:center;font-variant-numeric:tabular-nums;padding:0 5px;line-height:18px;position:absolute;top:6px;right:4px}.app-mobile-header__avatar{width:32px;height:32px;margin:0 var(--space-1);border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-text-strong) 5%, transparent);color:var(--color-text-strong);border-radius:50%;place-items:center;font-size:16px;display:grid}.app-drawer-overlay{z-index:45;opacity:0;visibility:hidden;transition:opacity .14s var(--ease-in-out), visibility 0s linear .14s;background:#00000073;display:block;position:fixed;inset:0}.app-layout--drawer-open .app-drawer-overlay{opacity:1;visibility:visible;transition:opacity var(--duration-slow) var(--ease-out), visibility 0s}.app-sidebar{z-index:50;width:min(300px,85vw);height:100dvh;padding-top:calc(var(--space-5) + var(--safe-top));padding-bottom:calc(var(--space-3) + var(--safe-bottom));visibility:hidden;transition:transform .14s var(--ease-in-out), visibility 0s linear .14s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-layout--drawer-open .app-sidebar{visibility:visible;box-shadow:var(--shadow-lg);transition:transform var(--duration-slow) var(--ease-out), visibility 0s;transform:none}.app-content{min-height:calc(100dvh - var(--header-h) - var(--safe-top));order:0}.bo-alert--float{top:calc(var(--header-h) + var(--safe-top));z-index:25;width:auto;margin:var(--space-3) var(--gutter) 0;padding:var(--space-3);box-shadow:none;order:-1;animation:none;position:sticky;bottom:auto;right:auto}}@media (prefers-reduced-motion:reduce){.app-sidebar,.app-drawer-overlay{transition:none}}.auth-notice{min-height:100dvh;padding:var(--space-6);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.auth-notice__card{text-align:center;max-width:380px;animation:ho-fade-in var(--duration-slow) var(--ease-standard) both}.auth-notice__card h1{font-size:var(--text-lg);margin-bottom:var(--space-2)}.auth-notice__card p{margin-bottom:var(--space-5);font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.beranda{min-height:100dvh;padding:var(--space-8) var(--space-4);background:var(--color-bg);isolation:isolate;justify-content:center;align-items:center;display:flex;overflow:hidden}.beranda__isi{gap:var(--space-8);justify-items:center;width:100%;max-width:50rem;display:grid}.beranda__kepala{gap:var(--space-2);text-align:center;justify-items:center;display:grid}.beranda__tanggal{animation:ho-rise var(--duration-slow) var(--ease-out) both}.beranda__merek{animation:ho-rise var(--duration-slow) var(--ease-out) 40ms both}.beranda__sapa{font-size:var(--text-md);color:var(--color-text-muted);animation:ho-rise var(--duration-slow) var(--ease-out) 80ms both;margin:0}.beranda__sapa strong{color:var(--color-text);font-weight:var(--weight-semibold)}.beranda__pilihan{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));width:100%;display:grid}.beranda__kartu{padding:var(--space-6);color:inherit;animation:ho-rise var(--duration-slow) var(--ease-out) both;align-content:start;text-decoration:none;display:grid;overflow:hidden}.beranda__pilihan>:first-child{animation-delay:.14s}.beranda__pilihan>:nth-child(2){animation-delay:.2s}.beranda__kartu-atas{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.beranda__kartu-panah{color:var(--color-text-faint);transition:color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);font-size:18px}.beranda__kartu:hover .beranda__kartu-panah{color:var(--color-text-strong);transform:translate(3px)}.beranda__kartu-judul{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.01em;color:var(--color-text-strong)}.beranda__kartu-isi{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.beranda__kartu-menu{gap:var(--space-1) 0;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-faint);flex-wrap:wrap;display:flex}.beranda__kartu-menu>span{white-space:nowrap}.beranda__kartu-menu>span:not(:last-child):after{content:"·";margin:0 var(--space-2);opacity:.7}.beranda__keluar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font:inherit;font-size:var(--text-sm);color:var(--status-critical-fg);cursor:pointer;transition:var(--transition-colors);animation:ho-fade-in var(--duration-slow) var(--ease-standard) .28s both;background:0 0;border:none;display:inline-flex}.beranda__keluar:hover{background:var(--status-critical-bg)}.beranda__keluar-ikon{opacity:.9;flex-shrink:0}@media (prefers-reduced-motion:reduce){.beranda__kartu-panah{transition:none}}.ho-filter-bar{margin-bottom:var(--space-5);padding:var(--space-4);gap:var(--space-3) var(--space-4);flex-wrap:wrap;align-items:flex-end;display:flex}:where(.ho-filter-bar)>:where(.ho-field){flex:0 0 200px;min-width:0}.ho-filter-group{gap:var(--space-3);grid-auto-columns:minmax(180px,220px);grid-auto-flow:column;align-items:end;display:grid}.ho-field{gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);flex-direction:column;min-width:0;display:flex}.ho-field>.ho-input,.ho-field>.ho-drp{width:100%}input.ho-input,select.ho-input,button.ho-input{height:38px}textarea.ho-input{line-height:var(--leading-relaxed);resize:vertical}.ho-input{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-strong);transition:var(--transition-colors)}.ho-input:hover:not(:disabled){border-color:var(--color-text-faint)}.ho-input:disabled{opacity:.55;cursor:not-allowed}select.ho-input{appearance:none;cursor:pointer;padding-right:calc(var(--space-3) + 1.1rem);background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%238b8b93' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:.7rem}input[type=date].ho-input{cursor:pointer;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){input[type=date].ho-input{--lightningcss-light: ;--lightningcss-dark:initial}}.ho-field__error{font-size:var(--text-xs);color:var(--status-critical-fg)}.ho-filter-resolved{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;padding-bottom:var(--space-2);white-space:nowrap}.ho-filter-resolved--pending{color:var(--status-warning-fg)}.ho-drp{position:relative}.ho-drp__field{justify-content:space-between;align-items:center;gap:var(--space-2);text-align:left;cursor:pointer;font-variant-numeric:tabular-nums;white-space:nowrap;width:100%;display:flex}.ho-drp__field span{text-overflow:ellipsis;overflow:hidden}.ho-drp__icon{width:14px;height:14px;color:var(--color-text-faint);flex:none}.ho-drp__pop{z-index:40;width:max-content;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg);animation:ho-fade-rise var(--duration-fast) var(--ease-out) both;position:absolute;top:calc(100% + 6px);left:0}.ho-filter-group .ho-field:last-child .ho-drp__pop,.ho-panel__head--split .ho-drp__pop{left:auto;right:0}.ho-drp__nav{top:var(--space-4);left:var(--space-4);right:var(--space-4);pointer-events:none;justify-content:space-between;display:flex;position:absolute}.ho-drp__arrow{pointer-events:auto;border-radius:var(--radius-md);width:26px;height:26px;color:var(--color-text-muted);font-size:var(--text-lg);cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;line-height:1}.ho-drp__arrow:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-strong)}.ho-drp__arrow:disabled{opacity:.3;cursor:default}.ho-drp__months{gap:var(--space-6);display:flex}.ho-drp__month-title{height:26px;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-strong);justify-content:center;align-items:center;display:flex}.ho-drp__grid{grid-template-columns:repeat(7,34px);row-gap:2px;display:grid}.ho-drp__dow{height:26px;font-size:var(--text-2xs);font-weight:var(--weight-medium);color:var(--color-text-faint);justify-content:center;align-items:center;display:flex}.ho-drp__day{height:32px;font:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--color-text-strong);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-standard);background:0 0;border:none}.ho-drp__day:hover:not(:disabled){background:var(--color-surface-hover)}.ho-drp__day:disabled{color:var(--color-text-faint);opacity:.5;cursor:default;text-decoration:line-through}.ho-drp__day--today{box-shadow:inset 0 0 0 1px var(--color-border-strong)}.ho-drp__day--in{background:var(--color-accent-soft);border-radius:0}.ho-drp__day--start,.ho-drp__day--end,.ho-drp__day--start:hover:not(:disabled),.ho-drp__day--end:hover:not(:disabled){background:var(--color-accent);color:var(--color-accent-contrast);font-weight:var(--weight-medium)}.ho-drp__quick{gap:var(--space-2);margin-top:var(--space-3);display:flex}.ho-drp__chip{padding:2px var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;transition:var(--transition-colors);background:0 0}.ho-drp__chip:hover{border-color:var(--color-border-strong);color:var(--color-text-strong)}.ho-drp__foot{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:flex}.ho-drp__summary{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--color-text-strong)}.ho-drp__actions{gap:var(--space-2);display:flex}@media (width<=720px){.ho-drp__months{gap:var(--space-3);flex-direction:column}}.ho-filter-bar--compact{background:0 0;border:0;padding:0}.ho-filter-bar--compact:before{display:none}.ho-filter-bar--compact .ho-button{width:100%}.ho-filter-bar--sheet{background:0 0;border:0;flex-direction:column;align-items:stretch;margin:0;padding:0}.ho-filter-bar--sheet:before{display:none}:where(.ho-filter-bar--sheet)>:where(.ho-field),.ho-filter-bar--sheet .ho-filter-group{flex:auto;grid-auto-columns:auto;grid-auto-flow:row;width:100%}.ho-filter-bar--sheet .ho-drp__pop{width:100%;margin-top:var(--space-2);box-shadow:none;position:static}.ho-filter-bar--sheet .ho-drp__months{gap:var(--space-3);flex-direction:column}@media (width<=1024px){:where(.ho-filter-bar)>:where(.ho-field){flex:200px}}.login-page{min-height:100dvh;padding:var(--space-8) var(--space-4);background:var(--color-bg);isolation:isolate;justify-content:center;align-items:center;display:flex;overflow:hidden}.login-page__isi{gap:var(--space-8);justify-items:center;width:100%;max-width:360px;display:grid}.login-page__kepala{gap:var(--space-2);text-align:center;justify-items:center;display:grid}.login-page__tanggal{animation:ho-rise var(--duration-slow) var(--ease-out) both}.login-page__merek{animation:ho-rise var(--duration-slow) var(--ease-out) 40ms both;margin:0}.login-page__subtitle{font-size:var(--text-md);color:var(--color-text-muted);animation:ho-rise var(--duration-slow) var(--ease-out) 80ms both;margin:0}.login-card{gap:var(--space-4);width:100%;padding:var(--space-6);animation:ho-rise var(--duration-slow) var(--ease-out) .14s both;display:grid}.login-field{gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);display:grid}.login-card__error{font-size:var(--text-sm);color:var(--status-critical-fg);background:var(--status-critical-bg);border:1px solid var(--status-critical-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);animation:ho-fade-in var(--duration-base) var(--ease-standard) both;margin:0}.login-card__submit{width:100%;height:38px;margin-top:var(--space-1)}.monthly-trend{--mt-a:var(--home-accent,var(--color-text-strong));--mt-a-ghost:var(--home-accent-soft,#8080801f);--mt-b:var(--home-series-b,var(--color-text-muted));--mt-b-ghost:var(--home-series-b-soft,#8080801f);--mt-line:var(--home-border-soft,#80808026);--mt-text:var(--home-text-muted,var(--color-text-muted));--mt-faint:var(--home-text-faint,var(--color-text-faint));--mt-block:6px;--mt-gap:3px;gap:var(--space-3);flex-direction:column;display:flex}.monthly-trend__empty{font-size:var(--text-sm);color:var(--mt-text,var(--color-text-muted));margin:0}.monthly-trend__legend{gap:var(--space-4);font-size:var(--text-xs);color:var(--mt-text);display:flex}.monthly-trend__legend-item{align-items:center;gap:6px;display:inline-flex}.monthly-trend__legend-note{color:var(--mt-faint);font-style:italic}.monthly-trend__dot{border-radius:50%;flex:none;width:7px;height:7px}.monthly-trend__dot--a{background:var(--mt-a)}.monthly-trend__dot--b{background:var(--mt-b)}.monthly-trend__frame{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;display:grid}.monthly-trend__scroll{scrollbar-width:none;gap:var(--space-2);flex-direction:column;min-width:0;display:flex;overflow-x:auto}.monthly-trend__scroll::-webkit-scrollbar{display:none}.monthly-trend__axis{font-variant-numeric:tabular-nums;color:var(--mt-faint);white-space:nowrap;flex-direction:column;justify-content:space-between;font-size:10px;display:flex}.monthly-trend__axis--a{text-align:right;border-right:1px solid var(--mt-line);padding-right:var(--space-2)}.monthly-trend__axis--b{text-align:left;border-left:1px solid var(--mt-line);padding-left:var(--space-2)}.monthly-trend__axis--b:has(span:only-child){justify-content:flex-end}.monthly-trend__axis span{line-height:1;transform:translateY(-50%)}.monthly-trend__axis span:first-child{transform:translateY(0)}.monthly-trend__axis span:last-child{transform:translateY(-100%)}.monthly-trend__plot{align-items:flex-end;gap:2px;min-width:max-content;display:flex;position:relative}.monthly-trend__grid{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.monthly-trend__grid span{background:var(--mt-line);height:1px;display:block}.monthly-trend__slot{flex:1 1 0;justify-content:center;align-items:flex-end;min-width:26px;height:100%;display:flex;position:relative}.monthly-trend__guide{border-left:1px dashed var(--mt-text);opacity:0;width:0;transition:opacity var(--duration-fast,.12s) var(--ease-standard,ease);pointer-events:none;position:absolute;top:0;bottom:0;left:50%}.monthly-trend__slot:hover .monthly-trend__guide{opacity:.5}.monthly-trend__bars{justify-content:center;align-items:flex-end;gap:3px;width:min(78%,56px);height:100%;display:flex;position:relative}.monthly-trend__bar{background-image:repeating-linear-gradient(to top, currentColor 0, currentColor var(--mt-block), transparent var(--mt-block), transparent calc(var(--mt-block) + var(--mt-gap)));min-width:6px;transition:opacity var(--duration-fast,.12s) var(--ease-standard,ease);background-position:bottom;flex:1 1 0;align-self:flex-end}.monthly-trend__bar--a{color:var(--mt-a)}.monthly-trend__bar--b{color:var(--mt-b)}.monthly-trend__plot:hover .monthly-trend__slot:not(:hover) .monthly-trend__bar{opacity:.45}.monthly-trend__tip{top:var(--space-2);z-index:3;min-width:150px;padding:var(--space-3);border:1px solid var(--home-border,var(--color-border));border-radius:var(--radius-md);background:var(--home-surface-raised,var(--color-surface));box-shadow:var(--shadow-lg,var(--shadow-sm));font-size:var(--text-xs);color:var(--home-text,var(--color-text));pointer-events:none;white-space:nowrap;flex-direction:column;gap:4px;display:none;position:absolute;left:50%;transform:translate(-50%)}.monthly-trend__slot:hover .monthly-trend__tip{display:flex}.monthly-trend__slot:first-child .monthly-trend__tip{left:0;transform:none}.monthly-trend__slot:last-child .monthly-trend__tip{left:auto;right:0;transform:none}.monthly-trend__tip strong{font-weight:var(--weight-medium);color:var(--home-text,var(--color-text-strong))}.monthly-trend__tip-row{color:var(--mt-text);align-items:center;gap:6px;display:flex}.monthly-trend__tip-row b{font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;color:var(--home-text,var(--color-text-strong));margin-left:auto}.monthly-trend__months{min-width:max-content;color:var(--mt-faint);gap:2px;font-size:10px;display:flex}.monthly-trend__month{text-align:center;white-space:nowrap;flex:1 1 0;min-width:26px;overflow:hidden}@media (width<=640px){.monthly-trend__axis,.monthly-trend__months{font-size:var(--text-2xs)}.monthly-trend__frame{gap:var(--space-2)}}.ho-segmented{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-sunken);gap:2px;padding:3px;display:inline-flex}.ho-segmented__option{font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-muted);transition:var(--transition-colors);white-space:nowrap;background:0 0;border:none}.ho-segmented__option:hover:not(:disabled):not(.ho-segmented__option--active){color:var(--color-text-strong)}.ho-segmented__option--active{background:var(--color-surface);color:var(--color-text-strong);box-shadow:var(--shadow-xs)}.ho-segmented__option:disabled{opacity:.6}.ho-page{padding:var(--space-8);max-width:var(--content-max)}.ho-page--wide{max-width:1560px}.ho-page__header{margin-bottom:var(--space-6)}.ho-page__eyebrow{margin-bottom:var(--space-2);display:block}.ho-page__header h1,.ho-page__header h2{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:-.02em}.ho-page__subtitle{margin-top:var(--space-1);font-size:var(--text-base);color:var(--color-text-muted);max-width:64ch}.ho-page__subtitle code{font-family:var(--font-mono);font-size:var(--text-sm)}.ho-page__muted{font-size:var(--text-base);color:var(--color-text-muted)}.ho-page__range{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.ho-page__error{font-size:var(--text-base);color:var(--status-critical-fg);background:var(--status-critical-bg);border:1px solid var(--status-critical-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:0 0 var(--space-4)}.ho-na{color:var(--color-text-faint)}.ho-filter-actions{gap:var(--space-2);align-items:center;padding-bottom:1px;display:flex}.ho-kpis{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.ho-kpi{gap:var(--space-1);padding:var(--space-4);flex-direction:column;display:flex}.ho-kpi__label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-faint);font-weight:var(--weight-medium)}.ho-kpi__value{font-size:var(--text-2xl);font-weight:var(--weight-medium);color:var(--color-text-strong);font-variant-numeric:tabular-nums;line-height:var(--leading-tight)}.ho-kpi__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.ho-kpi__delta{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-strong);font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.ho-kpi__delta--flat{font-weight:var(--weight-normal);color:var(--color-text-muted)}.ho-kpi__delta-arrow{font-size:var(--text-sm);line-height:1}.ho-panel{margin-bottom:var(--space-5);padding:var(--space-4);transition:var(--transition-colors), var(--transition-shadow)}.ho-panel--selected{border-color:var(--color-border-strong)}.ho-panel__head{margin-bottom:var(--space-3)}.ho-panel__head--split{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.ho-panel__head h2{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text-strong);align-items:center;gap:var(--space-2);margin:0;display:flex}.ho-panel__note{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.ho-charts{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.ho-charts .ho-panel{margin-bottom:var(--space-5)}.ho-half-stack{gap:var(--space-5);flex-direction:column;display:flex}.ho-half-stack .ho-panel{margin-bottom:0}.ho-table__scroll{scrollbar-width:none;overflow-x:auto}.ho-table__scroll::-webkit-scrollbar{display:none}.ho-table{width:100%;font-size:var(--text-sm);white-space:nowrap}.ho-table th,.ho-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:middle}.ho-table th{padding-top:var(--space-2);padding-bottom:var(--space-2);font-weight:var(--weight-medium);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-faint)}.ho-table td{color:var(--color-text-strong);font-variant-numeric:tabular-nums}.ho-table tbody tr{transition:var(--transition-colors)}.ho-table tbody tr:hover{background:color-mix(in srgb, var(--color-text-strong) 3%, transparent)}.ho-table tbody tr:last-child td{border-bottom:none}.ho-table th.ho-table__num,.ho-table td.ho-table__num,.ho-table__num{text-align:right;font-variant-numeric:tabular-nums}.ho-table--fixed{table-layout:fixed}.ho-table--fixed th,.ho-table--fixed td{text-overflow:ellipsis;overflow:hidden}.ho-handler__name{font-weight:var(--weight-medium);display:block}.ho-handler__raw{font-size:var(--text-xs);color:var(--color-text-muted);display:block}.ho-table tbody tr.ho-row-divider td{border-top:1px solid var(--color-border-strong)}.ho-page__refreshing{color:var(--color-text-faint)}@media (width<=640px){.ho-kpis{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.ho-kpi{padding:var(--space-3)}.ho-kpi__value{font-size:var(--text-xl)}}@media (width<=1024px){.ho-table__scroll{--edge:color-mix(in srgb, var(--color-text-strong) 10%, transparent);-webkit-overflow-scrolling:touch;background:linear-gradient(to right, var(--color-surface) 40%, transparent) left / 32px 100% no-repeat local, linear-gradient(to left, var(--color-surface) 40%, transparent) right / 32px 100% no-repeat local, linear-gradient(to right, var(--edge), transparent) left / 16px 100% no-repeat scroll, linear-gradient(to left, var(--edge), transparent) right / 16px 100% no-repeat scroll;overflow-x:auto}.ho-table:not(.ho-table--cards) th:first-child,.ho-table:not(.ho-table--cards) td:first-child{z-index:1;background:var(--color-surface);position:sticky;left:0}.ho-table:not(.ho-table--cards) tbody tr:hover td:first-child{background:var(--color-surface)}}.daily-bars{--db-bar:var(--home-accent,var(--color-text-muted));--db-line:var(--home-border-soft,var(--color-border));--db-text:var(--home-text-muted,var(--color-text-muted));--db-faint:var(--home-text-faint,var(--color-text-faint));--db-block:6px;--db-gap:3px;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.daily-bars__empty{padding:var(--space-6) 0;font-size:var(--text-sm);color:var(--home-text-muted,var(--color-text-muted));text-align:center;margin:0}.daily-bars__axis{padding-right:var(--space-2);border-right:1px solid var(--db-line);font-variant-numeric:tabular-nums;color:var(--db-faint);text-align:right;white-space:nowrap;flex-direction:column;justify-content:space-between;font-size:10px;display:flex}.daily-bars__axis:has(span:only-child){justify-content:flex-end}.daily-bars__axis span{line-height:1;transform:translateY(-50%)}.daily-bars__axis span:first-child{transform:translateY(0)}.daily-bars__axis span:last-child{transform:translateY(-100%)}.daily-bars__scroll{scrollbar-width:none;gap:var(--space-2);flex-direction:column;min-width:0;display:flex;overflow-x:auto}.daily-bars__scroll::-webkit-scrollbar{display:none}.daily-bars__plot{align-items:flex-end;gap:2px;min-width:max-content;display:flex;position:relative}.daily-bars__grid{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.daily-bars__grid span{background:var(--db-line);height:1px;display:block}.daily-bars__slot{flex:1 1 0;justify-content:center;align-items:flex-end;min-width:8px;height:100%;display:flex;position:relative}.daily-bars__guide{border-left:1px dashed var(--db-text);opacity:0;transition:opacity var(--duration-fast,.12s) var(--ease-standard,ease);pointer-events:none;position:absolute;top:0;bottom:0;left:50%}.daily-bars__slot:hover .daily-bars__guide{opacity:.5}.daily-bars__bar{width:min(72%,28px);min-width:5px;color:var(--db-bar);background-image:repeating-linear-gradient(to top, currentColor 0, currentColor var(--db-block), transparent var(--db-block), transparent calc(var(--db-block) + var(--db-gap)));transition:opacity var(--duration-fast,.12s) var(--ease-standard,ease);background-position:bottom;position:relative}.daily-bars__plot:hover .daily-bars__slot:not(:hover) .daily-bars__bar{opacity:.45}.daily-bars__tip{top:var(--space-2);z-index:3;padding:var(--space-2) var(--space-3);border:1px solid var(--home-border,var(--color-border));border-radius:var(--radius-md);background:var(--home-surface-raised,var(--color-surface));box-shadow:var(--shadow-lg,var(--shadow-sm));font-size:var(--text-xs);color:var(--db-text);white-space:nowrap;pointer-events:none;flex-direction:column;gap:2px;display:none;position:absolute}.daily-bars__tip--right{left:calc(50% + 6px)}.daily-bars__tip--left{right:calc(50% + 6px)}.daily-bars__slot:hover .daily-bars__tip{display:flex}.daily-bars__tip strong{font-weight:var(--weight-regular,400)}.daily-bars__tip b{font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;color:var(--home-text,var(--color-text-strong))}.daily-bars__dates{min-width:max-content;color:var(--db-faint);gap:2px;font-size:10px;display:flex}.daily-bars__date{white-space:nowrap;flex:1 1 0;justify-content:center;min-width:8px;display:flex;overflow:visible}.daily-bars__date:first-child{justify-content:flex-start}.daily-bars__date:last-child{justify-content:flex-end}@media (width<=640px){.daily-bars__axis,.daily-bars__dates{font-size:var(--text-2xs)}}.home{--home-accent:#e8823c;--home-accent-soft:#e8823c24;--home-series-b:var(--color-text-muted);--home-series-b-soft:color-mix(in srgb, var(--color-text-muted) 22%, transparent);--home-value-lg:30px;--home-value-sm:var(--text-xl)}.home__inner{max-width:1440px;padding:var(--space-8);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex}.home__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.home__title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--color-text-strong);margin:0}.home__subtitle{margin:var(--space-1) 0 0;font-size:var(--text-base);color:var(--color-text-muted);max-width:64ch}.home__meta{font-size:var(--text-xs);color:var(--color-text-faint);font-variant-numeric:tabular-nums;margin:0}.home__refreshing{color:var(--color-text-muted)}.home__error{padding:var(--space-3) var(--space-4);border:1px solid var(--status-critical-border);border-radius:var(--radius-md);background:var(--status-critical-bg);font-size:var(--text-sm);color:var(--status-critical-fg);margin:0}.home__muted{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.home__kpis{flex-direction:column;display:flex}.home__kpis-primary{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.home__kpis-secondary{border-top:1px solid var(--color-border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.home-kpi{flex-direction:column;min-width:0;display:flex}.home-kpi+.home-kpi{border-left:1px solid var(--color-border)}.home-kpi__label{font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-faint)}.home-kpi__value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--color-text-strong);line-height:1.1}.home-kpi--primary{padding:var(--space-5) var(--space-6);gap:var(--space-3)}.home-kpi--primary .home-kpi__top{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.home-kpi--primary .home-kpi__value{font-size:var(--home-value-lg);font-weight:var(--weight-medium);margin-top:var(--space-2)}.home-kpi__foot{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:flex}.home-kpi--secondary{padding:var(--space-4) var(--space-6);gap:var(--space-2)}.home-kpi--secondary .home-kpi__value{font-size:var(--home-value-sm);font-weight:var(--weight-medium)}.home-kpi--secondary .home-kpi__foot{border-top:none;flex-direction:column;align-items:flex-start;gap:2px;padding-top:0}.home-kpi__delta{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;color:var(--color-text-strong);white-space:nowrap;display:inline-flex}.home-kpi__delta--flat{font-weight:var(--weight-normal);color:var(--color-text-faint)}.home-kpi__arrow{color:var(--color-text-muted)}.home-kpi__hint{font-size:var(--text-xs);color:var(--color-text-faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.home-spark{flex:none;align-items:flex-end;gap:2px;height:34px;display:flex}.home-spark__bar{background:var(--home-series-b-soft);border-radius:1px;width:3px;min-height:2px}.home-spark__bar--accent{background:var(--home-accent)}.home-spark__bar--b{background:var(--home-series-b)}.home-spark__empty{font-size:var(--text-xs);color:var(--color-text-faint);align-self:center}.home__panel{padding:var(--space-5) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.home__panel-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.home__panel-title{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text-strong);margin:0}.home__panel-note{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-text-muted);max-width:76ch}.home__panel-granularity{font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-faint);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);white-space:nowrap;align-self:flex-start}.home-winloss__kpis,.home-ndp__kpis{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);display:grid}.home-winloss__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.home-ndp__kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.home-kpi--nested{padding:var(--space-4) var(--space-5)}.home-kpi--nested:first-child{padding-left:0}.home-kpi--nested:last-child{padding-right:0}.home-winloss__verdict{margin-left:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-normal);letter-spacing:0;color:var(--color-text-muted)}.home-kpi__delta--up,.home-kpi__delta--up .home-kpi__arrow{color:var(--status-positive-fg)}.home-kpi__delta--down,.home-kpi__delta--down .home-kpi__arrow{color:var(--status-critical-fg)}.home-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home-winloss__na{color:var(--color-text-faint);font-style:italic}.home-winloss__filter{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}.home-winloss__filter-label{font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-faint)}.home-winloss__filter-controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.home-winloss__month-select{font-size:var(--text-xs);height:34px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-strong);transition:var(--transition-colors)}.home-winloss__month-select:hover:not(:disabled){border-color:var(--color-text-faint)}.home-winloss__table-scroll{scrollbar-width:none;max-height:360px;overflow-y:auto}.home-winloss__table-scroll::-webkit-scrollbar{display:none}.home-winloss__table-scroll thead th{z-index:1;background:var(--color-surface);position:sticky;top:0}.home-ndp__daily{gap:var(--space-3);padding-top:var(--space-2);flex-direction:column;display:flex}.home-ndp__daily-head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.home-ndp__daily-title{font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-faint)}.home-ndp__gap{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.home-ndp__wlb{color:var(--color-text-muted)}.home .home-ndp__total td{z-index:1;background:var(--color-surface);box-shadow:inset 0 1px 0 var(--color-border-strong);font-weight:var(--weight-medium);color:var(--color-text-strong);border-bottom:none;position:sticky;bottom:0}.home .home-ndp__total td:nth-child(2){font-weight:var(--weight-normal);color:var(--color-text-faint)}@media (width<=1024px){.home__kpis-primary{grid-template-columns:minmax(0,1fr)}.home__kpis-primary .home-kpi+.home-kpi{border-left:none;border-top:1px solid var(--color-border)}.home-ndp__kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.home-ndp__kpis .home-kpi:nth-child(4){border-left:none;padding-left:0}.home-ndp__kpis .home-kpi:nth-child(n+4){border-top:1px solid var(--color-border)}}@media (width<=640px){.home{--home-value-lg:26px}.home__header{flex-direction:column;align-items:stretch}.home__header .ho-segmented{display:flex}.home__header .ho-segmented__option{flex:1 1 0}.home-kpi--primary{padding:var(--space-4) var(--space-4)}.home-kpi--primary .home-kpi__top{align-items:stretch;gap:var(--space-3);flex-direction:column}.home__kpis-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.home__kpis-secondary .home-kpi:nth-child(3){border-left:none}.home__kpis-secondary .home-kpi:nth-child(n+3){border-top:1px solid var(--color-border)}.home-kpi--secondary{padding:var(--space-3) var(--space-4)}.home__panel{padding:var(--space-4)}.home-winloss__kpis,.home-ndp__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.home-kpi--nested{padding:var(--space-3) var(--space-3)}.home-kpi--nested:first-child{padding-left:0}.home-kpi--nested:last-child{padding-right:var(--space-3)}.home-kpi--nested:nth-child(2n){border-left:1px solid var(--color-border)}.home-kpi--nested:nth-child(odd){border-left:none;padding-left:0}.home-kpi--nested:nth-child(n+3){border-top:1px solid var(--color-border)}.home-ndp__kpis .home-kpi:nth-child(4){padding-left:var(--space-3)}.home-winloss__filter{align-items:stretch}.home-winloss__filter-controls .ho-segmented{flex:auto;display:flex}.home-winloss__filter-controls .ho-segmented__option{flex:1 1 0}.home-winloss__table-scroll{max-height:320px}}.home__skeleton-gap{margin-top:var(--space-5)}.cs-row{cursor:pointer;transition:var(--transition-colors)}.cs-row:hover,.cs-row:focus-visible{background:var(--color-surface-hover)}.cs-block__title{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-strong)}.cs-block__title:first-child{margin-top:0}.cs-block__note{margin:0 0 var(--space-3);font-size:var(--text-xs)}.cs-detail__table{width:100%}.cs-detail__total td{border-top:1px solid var(--color-border);font-weight:var(--weight-medium)}.cs-detail__sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px;display:block}.cs-warn{margin:0 0 var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-hover);font-size:var(--text-xs);color:var(--color-text-muted)}.cs-context{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0;display:grid}.cs-context div{min-width:0}.cs-context dt{font-size:var(--text-xs);color:var(--color-text-muted)}.cs-context dd{font-size:var(--text-sm);color:var(--color-text-strong);margin:2px 0 0}.cs-bars{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cs-bar__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.cs-bar__label{font-size:var(--text-sm);color:var(--color-text-strong)}.cs-bar__value{font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.cs-bar__count{font-size:var(--text-xs);color:var(--color-text-faint);white-space:nowrap}.cs-bar__track{border-radius:var(--radius-sm,4px);background:var(--color-surface-hover);height:8px;overflow:hidden}.cs-bar__fill{border-radius:inherit;background:var(--color-text-strong);height:100%;transition:width var(--duration-slow,.3s) var(--ease-out,ease-out)}.cs-period{min-width:240px;max-width:360px}.cs-period__note{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4}.cs-small-sample{padding:1px var(--space-2);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;font-style:italic;display:inline-block}.cs-small-sample__detail{margin-left:var(--space-2);font-size:var(--text-xs);color:var(--color-text-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.ho-overlay{z-index:50;padding:var(--space-4);animation:ho-fade-in var(--duration-slow) var(--ease-standard) both;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ho-modal{width:100%;max-width:680px;box-shadow:var(--shadow-lg);animation:ho-modal-masuk var(--duration-slow) var(--ease-out) both}.ho-overlay--closing{animation:ho-modal-overlay-keluar .14s var(--ease-in-out) both}.ho-overlay--closing .ho-modal{animation:ho-modal-keluar .14s var(--ease-in-out) both}.ho-modal__head{padding:var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.ho-modal__head h3{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--color-text-strong);margin:0 0 2px}.ho-modal__head p{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.ho-modal__close{width:28px;height:28px;color:var(--color-text-faint);font-size:var(--text-lg);border-radius:var(--radius-md);transition:var(--transition-colors);cursor:pointer;background:0 0;border:none;place-items:center;margin:-4px -6px 0 0;padding:0;line-height:1;display:grid}.ho-modal__close:hover{color:var(--color-text-strong);background:var(--color-surface-hover)}.ho-modal__body{padding:var(--space-5);max-height:70vh;overflow-y:auto}.ho-modal__foot{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--space-2);display:flex}@media (width<=640px){.ho-overlay{align-items:flex-end;padding:0}.ho-modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:none;max-height:90dvh;padding-bottom:var(--safe-bottom);border-bottom:0;flex-direction:column;animation-name:ho-sheet-masuk;display:flex}.ho-modal__head{padding:var(--space-5) var(--gutter) var(--space-4);flex:none;position:relative}.ho-modal__head:before{content:"";top:var(--space-2);border-radius:var(--radius-pill);background:var(--color-border-strong);width:36px;height:4px;position:absolute;left:50%;transform:translate(-50%)}.ho-modal__body{min-height:0;max-height:none;padding:var(--space-4) var(--gutter);flex:auto;overflow-y:auto}.ho-modal__foot{padding:var(--space-3) var(--gutter);background:var(--color-surface);flex-wrap:wrap;flex:none;position:sticky;bottom:0}.ho-modal__foot .ho-button{min-height:var(--touch-min);flex:auto}.ho-overlay--closing .ho-modal{animation-name:ho-sheet-keluar}.ho-modal .ho-table--fixed{table-layout:auto}.ho-modal .ho-table--fixed th,.ho-modal .ho-table--fixed td{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}}.ho-tabnav{gap:var(--space-1);border-bottom:1px solid var(--color-border);scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;align-items:stretch;min-width:0;max-width:100%;display:flex;overflow:auto hidden}.ho-tabnav::-webkit-scrollbar{display:none}.ho-tabnav__tab{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;transition:var(--transition-colors);background:0 0;border:none;flex-direction:column;flex:none;align-items:flex-start;gap:1px;margin-bottom:-1px;line-height:1.3;display:flex}.ho-tabnav__tab:hover:not(:disabled):not([aria-disabled=true]){color:var(--color-text-strong);background:var(--color-surface-hover)}.ho-tabnav__tab[aria-selected=true]{background:var(--color-surface);color:var(--color-text-strong);box-shadow:inset 0 0 0 1px var(--color-border);border-bottom:1px solid var(--color-surface)}.ho-tabnav__tab:focus-visible{outline:2px solid var(--color-text-strong);outline-offset:-2px}.ho-tabnav__tab[aria-disabled=true]{color:var(--color-text-faint);cursor:not-allowed}.ho-tabnav__tab:disabled{opacity:.6;cursor:not-allowed}.ho-tabnav__note{font-size:var(--text-xs);font-weight:var(--weight-normal);color:var(--color-text-faint)}.import-page{padding:var(--space-8);max-width:var(--content-max)}.import-page__header{margin-bottom:var(--space-6)}.import-page__subtitle{margin-top:var(--space-1);font-size:var(--text-base);color:var(--color-text-muted)}.import-step{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.import-step:last-child{border-bottom:none}.import-step__label{align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text-strong);margin-bottom:var(--space-3);display:flex}.import-step__num{border-radius:var(--radius-pill);background:var(--color-accent);width:20px;height:20px;color:var(--color-accent-contrast);font-size:var(--text-2xs);font-weight:var(--weight-semibold);justify-content:center;align-items:center;display:inline-flex}.import-hint{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.import-input{font-size:var(--text-base);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-strong);min-width:240px;transition:var(--transition-colors)}.import-input:hover:not(:disabled){border-color:var(--color-text-faint)}.import-input:disabled{background:var(--color-surface-sunken);color:var(--color-text-muted)}.import-drop-wrap{position:relative}.import-drop__clear{top:var(--space-2);right:var(--space-2);width:24px;height:24px;font-size:var(--text-lg);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-muted);transition:var(--transition-colors);justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex;position:absolute}.import-drop__clear:hover{color:var(--color-text-strong);border-color:var(--color-text-faint);background:var(--color-surface-hover)}.import-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.import-filelist{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.import-filecard{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);animation:ho-fade-in var(--duration-base) var(--ease-standard) both}.import-filecard__head{align-items:center;gap:var(--space-2);display:flex}.import-filecard__name{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-strong);overflow-wrap:anywhere;flex:1;min-width:0}.import-filecard__meta{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.import-filecard__problem{color:var(--status-critical-fg)}.import-filecard__error{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--status-critical-fg);background:var(--status-critical-bg);border:1px solid var(--status-critical-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);overflow-wrap:anywhere}.import-filecard__remove{width:22px;height:22px;font-size:var(--text-md);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-muted);transition:var(--transition-colors);flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.import-filecard__remove:hover{color:var(--color-text-strong);border-color:var(--color-text-faint);background:var(--color-surface-hover)}.import-stale{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-sunken);animation:ho-fade-in var(--duration-base) var(--ease-standard) both;flex-wrap:wrap;display:flex}.import-stale__text{min-width:240px;font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-normal);flex:1}.import-stale__text strong{color:var(--color-text-strong)}.import-stale__files{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);overflow-wrap:anywhere;display:block}.import-stale__note{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-faint);display:block}.import-collision{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--status-warning-border);background:var(--status-warning-bg);border-radius:var(--radius-lg);animation:ho-fade-in var(--duration-base) var(--ease-standard) both}.import-collision__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--status-warning-fg);margin-bottom:var(--space-2)}.import-collision__list{margin:0 0 var(--space-3);padding-left:var(--space-5);font-size:var(--text-base);color:var(--color-text-strong);gap:var(--space-1);flex-direction:column;display:flex}.import-collision__list strong{font-variant-numeric:tabular-nums}.import-collision__body{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-normal);margin-bottom:var(--space-3)}.import-collision__ack{align-items:flex-start;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-strong);cursor:pointer;padding:var(--space-2) var(--space-3);border:1px solid var(--status-warning-border);border-radius:var(--radius-md);background:var(--color-surface);transition:var(--transition-colors);display:flex}.import-collision__ack:hover{border-color:var(--status-warning-fg)}.import-collision__ack input{accent-color:var(--status-warning-fg);flex-shrink:0;margin:2px 0 0}.import-fileresult{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.import-fileresult__head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.import-drop{padding:var(--space-8);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;display:flex;position:relative}.import-drop:hover,.import-drop--active{border-color:var(--color-accent);background:var(--color-surface-hover)}.import-drop__input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.import-drop:has(.import-drop__input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px;border-color:var(--color-accent)}.import-drop:has(.import-drop__input:disabled){cursor:default;opacity:.6}.import-drop:has(.import-drop__input:disabled):hover{border-color:var(--color-border-strong);background:var(--color-surface)}.import-drop__hint{font-size:var(--text-base);color:var(--color-text-muted)}.import-drop__file{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-strong);text-align:center;overflow-wrap:anywhere;max-width:100%}.import-summary{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.import-table__scroll{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-height:460px;box-shadow:var(--shadow-xs);overflow:auto}.import-table{width:100%;font-size:var(--text-base);white-space:nowrap}.import-table th,.import-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:top}.import-table th{z-index:1;font-weight:var(--weight-medium);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-faint);background:var(--color-surface-sunken);position:sticky;top:0}.import-table td{color:var(--color-text-strong)}.import-table tbody tr{transition:var(--transition-colors)}.import-table tbody tr:hover{background:var(--color-surface-hover)}.import-table tbody tr:last-child td{border-bottom:none}.import-num{text-align:right;font-variant-numeric:tabular-nums}.import-message{white-space:normal;min-width:220px;max-width:380px;color:var(--color-text-muted);line-height:var(--leading-normal)}.import-muted{color:var(--color-text-faint)}.import-note{font-size:var(--text-base);color:var(--color-text-muted);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);margin-top:var(--space-3);line-height:var(--leading-normal);animation:ho-fade-in var(--duration-base) var(--ease-standard) both}.import-note--warn{color:var(--status-warning-fg);background:var(--status-warning-bg);border-color:var(--status-warning-border)}.import-note--ok{color:var(--status-positive-fg);background:var(--status-positive-bg);border-color:var(--status-positive-border)}.import-error{font-size:var(--text-base);color:var(--status-critical-fg);background:var(--status-critical-bg);border:1px solid var(--status-critical-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);animation:ho-fade-in var(--duration-base) var(--ease-standard) both}.import-period{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.import-period__sep{font-size:var(--text-sm);color:var(--color-text-muted)}.import-cegah{z-index:100;padding:var(--space-4);background:color-mix(in srgb, var(--color-bg) 70%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:ho-fade-in var(--duration-fast) var(--ease-standard) both;place-items:center;display:grid;position:fixed;inset:0}.import-cegah__kotak{max-width:28rem;padding:var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md)}.import-cegah__kotak h2{margin:0 0 var(--space-3);font-size:var(--text-lg)}.import-cegah__kotak p{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--color-text);line-height:1.6}.import-cegah__kecil{color:var(--color-text-muted);font-size:var(--text-xs)!important}.import-cegah__aksi{gap:var(--space-3);margin-top:var(--space-4);justify-content:flex-end;display:flex}.import-cegah__aksi .ho-button:first-child{background:var(--color-accent);color:var(--color-accent-contrast);border-color:#0000}.paralel-hari{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.paralel-hari__kotak{min-width:0;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;cursor:pointer;transition:var(--transition-colors);flex-direction:column;gap:2px;display:flex}.paralel-hari__kotak:hover{border-color:var(--color-border-strong)}.paralel-hari__kotak--aktif{border-color:var(--color-text-strong)}.paralel-hari__tgl{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.paralel-hari__vonis{font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.paralel-hari__kotak--cocok .paralel-hari__vonis{color:var(--status-positive-fg)}.paralel-hari__kotak--beda{border-color:var(--status-critical-border);background:var(--status-critical-bg)}.paralel-hari__kotak--beda .paralel-hari__vonis{color:var(--status-critical-fg)}.paralel-hari__kotak--ingat .paralel-hari__vonis{color:var(--status-warning-fg)}.paralel-hari__kotak--kosong .paralel-hari__vonis,.paralel-hari__kotak--baca .paralel-hari__vonis{color:var(--color-text-muted);font-weight:var(--weight-normal)}.paralel-angka{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.paralel-angka__kotak{font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex-direction:column;gap:2px;display:flex}.paralel-baris--beda td{background:var(--status-critical-bg);color:var(--status-critical-fg)}.paralel-contoh{margin-top:var(--space-4);font-size:var(--text-sm)}.paralel-contoh ul{margin:var(--space-2) 0 0;padding-left:var(--space-4);font-variant-numeric:tabular-nums;line-height:1.6}.paralel-banner{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--status-warning-border);border-radius:var(--radius-md);background:var(--status-warning-bg);color:var(--status-warning-fg);font-size:var(--text-sm);line-height:1.6}.backfill__dataset{min-width:0}.backfill__dataset .ho-segmented__option{padding-block:calc(var(--space-2) - 3px)}.backfill__host{flex:1;min-width:16rem}.backfill__runs{margin-top:var(--space-4)}.backfill__bar{background:var(--color-surface-sunken);border-radius:999px;width:8rem;height:6px;overflow:hidden}.backfill__bar>span{background:var(--color-text-strong);height:100%;display:block}@media (width<=640px){.backfill__dataset,.backfill__dataset .ho-segmented{width:100%}.backfill__dataset .ho-segmented{flex-wrap:wrap}.backfill__host{min-width:0}}.tarik-form__baris{align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.tarik-form__baris .ho-field{min-width:12rem}.tarik-dataset{min-width:0}.tarik-dataset .ho-segmented__option{padding-block:calc(var(--space-2) - 3px)}@media (width<=640px){.tarik-dataset,.tarik-dataset .ho-segmented{width:100%}.tarik-dataset .ho-segmented__option{padding-inline:var(--space-2);flex:1}}.tarik-form__baris .ho-field:nth-child(3){flex:1;min-width:20rem}.tarik-pesan{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--color-text);line-height:1.55}.tarik-peringatan{margin:var(--space-3) 0 0;padding:var(--space-3);border:1px solid var(--status-warning-border);border-radius:var(--radius-md);background:var(--status-warning-bg);color:var(--status-warning-fg);font-size:var(--text-sm);line-height:1.55}.tarik-jalan{background:var(--color-surface-sunken)}.tarik-riwayat__head{align-items:center}.tarik-waktu{white-space:nowrap;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.tarik-ket{min-width:16rem;max-width:34rem;font-size:var(--text-xs);color:var(--color-text-muted);white-space:normal;line-height:1.5}.tarik-ket__teks{color:var(--color-text);display:block}.tarik-ket__job{font-variant-numeric:tabular-nums;margin-top:2px;display:block}.tarik-temuan__daftar{font-size:var(--text-xs);margin:0;padding:0;line-height:1.6;list-style:none}.tarik-temuan__daftar li:before{content:"";width:.4rem;height:.4rem;margin-right:var(--space-2);vertical-align:middle;background:currentColor;border-radius:50%;display:inline-block}.tarik-temuan__tahan{color:var(--status-critical-fg)}.tarik-temuan__ingat{color:var(--color-text-muted)}.tarik-aksi{text-align:right;white-space:nowrap}.tarik-aksi__isi{gap:var(--space-2);display:inline-flex}.tarik-temuan__daftar+.tarik-aksi__isi{margin-top:var(--space-2)}.tarik-batal{border-color:var(--color-border);color:var(--color-text-muted)}.tarik-batal:hover:not(:disabled){color:var(--color-text-strong)}.import-history-page{padding:var(--space-8);max-width:var(--content-max)}.import-history-page__header{margin-bottom:var(--space-5)}.import-history-page__header h1{font-size:var(--text-xl);font-weight:var(--weight-medium);color:var(--color-text-strong);margin:0}.import-history-page__subtitle,.import-history-page__muted{font-size:var(--text-sm);color:var(--color-text-muted);margin:4px 0 0}.import-history-page__meta{margin:0 0 var(--space-3);font-size:var(--text-xs);color:var(--color-text-faint)}.import-history-page__refreshing{color:var(--color-text-faint)}.import-history-page__error,.import-history-page__notice{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text-strong)}.import-history-list{gap:var(--space-2);flex-direction:column;display:flex}.import-history-row{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;display:flex}.import-history-row--flagged{border-left:2px solid var(--status-warning-fg,var(--color-text-strong))}.import-history-row--skeleton{align-items:stretch;gap:var(--space-2);flex-direction:column}.import-history-row__main{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.import-history-row__file{font-size:var(--text-sm);color:var(--color-text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.import-history-row__sub{font-size:var(--text-xs);color:var(--color-text-muted)}.import-history-status{font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-sm,4px);border:1px solid var(--color-border);color:var(--color-text-muted);white-space:nowrap;flex:none}.import-history-status--failed{color:var(--status-critical-fg,var(--color-text-strong));border-color:var(--status-critical-border,var(--color-border));background:var(--status-critical-bg,transparent)}.import-history-status--committed{color:var(--status-valid-fg,var(--color-text-muted));border-color:var(--status-valid-border,var(--color-border));background:var(--status-valid-bg,transparent)}.import-history-row__actions{align-items:center;gap:var(--space-2);flex:none;display:flex}.import-history-confirm{font-size:var(--text-xs);color:var(--color-text-muted)}@media (width<=720px){.import-history-page{padding:var(--space-4)}.import-history-row{gap:var(--space-2);flex-wrap:wrap}}.import-history-purge{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);flex-wrap:wrap;display:flex}.import-history-purge__title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-strong);margin:0}.import-history-purge__body{font-size:var(--text-xs);color:var(--color-text-muted);max-width:74ch;margin:2px 0 0}.import-history-purge__body code{color:var(--color-text);font-size:.95em}.import-history-row--expanded{flex-wrap:wrap;align-items:flex-start}.import-history-committed{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);flex-direction:column;flex:1 0 100%;display:flex}.import-history-committed__note{margin:0}.import-history-committed__note strong{color:var(--color-text-strong);font-variant-numeric:tabular-nums}.import-history-committed__blocked{padding:var(--space-2) var(--space-3);border-left:2px solid var(--status-critical-fg,var(--color-text-strong));background:var(--color-surface-sunken);color:var(--color-text);margin:0}.import-history-committed__list{padding-left:var(--space-4);flex-direction:column;gap:2px;margin:0;display:flex}.import-history-committed__list code{color:var(--color-text)}.export-card__main{align-items:center;gap:var(--space-4);display:flex}.export-card__file{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-sunken);clip-path:polygon(0 0,72% 0,100% 22%,100% 100%,0 100%);width:44px;height:52px;font-size:9px;font-weight:var(--weight-medium);letter-spacing:.06em;color:var(--color-text-muted);flex:none;justify-content:center;align-items:flex-end;padding-bottom:7px;display:flex}.export-card__info{flex:auto;min-width:0}.export-card__title{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text-strong);margin:0}.export-card__meta{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin:2px 0 0}.export-card__meta strong{font-weight:var(--weight-medium);color:var(--color-text-strong)}.export-card__warn{color:var(--status-warning-fg)}.export-card__sheets{gap:var(--space-1);margin:var(--space-2) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.export-card__sheets li{padding:1px var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--text-2xs);color:var(--color-text-muted)}.export-card__action{flex:none}.export-card__download{align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-4);display:inline-flex}.export-card__download svg{width:14px;height:14px}.export-progress{align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.export-progress__bar{border-radius:var(--radius-pill);background:var(--color-surface-sunken);flex:auto;height:6px;overflow:hidden}.export-progress__bar span{background:var(--color-accent);height:100%;transition:width var(--duration-base,.18s) var(--ease-standard,ease);display:block}.export-progress__text{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex:none}.export-msg{margin:var(--space-3) 0 0;font-size:var(--text-sm)}.export-msg--ok{color:var(--status-positive-fg)}.export-msg--err{color:var(--status-critical-fg)}@media (width<=720px){.export-card__main{flex-wrap:wrap}}.data-health-page{padding:var(--space-8);max-width:var(--content-max)}.data-health-page__header{margin-bottom:var(--space-6)}.data-health-page__subtitle{margin-top:var(--space-1);font-size:var(--text-base);color:var(--color-text-muted)}.data-health-page__muted{font-size:var(--text-base);color:var(--color-text-muted);animation:ho-fade-in var(--duration-slow) var(--ease-standard) both}.data-health-page__error{font-size:var(--text-base);color:var(--status-critical-fg);background:var(--status-critical-bg);border:1px solid var(--status-critical-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:0 0 var(--space-4)}.data-health-page__meta{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.data-health-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;display:grid}.data-health-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.data-health-card__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.data-health-card__title{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-strong);margin:0}.data-health-card__summary{font-size:var(--text-sm);color:var(--color-text);margin:0}.data-health-card__items{gap:var(--space-2);border-top:1px solid var(--color-border);padding:0;padding-top:var(--space-3);flex-direction:column;margin:0;list-style:none;display:flex}.data-health-item{justify-content:space-between;align-items:baseline;gap:var(--space-3);font-size:var(--text-sm);min-width:0;display:flex}.data-health-item__label{color:var(--color-text-muted);white-space:nowrap;flex:none;align-items:baseline;gap:6px;min-width:0;display:inline-flex}.data-health-item__value{text-align:right;color:var(--color-text-strong);font-variant-numeric:tabular-nums;overflow-wrap:break-word;min-width:0}.data-health-item__note{font-size:var(--text-xs);color:var(--color-text-faint);white-space:normal;display:block}.data-health-dot{border-radius:50%;flex:none;align-self:center;width:6px;height:6px}.data-health-dot--warning{background:var(--status-warning-fg,var(--color-text-muted))}.data-health-dot--critical{background:var(--status-critical-fg,var(--color-text-strong))}.data-health-card__hint{font-size:var(--text-xs);color:var(--color-text-faint);margin:auto 0 0}.data-health-card__action{font-size:var(--text-sm);color:var(--color-text-strong);border-bottom:1px solid var(--color-border-strong,var(--color-border));transition:var(--transition-colors);align-self:flex-start;margin-top:auto;padding-bottom:1px;text-decoration:none}.data-health-card__action:hover{border-bottom-color:var(--color-text-strong)}.data-health-card__hint+.data-health-card__action{margin-top:var(--space-2)}.data-health-page__refreshing{color:var(--color-text-faint)}.data-health-card__reasons{gap:var(--space-2);flex-direction:column;display:flex}.data-health-card__reasons-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-faint);font-size:11px}.data-health-card__reasons .data-health-item__label{white-space:normal;overflow-wrap:anywhere}.panel-query{align-items:flex-end}.panel-query__field{flex:320px;max-width:460px}.panel-query>.ho-button{min-width:120px;height:38px;padding:0 var(--space-5);flex:none}.panel-query__hint{min-width:0;margin-top:calc(var(--space-1) * -1);flex:1 0 100%}.panel-hint{align-items:baseline;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed);display:inline-flex}.panel-hint code{font-size:var(--text-2xs);padding:1px var(--space-1)}.panel-hint--ready{color:var(--status-positive-fg)}.panel-hint--bad{color:var(--status-critical-fg)}.panel-dot{border-radius:var(--radius-pill);flex:none;align-self:center;width:6px;height:6px}.panel-dot--live{background:var(--status-positive-fg)}.panel-dot--bad{background:var(--status-critical-fg)}.panel-outcome--tolak{border-color:var(--status-critical-border)}.panel-dot--busy{background:var(--color-text-faint);animation:panel-breathe 1.6s var(--ease-standard) infinite}@keyframes panel-breathe{0%,to{opacity:.3}50%{opacity:1}}.panel-wait{align-items:flex-start;gap:var(--space-3);animation:ho-fade-in var(--duration-slow) var(--ease-standard) both;display:flex}.panel-wait__line{font-size:var(--text-base);color:var(--color-text-strong)}.panel-wait__line strong{font-weight:var(--weight-medium)}.panel-identity{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.panel-identity__name{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}.panel-facts{margin:var(--space-4) 0 0;padding-top:var(--space-4);border-top:1px solid var(--color-border);gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.panel-facts>div{min-width:0}.panel-facts dd{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-strong);overflow-wrap:anywhere}.ho-table td.panel-ref{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text)}.panel-remark{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-relaxed);white-space:pre-wrap;overflow-wrap:anywhere}.panel-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.ho-panel__head+.panel-actions,.panel-hint+.panel-actions{margin-top:var(--space-3)}.panel-status-form{gap:var(--space-4);grid-template-columns:minmax(180px,220px) minmax(0,1fr);display:grid}.panel-status-form .panel-actions{grid-column:1/-1}@media (width<=640px){.panel-status-form{grid-template-columns:1fr}}.panel-status-form textarea{resize:vertical;min-height:48px;line-height:var(--leading-normal)}.panel-confirm .panel-facts--flush{border-top:none;margin-top:0;padding-top:0}.panel-confirm .ho-panel__note{margin-top:var(--space-3)}.panel-pw{gap:var(--space-2);align-items:stretch;display:flex}.panel-pw .ho-input{min-width:0;font-family:var(--font-mono);flex:auto}.panel-pw__value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--color-text-strong);letter-spacing:.04em;-webkit-user-select:all;user-select:all;word-break:break-all}.panel-approval-pw{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.panel-approval-pw dd{margin:var(--space-1) 0 0;font-size:var(--text-md)}.ho-table td.panel-pw__cell{white-space:nowrap}.ho-table td.panel-pw__cell .panel-pw__value{font-size:var(--text-sm)}.panel-pw__batal{flex-direction:column;gap:2px;display:inline-flex}.panel-pw__batal .panel-pw__value{color:var(--color-text-faint);-webkit-user-select:none;user-select:none;text-decoration:line-through;text-decoration-thickness:1px}.panel-rekening{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.panel-rekening .panel-list{margin-top:var(--space-2)}.panel-rekening__baru{margin-top:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-strong);overflow-wrap:anywhere}.panel-pilih{margin:var(--space-2) 0 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.panel-pilih__item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-strong);cursor:pointer;transition:var(--transition-colors);display:flex}.panel-pilih__item:hover{background:var(--color-surface-hover)}.panel-pilih__item input{flex:none;margin-top:2px}.panel-pilih__item .ho-badge{margin-left:var(--space-2)}.panel-form-baru{gap:var(--space-3);flex-direction:column;display:flex}.panel-form-baru .ho-field{min-width:0}.panel-catatan{line-height:var(--leading-relaxed);color:var(--color-text-muted)!important}.panel-rekening__nama{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-strong);overflow-wrap:anywhere;flex-direction:column;gap:2px;display:flex}.panel-ubah{gap:var(--space-5);display:grid}.panel-ubah__nama{gap:var(--space-2);max-width:34rem;display:grid}.panel-ubah__efek{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.panel-ubah__efek--ubah{color:var(--status-warning-fg)}.panel-ubah__bar{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.panel-ubah__hitung{font-size:var(--text-xs);color:var(--color-text-faint);font-variant-numeric:tabular-nums}.panel-rek-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.panel-rek-list>li{animation:ho-rise var(--duration-base) var(--ease-out) both}.panel-rek-list>li:nth-child(2){animation-delay:25ms}.panel-rek-list>li:nth-child(3){animation-delay:50ms}.panel-rek-list>li:nth-child(4){animation-delay:75ms}.panel-rek-list>li:nth-child(5){animation-delay:.1s}.panel-rek-list>li:nth-child(6){animation-delay:.125s}.panel-rek-list>li:nth-child(7){animation-delay:.15s}.panel-rek-list>li:nth-child(n+8){animation-delay:.175s}.panel-rek{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-sunken);transition:var(--transition-colors), var(--transition-shadow), opacity var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);overflow:hidden}.panel-rek:hover:not(.panel-rek--mati){border-color:var(--color-border-strong)}.panel-rek--aktif{border-color:var(--color-border-strong);box-shadow:inset 2px 0 0 0 var(--color-text-strong)}.panel-rek--mati{opacity:.55}.panel-rek__head{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;grid-template-columns:auto auto minmax(4rem,1fr) auto minmax(6rem,1.2fr) auto;display:grid}.panel-rek--mati .panel-rek__head{cursor:default}.panel-rek__head input[type=checkbox]{width:15px;height:15px;accent-color:var(--color-text-strong)}.panel-rek__jenis{font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-faint);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:2px var(--space-2);white-space:nowrap}.panel-rek__bank{font-weight:var(--weight-semibold);color:var(--color-text-strong)}.panel-rek__no{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--color-text)}.panel-rek__holder{font-size:var(--text-sm);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel-rek__tanda{gap:var(--space-2);justify-self:end;display:flex}.panel-rek__catatan{padding:0 var(--space-4) var(--space-3) calc(var(--space-4) + 15px + var(--space-3));font-size:var(--text-xs);color:var(--color-text-faint);margin:0;line-height:1.5}.panel-rek__isi{gap:var(--space-4);padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface-sunken);display:grid}.panel-rek__form{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.panel-mode{border:1px solid var(--color-border);border-radius:var(--radius-md);justify-self:start;display:inline-flex;overflow:hidden}.panel-mode__btn{appearance:none;color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);cursor:pointer;transition:var(--transition-colors);background:0 0;border:0}.panel-mode__btn+.panel-mode__btn{border-left:1px solid var(--color-border)}.panel-mode__btn:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.panel-mode__btn--on,.panel-mode__btn--on:hover:not(:disabled){background:var(--color-accent);color:var(--color-accent-contrast)}.panel-mode__btn--bahaya,.panel-mode__btn--bahaya:hover:not(:disabled){background:var(--status-critical-fg);color:var(--color-surface)}.panel-rek--hapus{border-color:var(--status-critical-border);box-shadow:inset 2px 0 0 0 var(--status-critical-fg)}.panel-rek--hapus .panel-rek__bank,.panel-rek--hapus .panel-rek__no,.panel-rek--hapus .panel-rek__holder{text-decoration:line-through;-webkit-text-decoration-color:var(--status-critical-fg);text-decoration-color:var(--status-critical-fg);color:var(--color-text-muted)}.panel-rek__bahaya{font-size:var(--text-sm);color:var(--status-critical-fg);margin:0;line-height:1.55}.panel-ubah__bahaya{color:var(--status-critical-fg)}.panel-rek__input-no{font-variant-numeric:tabular-nums;letter-spacing:.02em}.panel-ubah__kaki{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.panel-ubah__ringkas{font-size:var(--text-sm);color:var(--color-text);margin:0}.panel-ubah__ringkas--kosong{color:var(--color-text-faint)}.panel-ubah__kaki .panel-actions{margin:0}@media (width<=40rem){.panel-rek__head{row-gap:var(--space-1);grid-template-columns:auto 1fr}.panel-rek__jenis,.panel-rek__bank,.panel-rek__no,.panel-rek__holder,.panel-rek__tanda{grid-column:2;justify-self:start}}.panel-coret{text-decoration:line-through;-webkit-text-decoration-color:var(--status-critical-fg);text-decoration-color:var(--status-critical-fg);color:var(--color-text-muted)}.panel-rekening__hapus{gap:var(--space-1);margin:var(--space-3) 0 0;padding:var(--space-3);border:1px solid var(--status-critical-border);border-radius:var(--radius-md);background:var(--status-critical-bg);color:var(--status-critical-fg);font-size:var(--text-sm);line-height:1.5;display:grid}.panel-rek--baru{border-style:dashed}.panel-rek--baru .panel-rek__head{cursor:default}.panel-rek--baru .panel-rek__jenis{color:var(--color-text);border-color:var(--color-border-strong)}.panel-pw__siap{align-items:center;gap:var(--space-2);animation:ho-rise var(--duration-slow) var(--ease-out) both;flex-wrap:wrap;display:inline-flex}.panel-pw__manual{min-width:18rem;font-size:var(--text-xs);flex-basis:100%;line-height:1.5}.panel-antrean{gap:var(--space-3);animation:ho-rise var(--duration-base) var(--ease-out) both;display:grid}.panel-antrean+.panel-antrean{margin-top:var(--space-6);animation-delay:80ms}.panel-antrean__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.panel-antrean__head h2{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-strong);margin:0}.panel-antrean__jumlah{font-size:var(--text-xs);color:var(--color-text-faint);font-variant-numeric:tabular-nums}.panel-antrean__catatan{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.55}.panel-kartu__kaki{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.panel-antrean .panel-kartu{margin:0}.panel-antrean .panel-kartu:nth-child(2){animation-delay:25ms}.panel-antrean .panel-kartu:nth-child(3){animation-delay:50ms}.panel-antrean .panel-kartu:nth-child(4){animation-delay:75ms}.panel-antrean .panel-kartu:nth-child(n+5){animation-delay:.1s}.panel-riwayat--aktif{background:var(--color-surface-sunken)}.panel-riwayat__aksi{text-align:right;white-space:nowrap}.panel-aktifkan{gap:var(--space-3);margin:var(--space-3) 0;padding:var(--space-3);border:1px solid var(--status-warning-border);border-radius:var(--radius-md);background:var(--status-warning-bg);font-size:var(--text-sm);cursor:pointer;align-items:flex-start;line-height:1.55;display:flex}.panel-aktifkan input{margin-top:.2rem}.panel-aktifkan__ket{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);display:block}.panel-rekening__aktifkan{gap:var(--space-1);margin:var(--space-3) 0 0;padding:var(--space-3);border:1px solid var(--status-warning-border);border-radius:var(--radius-md);background:var(--status-warning-bg);color:var(--status-warning-fg);font-size:var(--text-sm);flex-direction:column;line-height:1.55;display:flex}.panel-mode{margin-bottom:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);gap:2px;padding:2px;display:inline-flex}.panel-mode__pilih{padding:var(--space-1) var(--space-3);border-radius:calc(var(--radius-md) - 2px);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:var(--transition-colors);background:0 0;border:0}.panel-mode__pilih:hover{color:var(--color-text-strong)}.panel-mode__pilih--aktif{background:var(--color-surface);color:var(--color-text-strong);box-shadow:var(--shadow-xs)}.panel-pemilik{margin:0;padding:0;list-style:none}.panel-pemilik li{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:flex}.panel-pemilik li:last-child{border-bottom:0}.panel-pemilik--mirip li{color:var(--color-text-muted);font-size:var(--text-sm)}.panel-cashback__nama{font-weight:var(--weight-medium);display:block}.panel-cashback__tgl{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;display:block}.panel-approval-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.panel-chime-toggle{font-size:var(--text-xs);flex:none}.panel-exec{margin-top:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.panel-exec__row{justify-content:space-between;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.panel-exec__time{font-variant-numeric:tabular-nums}.panel-exec__bar{border-radius:var(--radius-pill);background:var(--color-surface-sunken);height:6px;overflow:hidden}.panel-exec__bar span{border-radius:inherit;background:var(--color-text-muted);height:100%;transition:width var(--duration-slow) var(--ease-standard);display:block}.panel-exec--antre .panel-exec__bar span,.panel-exec--jalan .panel-exec__bar span{background-image:linear-gradient(90deg,#0000 0,#ffffff40 50%,#0000 100%);background-size:200% 100%;background-color:var(--color-text-muted);animation:1.4s linear infinite panel-exec-shimmer}.panel-exec--selesai .panel-exec__bar span{background:var(--status-positive-fg)}.panel-exec--selesai .panel-exec__label{color:var(--status-positive-fg);font-weight:var(--weight-medium)}.panel-exec--gagal .panel-exec__bar span{background:var(--status-critical-fg)}.panel-exec--gagal .panel-exec__label,.panel-exec__error{color:var(--status-critical-fg)}.panel-exec__error{font-size:var(--text-xs);margin:0}@keyframes panel-exec-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.panel-aksi-baris{text-align:right;white-space:nowrap}.panel-aksi-baris>*+*{margin-left:var(--space-2)}.panel-batal{flex-direction:column;align-items:flex-end;gap:2px;display:inline-flex}.panel-batal--yakin{border-color:var(--status-critical-border);background:var(--status-critical-bg);color:var(--status-critical-fg)}.panel-rk{flex-direction:column;gap:2px;line-height:1.35;display:flex}.panel-rk__line{gap:var(--space-2);font-variant-numeric:tabular-nums;display:flex}.panel-rk__bank{min-width:64px;font-weight:var(--weight-medium)}.panel-rk__an{font-size:var(--text-xs);color:var(--color-text-muted)}.panel-rk .ho-badge{margin-top:var(--space-1)}.panel-status-alasan{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px;display:block}.panel-batal__btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.ho-table td.panel-ket{white-space:normal;max-width:280px;font-size:var(--text-xs);color:var(--color-text-muted)}.panel-vd{gap:var(--space-5);flex-direction:column;display:flex}.panel-vd__nama{flex-direction:column;gap:2px;display:flex}.panel-vd__judul{margin:0 0 var(--space-2);font-size:var(--text-2xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-faint)}.panel-vd__judul--hapus{color:var(--status-critical-fg)}.panel-vd__lama{color:var(--color-text-muted)}.panel-vd__sub{font-size:var(--text-xs);color:var(--color-text-muted);display:block}.panel-vd__list{gap:var(--space-1);font-size:var(--text-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.panel-vd__list li{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.panel-vd__list--hapus li{border-color:var(--status-critical-border);color:var(--status-critical-fg);text-decoration:line-through}.panel-vd__note{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.panel-vd__note--bad{color:var(--status-critical-fg)}.panel-sop{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);flex-direction:column;gap:2px;display:flex}.panel-sop--kena{border:1px solid var(--status-warning-border);background:var(--status-warning-bg);color:var(--status-warning-fg)}.panel-sop__judul{font-weight:var(--weight-semibold)}.panel-sop__pesan{color:var(--color-text)}.panel-sop--none{width:fit-content;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-xs)}@media (width<=640px){.panel-query{align-items:stretch;gap:var(--space-3);flex-direction:column}.panel-query__field{flex:auto;max-width:none}.panel-query>.ho-button{width:100%;height:var(--touch-min);min-width:0}.panel-query__hint{margin-top:0}.panel-hint{flex-wrap:wrap}.panel-mode{width:100%;display:flex}.panel-mode__pilih{flex:1 1 0;min-height:40px}.panel-identity__name,.panel-facts dd,.panel-rek__no,.panel-rek__holder,.panel-rekening__baru,.panel-rk__line,.panel-remark{overflow-wrap:anywhere;white-space:normal;text-overflow:clip;overflow:visible}.panel-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-actions{flex-direction:column;align-items:stretch}.panel-actions .ho-button{width:100%;min-height:var(--touch-min)}.panel-ubah__kaki{bottom:var(--vv-offset,0px);z-index:5;margin:0 calc(-1 * var(--space-4)) calc(-1 * var(--space-4));padding:var(--space-3) var(--space-4) calc(var(--space-3) + var(--safe-bottom));border-radius:0 0 var(--radius-xl) var(--radius-xl);background:var(--color-surface);flex-direction:column;align-items:stretch;position:sticky}.panel-ubah__kaki .panel-actions{width:100%}.panel-kartu__kaki .panel-actions{gap:var(--space-3)}.panel-kartu__kaki .panel-actions .ho-button:not(.ho-button--primary){margin-top:var(--space-2)}.panel-approval-head{flex-direction:column;align-items:stretch}.panel-ubah__bar{align-items:flex-start;gap:var(--space-1);flex-direction:column}}.bench-page{padding:var(--space-8);max-width:var(--content-max)}.bench-page__header{margin-bottom:var(--space-6)}.bench-page__subtitle{margin-top:var(--space-1);font-size:var(--text-base);color:var(--color-text-muted);max-width:60ch;line-height:var(--leading-normal)}.bench-drop{padding:var(--space-8);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;text-align:center;transition:var(--transition-colors);justify-content:center;align-items:center;display:flex;position:relative}.bench-drop:hover,.bench-drop--active{border-color:var(--color-accent);background:var(--color-surface-hover)}.bench-drop__input{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bench-drop:has(.bench-drop__input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.bench-drop:has(.bench-drop__input:disabled){cursor:default;opacity:.7}.bench-drop__hint{font-size:var(--text-base);color:var(--color-text-muted);max-width:52ch;line-height:var(--leading-normal)}.bench-headline{margin-top:var(--space-5);padding:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-sunken);font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--color-text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.bench-headline strong{color:var(--color-text-strong)}.bench-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.bench-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs);margin-top:var(--space-4)}.bench-grid .bench-card{margin-top:0}.bench-card__label{font-size:var(--text-2xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-faint);margin-bottom:var(--space-3)}.bench-stats{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.bench-stats>div{justify-content:space-between;gap:var(--space-3);align-items:baseline;display:flex}.bench-stats dt{font-size:var(--text-sm);color:var(--color-text-muted)}.bench-stats dd{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-strong);font-variant-numeric:tabular-nums;text-align:right;margin:0}.bench-headers{gap:var(--space-1);flex-wrap:wrap;display:flex}.bench-header-chip{font-size:var(--text-xs);padding:1px var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface-sunken);color:var(--color-text-strong)}.bench-pre{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-sunken);border:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre;color:var(--color-text);margin:0;overflow-x:auto}.bench-note{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.bench-error{margin-top:var(--space-4);font-size:var(--text-base);color:var(--status-critical-fg);background:var(--status-critical-bg);border:1px solid var(--status-critical-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.score-settings-page{padding:var(--space-8);max-width:1000px}.score-settings-page__header{margin-bottom:var(--space-6)}.score-settings-page__subtitle{margin-top:var(--space-1);font-size:var(--text-base);color:var(--color-text-muted)}.score-settings-page__muted{font-size:var(--text-base);color:var(--color-text-muted);animation:ho-fade-in var(--duration-slow) var(--ease-standard) both}.score-settings-page__error{font-size:var(--text-base);color:var(--status-critical-fg);background:var(--status-critical-bg);border:1px solid var(--status-critical-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:0 0 var(--space-4)}.score-active{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:var(--space-5);margin-bottom:var(--space-8);animation:ho-fade-rise var(--duration-slow) var(--ease-out) both}.score-active__title{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.score-active__title h2{font-size:var(--text-lg)}.score-meta{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:0;display:grid}.score-meta dt{font-size:var(--text-2xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-faint);margin-bottom:var(--space-1)}.score-meta dd{font-size:var(--text-base);color:var(--color-text-strong);margin:0}.score-meta__hint{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4;display:block}.score-active__notes{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted)}.score-section{margin-bottom:var(--space-8)}.score-section h2{font-size:var(--text-md);margin-bottom:var(--space-3)}.score-formula{margin-top:var(--space-3);font-size:var(--text-sm);overflow-x:auto}.score-weight-table,.score-band-table,.score-history-table{width:100%;font-size:var(--text-base)}.score-weight-table th,.score-weight-table td,.score-band-table th,.score-band-table td,.score-history-table th,.score-history-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.score-weight-table th,.score-band-table th,.score-history-table th{font-weight:var(--weight-medium);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-faint);background:var(--color-surface-sunken)}.score-weight-table td,.score-band-table td,.score-history-table td{color:var(--color-text-strong)}.score-weight-table{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.score-weight-table tbody tr{transition:var(--transition-colors)}.score-weight-table tbody tr:hover{background:var(--color-surface-hover)}.score-weight-table tbody tr:last-child td{border-bottom:none}.score-weight-table__total td,.score-weight-table__total:hover{font-weight:var(--weight-semibold);color:var(--color-text-strong);background:var(--color-surface-sunken);border-top:1px solid var(--color-border-strong)}.score-component-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(290px,1fr));display:grid}.score-component{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:var(--space-4);transition:var(--transition-shadow), var(--transition-colors)}.score-component:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.score-component__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.score-component__header h3{font-size:var(--text-md);font-weight:var(--weight-medium)}.score-weight-badge{font-size:var(--text-xs);font-weight:var(--weight-medium);padding:1px var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface-sunken);color:var(--color-text-strong);white-space:nowrap;font-variant-numeric:tabular-nums}.score-component__input{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);line-height:var(--leading-normal)}.score-component__note{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-3)}.score-component__open{font-size:var(--text-sm);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px dashed var(--color-border-strong);color:var(--color-text-muted)}.score-band-table{border-top:1px solid var(--color-border)}.score-band-table td{white-space:nowrap}.score-band-table tbody tr{transition:var(--transition-colors)}.score-band-table tbody tr:hover{background:var(--color-surface-hover)}.score-band-table tbody tr:last-child td{border-bottom:none}.score-history__scroll{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow-x:auto}.score-history-table{white-space:nowrap}.score-history-table tbody tr{transition:var(--transition-colors)}.score-history-table tbody tr:hover{background:var(--color-surface-hover)}.score-history-table tbody tr:last-child td{border-bottom:none}.score-active-marker{margin-left:var(--space-2);font-size:var(--text-2xs);font-weight:var(--weight-medium);padding:1px var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface-sunken);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.score-status{padding:1px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;border:1px solid var(--status-neutral-border);background:var(--status-neutral-bg);color:var(--status-neutral-fg);transition:var(--transition-colors);line-height:1.5;display:inline-block}.score-status--published{color:var(--status-positive-fg);background:var(--status-positive-bg);border-color:var(--status-positive-border)}.score-status--draft{color:var(--status-warning-fg);background:var(--status-warning-bg);border-color:var(--status-warning-border)}.score-status--critical{color:var(--status-critical-fg);background:var(--status-critical-bg);border-color:var(--status-critical-border)}.score-notice{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--status-positive-border);background:var(--status-positive-bg);color:var(--status-positive-fg);font-size:var(--text-base)}.score-draft,.score-draft-new{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin-bottom:var(--space-3)}.score-draft__head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--color-text-strong);flex-wrap:wrap;display:flex}.score-actions{align-items:flex-end;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.score-field{gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);flex-direction:column;display:flex}.score-input{font-size:var(--text-base);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-strong);transition:var(--transition-colors)}.score-editor-bar{align-items:center;gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);z-index:1;flex-wrap:wrap;display:flex;position:sticky;top:0}.score-inline-field{align-items:center;gap:var(--space-2);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-faint);white-space:nowrap;display:flex}.score-input--sm{width:76px;padding:2px var(--space-2);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.score-actions--footer{border-top:1px solid var(--color-border);padding-top:var(--space-3)}.score-icon-button{width:24px;height:24px;font-size:var(--text-md);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-muted);transition:var(--transition-colors);justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.score-icon-button:hover:not(:disabled){color:var(--status-critical-fg);border-color:var(--status-critical-border);background:var(--status-critical-bg)}.score-icon-button:disabled{opacity:.4}.score-component .score-band-table th,.score-component .score-band-table td{padding:var(--space-1) var(--space-2);white-space:nowrap}.score-component-grid--editable{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.score-band-scroll{max-width:100%;overflow-x:auto}.score-grades{margin-top:var(--space-4)}.score-metric{border-top:1px solid var(--color-border);padding-top:var(--space-3);margin-top:var(--space-3)}.score-metric:first-of-type{border-top:none;margin-top:0;padding-top:0}.score-metric__header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.score-metric__header h4{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-strong);margin:0}.display-settings{padding:var(--space-8);max-width:var(--content-max)}.display-settings__header{margin-bottom:var(--space-6)}.display-settings__subtitle{margin-top:var(--space-1);font-size:var(--text-base);color:var(--color-text-muted)}.display-settings__muted{font-size:var(--text-base);color:var(--color-text-muted)}.display-settings__notice{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--status-positive-border);background:var(--status-positive-bg);color:var(--status-positive-fg);font-size:var(--text-base)}.display-settings__error{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--status-critical-border);background:var(--status-critical-bg);color:var(--status-critical-fg);font-size:var(--text-base)}.display-settings__panel{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.display-settings__panel-head{margin-bottom:var(--space-3)}.display-settings__panel-head h2{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text-strong);margin:0}.display-settings__note{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-text-muted);max-width:68ch}.display-settings__scroll{overflow-x:auto}.display-settings__table{width:100%;font-size:var(--text-sm);white-space:nowrap}.display-settings__table th,.display-settings__table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:middle}.display-settings__table th{font-weight:var(--weight-medium);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-faint)}.display-settings__table td{color:var(--color-text-strong)}.display-settings__table tbody tr:last-child td{border-bottom:none}.display-settings__key{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.display-settings__status{padding:1px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-medium);border:1px solid var(--status-positive-border);background:var(--status-positive-bg);color:var(--status-positive-fg);line-height:1.5;display:inline-block}.display-settings__status--hidden{border-color:var(--status-neutral-border);background:var(--status-neutral-bg);color:var(--status-neutral-fg)}.data-mapping-page{padding:var(--space-8);max-width:var(--content-max)}.data-mapping-page__header{margin-bottom:var(--space-6)}.data-mapping-page__subtitle{margin-top:var(--space-1);font-size:var(--text-base);color:var(--color-text-muted)}.data-mapping-page__muted{font-size:var(--text-base);color:var(--color-text-muted);animation:ho-fade-in var(--duration-slow) var(--ease-standard) both}.data-mapping-page__error{font-size:var(--text-base);color:var(--status-critical-fg);background:var(--status-critical-bg);border:1px solid var(--status-critical-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:0 0 var(--space-4)}.data-mapping-table__scroll{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);animation:ho-fade-rise var(--duration-slow) var(--ease-out) both;overflow-x:auto}.data-mapping-table{width:100%;font-size:var(--text-base);white-space:nowrap}.data-mapping-table th,.data-mapping-table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.data-mapping-table th{font-weight:var(--weight-medium);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-faint);background:var(--color-surface-sunken)}.data-mapping-table td{color:var(--color-text-strong)}.data-mapping-table tbody tr{transition:var(--transition-colors)}.data-mapping-table tbody tr:hover{background:var(--color-surface-hover)}.data-mapping-table tbody tr:last-child td{border-bottom:none}.data-mapping-status{padding:1px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;border:1px solid var(--status-neutral-border);background:var(--status-neutral-bg);color:var(--status-neutral-fg);transition:var(--transition-colors);line-height:1.5;display:inline-block}.data-mapping-status--active{color:var(--status-positive-fg);background:var(--status-positive-bg);border-color:var(--status-positive-border)}.data-mapping-form{margin-bottom:var(--space-5);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.data-mapping-form h2{margin:0 0 var(--space-3);font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text-strong)}.data-mapping-form__row{gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;display:flex}.data-mapping-form__note{margin:var(--space-3) 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.data-mapping-field{gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);flex-direction:column;min-width:170px;display:flex}.data-mapping-input{font-size:var(--text-base);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-strong);transition:var(--transition-colors)}.data-mapping-page__notice{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--status-positive-border);background:var(--status-positive-bg);color:var(--status-positive-fg);font-size:var(--text-base)}.data-mapping-actions{align-items:center;gap:var(--space-2);white-space:nowrap;display:flex}.data-mapping-confirm{font-size:var(--text-xs);color:var(--status-critical-fg)}.data-mapping-field__hint{font-size:var(--text-xs);color:var(--status-warning-fg);max-width:26ch}.data-mapping-inactive{margin-top:var(--space-6)}.data-mapping-inactive h2{margin:0 0 var(--space-1);font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text-strong)}.data-mapping-inactive__note{margin:0 0 var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted)}.data-mapping-inactive .data-mapping-table td{color:var(--color-text-muted)}.users-page{padding:var(--space-8);max-width:var(--content-max)}.users-page__header{margin-bottom:var(--space-6)}.users-page__subtitle{margin-top:var(--space-1);font-size:var(--text-base);color:var(--color-text-muted)}.users-page__muted{font-size:var(--text-base);color:var(--color-text-muted)}.users-page__notice,.users-page__error{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base)}.users-page__notice{border:1px solid var(--status-positive-border);background:var(--status-positive-bg);color:var(--status-positive-fg)}.users-page__error{border:1px solid var(--status-critical-border);background:var(--status-critical-bg);color:var(--status-critical-fg)}.users-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.users-card__head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.users-card__head h2{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text-strong);margin:0}.users-card__pad{padding:var(--space-5)}.users-table__scroll{scrollbar-width:none;overflow-x:auto}.users-table__scroll::-webkit-scrollbar{display:none}.users-table{width:100%;font-size:var(--text-sm);white-space:nowrap;border-collapse:collapse}.users-table th,.users-table td{text-align:left;padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);vertical-align:middle}.users-table th{font-weight:var(--weight-medium);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-faint);background:var(--color-surface-sunken);padding-top:10px;padding-bottom:10px}.users-table td{color:var(--color-text-strong)}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr{transition:var(--transition-colors)}.users-table tbody tr:hover{background:var(--color-surface-hover)}.users-table__name{font-weight:var(--weight-medium)}.users-avatar{width:28px;height:28px;margin-right:var(--space-3);vertical-align:middle;border:1px solid var(--color-border-strong);background:var(--color-surface-sunken);font-size:11px;font-weight:var(--weight-medium);letter-spacing:.02em;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.users-table__name-text{vertical-align:middle}.users-table__email{font-size:var(--text-sm);color:var(--color-text-muted)}.users-table__none{color:var(--color-text-faint)}.users-table__actions{text-align:right}.users-handler-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-surface-sunken);border:1px solid var(--color-border);padding:1px var(--space-2);border-radius:var(--radius-md)}.users-access{font-size:var(--text-xs);color:var(--color-text-muted)}.users-access__badge{padding:1px var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--status-warning-border);background:var(--status-warning-bg);color:var(--status-warning-fg);font-weight:var(--weight-medium);display:inline-block}.users-row2{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.users-field{margin-bottom:var(--space-4);display:block}.users-field>span:first-child{font-size:var(--text-2xs);font-weight:var(--weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:var(--tracking-wide);display:block}.users-field input,.users-field select{background:var(--color-surface-sunken);border:1px solid var(--color-border-strong);width:100%;color:var(--color-text-strong);font-size:var(--text-base);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:var(--transition-colors);box-sizing:border-box;height:2.75rem;line-height:1.4}.users-field__hint{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:var(--space-1);display:block}.users-pass{display:block;position:relative}.users-pass__toggle{right:var(--space-2);color:var(--color-text-faint);font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);padding:var(--space-1);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.users-pass__toggle:hover{color:var(--color-text-strong)}.users-divider{background:var(--color-border);height:1px;margin:var(--space-5) 0 var(--space-4)}.users-access__head{justify-content:space-between;align-items:baseline;display:flex}.users-access__head h4{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-strong);margin:0}.users-reset{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-1);border-radius:var(--radius-md);transition:var(--transition-colors);background:0 0;border:none}.users-reset:hover:not(:disabled){color:var(--color-text-strong);background:var(--color-surface-hover)}.users-access__note{margin:var(--space-1) 0 var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted)}.users-module{margin-bottom:var(--space-3)}.users-module summary{font-size:var(--text-2xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-faint);cursor:pointer;padding:var(--space-2) 0;-webkit-user-select:none;user-select:none;align-items:center;gap:var(--space-2);list-style:none;display:flex}.users-module summary::-webkit-details-marker{display:none}.users-module summary:before{content:"▸";transition:transform var(--duration-fast) var(--ease-standard);font-size:9px}.users-module[open] summary:before{transform:rotate(90deg)}.users-perm{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-1) var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:var(--transition-colors);display:flex}.users-perm:hover{background:var(--color-surface-hover)}.users-perm input[type=checkbox]{width:16px;min-width:16px;height:16px;accent-color:var(--color-accent);margin-top:2px}.users-perm__text{flex:1;min-width:0}.users-perm__name{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-strong);display:block}.users-perm__desc{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:1px;display:block}.users-flag{font-size:var(--text-2xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);padding:1px var(--space-2);border-radius:var(--radius-md);white-space:nowrap;margin-top:1px}.users-flag--added{background:var(--status-positive-bg);color:var(--status-positive-fg);border:1px solid var(--status-positive-border)}.users-flag--removed{background:var(--status-critical-bg);color:var(--status-critical-fg);border:1px solid var(--status-critical-border)}.users-admin-actions{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border);gap:var(--space-4);flex-direction:column;display:flex}.users-admin-action__row{gap:var(--space-2);margin-top:var(--space-2);align-items:center;display:flex}.users-danger{padding:var(--space-4);border:1px solid var(--status-critical-border);background:var(--status-critical-bg);border-radius:var(--radius-lg)}.users-danger h5{margin:0 0 var(--space-1);font-size:var(--text-2xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--status-critical-fg)}.users-danger p{margin:0 0 var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.users-danger p strong{font-family:var(--font-mono);color:var(--color-text-strong);font-weight:var(--weight-medium)}.users-danger__confirm{width:100%;font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--status-critical-border);background:var(--color-surface);color:var(--color-text-strong)}.users-field input:disabled{opacity:.75;cursor:default}.users-groups{padding-bottom:var(--space-2)}.users-table--grouped{table-layout:fixed}.users-table--grouped th,.users-table--grouped td{text-overflow:ellipsis;overflow:hidden}.users-table--grouped thead th,.users-group{border-bottom:1px solid var(--color-border)}.users-group:last-child{border-bottom:none}.users-group>summary{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--color-border);transition:var(--transition-colors);list-style:none;display:flex}.users-group>summary::-webkit-details-marker{display:none}.users-group>summary:before{content:"▸";color:var(--color-text-faint);transition:transform var(--duration-fast) var(--ease-standard);font-size:9px}.users-group[open]>summary:before{transform:rotate(90deg)}.users-group>summary:hover{background:var(--color-surface-active)}.users-group__name{font-size:var(--text-2xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted)}.users-group__count{border-radius:var(--radius-pill);background:var(--color-surface-sunken);border:1px solid var(--color-border);text-align:center;min-width:18px;color:var(--color-text-muted);font-variant-numeric:tabular-nums;padding:0 6px;font-size:10px;line-height:16px}.users-empty-roles{padding:var(--space-3) var(--space-5);align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-faint);border-top:1px solid var(--color-border);flex-wrap:wrap;margin:0;display:flex}.users-empty-roles__tag{padding:1px var(--space-2);border-radius:var(--radius-pill);border:1px dashed var(--color-border-strong);color:var(--color-text-muted)}.users-group__empty{padding:var(--space-3) var(--space-5) var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);margin:0}