@font-face{font-family:Red Hat Text Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/red-hat-text-latin-ext-wght-normal-BYbCslLJ.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Red Hat Text Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/red-hat-text-latin-wght-normal-ZHr5wXre.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--surface-1:#FFFFFF;--surface-2:#F5F2EF;--surface-3:#F2F0ED;--surface-tint:#FCF9F7;--plane:#FAF9F7;--sidebar-bg:#7A1524;--sidebar-grad:linear-gradient(166deg,#7A1524 0%,#211012 100%);--sidebar-fg:#D9B9BC;--sidebar-fg-active:#FFFFFF;--sidebar-group:rgba(255,255,255,.88);--text-primary:#242220;--text-strong:#171A18;--text-secondary:#545454;--muted:#7C746E;--border:rgba(36,34,32,.1);--border-strong:rgba(36,34,32,.18);--grid:#E6E2DD;--brand:#C8102E;--brand-hover:#A80D26;--brand-deep:#7A1524;--brand-black:#211012;--judul:#5A121D;--btn-utama:#7A1524;--btn-utama-hover:#5A121D;--btn-utama-tepi:#7A1524;--btn-utama-fg:#FFFFFF;--brand-light:#E8919B;--brand-muted:#B08A88;--brand-soft:#F9E3E6;--brand-soft-2:#F2D4D9;--grad-hero:linear-gradient(166deg,#7A1524 0%,#211012 100%);--thead-bg:#7A1524;--thead-grad:linear-gradient(90deg,#7A1524 0%,#4A0D18 100%);--thead-bg-hover:#8E1A2B;--thead-bg-aktif:#9A2030;--thead-fg:#FFFFFF;--thead-fg-dim:rgba(255,255,255,.72);--thead-line:rgba(255,255,255,.16);--brand-ink:#FFFFFF;--good:#2D754B;--good-soft:#DEEDE0;--warning:#8B610F;--warning-soft:#F2EBE1;--serious:#A8613C;--serious-soft:#EBE0D8;--critical:#B00D28;--critical-soft:#F7DCE0;--info:#466C8E;--info-soft:#E4ECF2;--acc-1:#C8102E;--tint-1:#F9E3E6;--acc-2:#D690B3;--tint-2:#F2E6EC;--acc-3:#7AA5C9;--tint-3:#E4ECF2;--acc-4:#956BAD;--tint-4:#EDDFF5;--acc-5:#8CB0B2;--tint-5:#E5F2F2;--acc-6:#C6A673;--tint-6:#F2EBE1;--acc-7:#A58979;--tint-7:#E8E0DC;--c1:#C8102E;--c2:#0B6DB8;--c3:#B07A12;--seq-1:#FCEBEE;--seq-2:#F5C6CD;--seq-3:#E88E9B;--seq-4:#D4485E;--seq-5:#C8102E;--chart-grid:#EBE7E3;--chart-axis:#B8B0AA;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:500px;--shadow-1:none;--shadow-2:0 4px 16px rgba(36,34,32,.1);--shadow-3:0 18px 44px rgba(36,34,32,.16);--ring:0 0 0 3px rgba(200,16,46,.26);--sidebar-w:236px;--sidebar-w-collapsed:64px;--topbar-h:56px;--font:"Red Hat Text Variable","Red Hat Text",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-num:"Red Hat Text Variable","Red Hat Text",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace}@media(prefers-color-scheme:dark){:root:where(:not([data-theme=light])){color-scheme:dark;--surface-1:#1F1B1A;--surface-2:#2A2523;--surface-3:#2A2523;--surface-tint:#231E1D;--plane:#151211;--sidebar-bg:#211012;--sidebar-grad:linear-gradient(166deg,#3A1418 0%,#160C0D 100%);--sidebar-fg:#A9999A;--sidebar-fg-active:#FFFFFF;--text-primary:#F7F4F1;--text-strong:#FFFFFF;--text-secondary:#C7BFB8;--muted:#948B84;--border:rgba(255,255,255,.1);--border-strong:rgba(255,255,255,.2);--grid:#332C2A;--brand:#EE4257;--brand-hover:#F4697A;--brand-deep:#7A1524;--brand-light:#F0A4AC;--judul:#F0A4AC;--brand-soft:#3A161C;--brand-soft-2:#4A1B22;--brand-ink:#211012;--good:#4FA873;--warning:#D2A33E;--serious:#D08659;--critical:#EE4257;--info:#7FA6C6;--good-soft:#16301F;--warning-soft:#332811;--serious-soft:#331F14;--critical-soft:#3A161C;--info-soft:#182633;--tint-1:#3A161C;--tint-2:#33222B;--tint-3:#1E2A33;--tint-4:#2A2135;--tint-5:#1D2A2A;--tint-6:#332C1F;--tint-7:#2E2622;--c1:#F2536A;--c2:#3E92D0;--c3:#B8892A;--seq-1:#3A161C;--seq-2:#5E2028;--seq-3:#8A2B36;--seq-4:#C03145;--seq-5:#EE4257;--chart-grid:#332C2A;--chart-axis:#5C524F;--thead-bg:#5A121D;--thead-bg-hover:#6E1726;--thead-bg-aktif:#7C1B2C;--thead-grad:linear-gradient(90deg,#5A121D 0%,#2C0710 100%);--btn-utama:#7A1524;--btn-utama-hover:#8E1A2B;--btn-utama-fg:#FFFFFF;--btn-utama-tepi:rgba(255,255,255,.26);--thead-fg:#FFFFFF;--thead-fg-dim:rgba(255,255,255,.7);--thead-line:rgba(255,255,255,.14);--shadow-1:none;--shadow-2:0 4px 16px rgba(0,0,0,.5);--shadow-3:0 18px 44px rgba(0,0,0,.6)}}:root[data-theme=dark]{color-scheme:dark;--surface-1:#1F1B1A;--surface-2:#2A2523;--surface-3:#2A2523;--surface-tint:#231E1D;--plane:#151211;--sidebar-bg:#211012;--sidebar-grad:linear-gradient(166deg,#3A1418 0%,#160C0D 100%);--sidebar-fg:#A9999A;--sidebar-fg-active:#FFFFFF;--text-primary:#F7F4F1;--text-strong:#FFFFFF;--text-secondary:#C7BFB8;--muted:#948B84;--border:rgba(255,255,255,.1);--border-strong:rgba(255,255,255,.2);--grid:#332C2A;--brand:#EE4257;--brand-hover:#F4697A;--brand-deep:#7A1524;--brand-light:#F0A4AC;--judul:#F0A4AC;--brand-soft:#3A161C;--brand-soft-2:#4A1B22;--brand-ink:#211012;--good:#4FA873;--warning:#D2A33E;--serious:#D08659;--critical:#EE4257;--info:#7FA6C6;--good-soft:#16301F;--warning-soft:#332811;--serious-soft:#331F14;--critical-soft:#3A161C;--info-soft:#182633;--tint-1:#3A161C;--tint-2:#33222B;--tint-3:#1E2A33;--tint-4:#2A2135;--tint-5:#1D2A2A;--tint-6:#332C1F;--tint-7:#2E2622;--c1:#F2536A;--c2:#3E92D0;--c3:#B8892A;--seq-1:#3A161C;--seq-2:#5E2028;--seq-3:#8A2B36;--seq-4:#C03145;--seq-5:#EE4257;--chart-grid:#332C2A;--chart-axis:#5C524F;--thead-bg:#5A121D;--thead-bg-hover:#6E1726;--thead-bg-aktif:#7C1B2C;--thead-grad:linear-gradient(90deg,#5A121D 0%,#2C0710 100%);--btn-utama:#7A1524;--btn-utama-hover:#8E1A2B;--btn-utama-fg:#FFFFFF;--btn-utama-tepi:rgba(255,255,255,.26);--thead-fg:#FFFFFF;--thead-fg-dim:rgba(255,255,255,.7);--thead-line:rgba(255,255,255,.14);--shadow-1:none;--shadow-2:0 4px 16px rgba(0,0,0,.5);--shadow-3:0 18px 44px rgba(0,0,0,.6)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--plane);color:var(--text-primary);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:22px}h2{font-size:16px}h3{font-size:14px}h4{font-size:13px}p{margin:0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}hr{border:0;border-top:1px solid var(--border);margin:16px 0}code,kbd{font-family:var(--font-mono);font-size:.9em}::selection{background:var(--brand);color:#fff}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.u-muted{color:var(--muted)}.u-secondary{color:var(--text-secondary)}.u-num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.u-right{text-align:right}.u-center{text-align:center}.u-nowrap{white-space:nowrap}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-row{display:flex;align-items:center;gap:8px}.u-row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.u-col{display:flex;flex-direction:column;gap:8px}.u-wrap{flex-wrap:wrap}.u-grow{flex:1}.u-hide{display:none!important}.u-mt-0{margin-top:0}.u-mt-1{margin-top:8px}.u-mt-2{margin-top:16px}.u-mt-3{margin-top:24px}.u-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.eyebrow{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted)}.eyebrow--brand{color:var(--brand)}.headline em{font-style:normal;color:var(--brand)}.headline{letter-spacing:-.02em}.acc-1{--acc:var(--acc-1);--tint:var(--tint-1)}.acc-2{--acc:var(--acc-2);--tint:var(--tint-2)}.acc-3{--acc:var(--acc-3);--tint:var(--tint-3)}.acc-4{--acc:var(--acc-4);--tint:var(--tint-4)}.acc-5{--acc:var(--acc-5);--tint:var(--tint-5)}.acc-6{--acc:var(--acc-6);--tint:var(--tint-6)}.acc-7{--acc:var(--acc-7);--tint:var(--tint-7)}.panel-tint{background:var(--tint,var(--surface-2));border-radius:var(--r-xl);padding:16px}.badge--acc{background:var(--tint,var(--surface-2));color:var(--acc,var(--text-secondary))}.bar-acc{background:var(--acc,var(--brand))}.dot-acc{width:9px;height:9px;border-radius:50%;background:var(--acc,var(--brand));display:inline-block;flex:none}.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.checklist li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px}.checklist li:before{content:"✓";flex:none;width:18px;height:18px;border-radius:50%;margin-top:1px;background:var(--acc,var(--brand));color:#fff;font-size:10px;line-height:18px;text-align:center;font-weight:700}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:none;color:var(--sidebar-fg);background:var(--sidebar-bg);background-image:var(--sidebar-grad);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;transition:width .18s ease}.sidebar__brand{height:var(--topbar-h);display:flex;align-items:center;gap:10px;padding:0 16px;color:#fff;font-weight:600;font-size:14.5px;letter-spacing:-.01em;flex:none;border-bottom:1px solid rgba(255,255,255,.07)}.sidebar__brand .mark{width:26px;height:26px;flex:none;border-radius:7px;display:grid;place-items:center;background:#fff;color:var(--brand-deep);font-size:13px;font-weight:700}.sidebar__toggle{--rot:0deg;margin-left:auto;width:32px;height:32px;flex:none;border:0;cursor:pointer;border-radius:9px;background:#ffffff1a;color:#fff;font-size:15px;line-height:1;display:grid;place-items:center;transform:rotate(var(--rot));transition:background var(--t-fast) ease,transform var(--t-base) var(--e-out)}.sidebar__toggle:hover{background:#fff3}.sidebar__toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}.sidebar__toggle[aria-expanded=false]{--rot:90deg}.sidebar__toggle:active{transform:rotate(var(--rot)) scale(.92)}.sidebar--light .sidebar__toggle{background:var(--surface-2);color:var(--text-primary)}.sidebar--light .sidebar__toggle:focus-visible{outline-color:var(--brand)}.nav-buka{display:none}.sidebar__nav{flex:1;overflow-y:auto;padding:12px 10px}.sidebar__group{display:flex;align-items:center;gap:6px;width:100%;margin:14px 0 4px;padding:2px 8px 2px 10px;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--sidebar-group);background:none;border:0;border-radius:var(--r-sm);font-family:inherit;cursor:pointer;text-align:left}.sidebar__sect:first-child .sidebar__group,.sidebar__group:first-child{margin-top:0}.sidebar__group-teks{flex:1;min-width:0}.sidebar__group:hover{color:#fff;background:#ffffff0f}.sidebar__group:focus-visible{outline:2px solid #fff;outline-offset:-2px}.sidebar__chev{flex:none;font-size:12px;line-height:1;opacity:.75;transform:translateY(-2px);transition:transform var(--t-base) var(--e-out)}.sidebar__group.is-closed .sidebar__chev{transform:rotate(-90deg)}.sidebar__group-titik{flex:none;width:6px;height:6px;border-radius:50%;background:#fff}.sidebar--light .sidebar__group:hover{color:var(--text-primary);background:var(--surface-2)}.sidebar--light .sidebar__group:focus-visible{outline-color:var(--brand)}.sidebar--light .sidebar__group-titik{background:var(--brand)}.nav-item{display:flex;align-items:center;gap:10px;margin:0 -10px;padding:8px 10px 8px 17px;border-left:3px solid transparent;color:var(--sidebar-fg);font-size:13.5px;line-height:1.35;cursor:pointer;transition:background var(--t-fast) ease,color var(--t-fast) ease,border-color var(--t-fast) ease}.nav-item:hover{background:#ffffff12;color:#fff;text-decoration:none}.nav-item.is-active{background:#ffffff1a;color:var(--sidebar-fg-active);border-left-color:#fff}.nav-item .ico{width:18px;flex:none;text-align:center;opacity:.85;font-size:15px}.nav-item .count{margin-left:auto;font-size:11px;font-family:var(--font-num);background:#ffffff1a;padding:1px 6px;border-radius:var(--r-full)}.sidebar__foot{padding:10px;border-top:1px solid rgba(255,255,255,.07);flex:none}.sidebar--light{background:var(--surface-1);background-image:none;color:var(--text-secondary);border-right:1px solid var(--border)}.sidebar--light .sidebar__brand{color:var(--brand);border-bottom-color:var(--border)}.sidebar--light .sidebar__brand .mark{background:var(--brand);color:#fff}.sidebar--light .sidebar__group{color:var(--muted)}.sidebar--light .nav-item{color:var(--text-secondary)}.sidebar--light .nav-item:hover{background:var(--surface-2);color:var(--text-primary)}.sidebar--light .nav-item.is-active{background:var(--brand-soft);color:var(--brand);border-left-color:var(--brand)}.sidebar--light .nav-item .count{background:var(--surface-2);color:var(--text-secondary)}.sidebar--light .sidebar__foot{border-top-color:var(--border)}.app.is-collapsed .sidebar{width:var(--sidebar-w-collapsed)}.sidebar__label,.nav-item .count,.sidebar__brand>span:not(.mark){transition:opacity var(--t-fast) ease,max-width var(--t-base) var(--e-out);max-width:180px;white-space:nowrap;overflow:hidden;flex:1;min-width:0;text-overflow:ellipsis}.akun{display:flex;flex-direction:column;line-height:1.25}.akun__nama{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.akun__aksi{font-size:11px;opacity:.62}.nav-item:hover .akun__aksi{opacity:.85}.sidebar__foot .avatar{flex:none}.app.is-collapsed .sidebar__label,.app.is-collapsed .nav-item .count,.app.is-collapsed .sidebar__brand>span:not(.mark){opacity:0;max-width:0}.app.is-collapsed .sidebar__group{opacity:0;height:0;margin:0;padding:0;overflow:hidden;pointer-events:none;transition:opacity var(--t-fast) ease,height var(--t-base) var(--e-out),margin var(--t-base) var(--e-out)}.app.is-collapsed .sidebar__brand{flex-direction:column;justify-content:center;gap:8px;height:auto;padding:12px 10px}.app.is-collapsed .sidebar__toggle{margin-left:0;width:100%;height:36px;border-radius:var(--r-md)}.app.is-collapsed .nav-item{justify-content:center;padding:9px 3px 9px 0}.app.is-collapsed .nav-item .ico{opacity:1;font-size:16px}.app.is-collapsed .sidebar__foot .avatar{margin:0 auto}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);flex:none;display:flex;align-items:center;gap:12px;padding:0 20px;background:var(--surface-1);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.topbar__title{font-size:14.5px;font-weight:600}.topbar__spacer{flex:1}.content{padding:20px;flex:1}.content--wide{max-width:none}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.page-head h1{color:var(--judul)}.page-head p{color:var(--text-secondary);font-size:13px;margin-top:3px}.page-head .u-row{align-items:flex-end}.page-head .u-row>.btn,.page-head .u-row .field>.input,.page-head .u-row .field>.select{height:38px}.breadcrumb{display:flex;gap:6px;align-items:center;font-size:11.5px;color:var(--muted);margin-bottom:6px}.breadcrumb a{color:var(--text-secondary)}.breadcrumb span:after{content:"/";margin-left:6px;color:var(--border-strong)}.breadcrumb span:last-child:after{content:""}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.card+.card{margin-top:16px}.card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.card__head h2{font-size:15px}.card__sub{font-size:12.5px;color:var(--text-secondary);margin-top:2px}.card__body{padding:18px}.card__body--flush{padding:0}.card__foot{padding:12px 18px;border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--r-lg) var(--r-lg);display:flex;gap:8px;justify-content:flex-end;align-items:center}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.tile{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px;box-shadow:var(--shadow-1);position:relative;overflow:hidden}.tile__lab{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600}.tile__val{font-size:27px;font-weight:600;letter-spacing:-.025em;margin-top:4px;font-variant-numeric:tabular-nums;line-height:1.15}.tile__val small{font-size:13px;font-weight:500;color:var(--text-secondary);margin-left:2px}.tile__note{font-size:11.5px;color:var(--muted);margin-top:4px}.tile__delta{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;margin-top:5px}.tile__delta.up{color:var(--good)}.tile__delta.down{color:var(--critical)}.tile--accent:after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:13.5px;font-weight:500;line-height:1;padding:8px 14px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,box-shadow .12s,transform .06s}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn.is-disabled{opacity:.5;pointer-events:none}.btn--primary{background:var(--btn-utama);border-color:var(--btn-utama-tepi);color:var(--btn-utama-fg)}.btn--primary:hover{background:var(--btn-utama-hover);border-color:var(--btn-utama-tepi)}.btn--danger{background:var(--critical);border-color:var(--critical);color:var(--brand-ink)}.btn--danger:hover{filter:brightness(1.08)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn--ghost:hover{background:var(--surface-2);color:var(--text-primary)}.btn--sm{padding:5px 10px;font-size:12.5px;border-radius:var(--r-sm)}.btn--lg{padding:11px 20px;font-size:14.5px}.btn--icon{padding:8px;width:34px;height:34px}.btn--block{width:100%}.btn-group{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--r-md);overflow:hidden;background:var(--surface-1)}.btn-group>button{border:0;background:transparent;color:var(--text-secondary);padding:7px 13px;font:inherit;font-size:12.5px;cursor:pointer;transition:background .12s,color .12s}.btn-group>button+button{border-left:1px solid var(--border)}.btn-group>button:hover{background:var(--surface-2);color:var(--text-primary)}.btn-group>button[aria-pressed=true]{background:var(--brand);color:var(--brand-ink)}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field>label{font-size:12.5px;font-weight:500;color:var(--text-secondary)}.field>label .req{color:var(--critical);margin-left:2px}.field__hint{font-size:11.5px;color:var(--muted)}.field__err{font-size:11.5px;color:var(--critical)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 16px}.form-grid .span-2{grid-column:span 2}@media(max-width:640px){.form-grid .span-2{grid-column:span 1}}.input,.select,.textarea{width:100%;font:inherit;font-size:13.5px;color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:8px 11px;transition:border-color .12s,box-shadow .12s}.textarea{min-height:88px;resize:vertical;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--muted)}.input:hover,.select:hover,.textarea:hover{border-color:var(--muted)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--surface-2);color:var(--muted);cursor:not-allowed}.input.is-invalid,.select.is-invalid{border-color:var(--critical);box-shadow:0 0 0 3px #d03b3b33}.input[type=number]{font-family:var(--font-num);font-variant-numeric:tabular-nums;text-align:right}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 15px) calc(50% + 1px),calc(100% - 11px) calc(50% + 1px);background-size:4px 4px,4px 4px;background-repeat:no-repeat}.input-group{display:flex;align-items:stretch}.input-group .addon{display:flex;align-items:center;padding:0 11px;font-size:12.5px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border-strong)}.input-group .addon:first-child{border-radius:var(--r-md) 0 0 var(--r-md);border-right:0}.input-group .addon:last-child{border-radius:0 var(--r-md) var(--r-md) 0;border-left:0}.input-group .input:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group .input:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.search{position:relative;min-width:200px}.search .input{padding-left:32px}.search:before{content:"";position:absolute;left:11px;top:50%;width:11px;height:11px;margin-top:-7px;border:1.6px solid var(--muted);border-radius:50%;pointer-events:none}.search:after{content:"";position:absolute;left:20px;top:50%;width:5px;height:1.6px;margin-top:3px;background:var(--muted);transform:rotate(45deg);pointer-events:none}.check{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;cursor:pointer;-webkit-user-select:none;user-select:none}.check input{width:16px;height:16px;accent-color:var(--brand);margin:0;cursor:pointer}.switch{position:relative;display:inline-block;width:38px;height:21px;flex:none}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-strong);border-radius:var(--r-full);cursor:pointer;transition:background .16s}.switch .slider:before{content:"";position:absolute;width:17px;height:17px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #24222040;transition:transform .16s}.switch input:checked+.slider{background:var(--brand)}.switch input:checked+.slider:before{transform:translate(17px)}.switch input:focus-visible+.slider{box-shadow:var(--ring)}.table-wrap{width:100%;overflow-x:auto;border-radius:0}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}.table th,.table td{padding:11px 16px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.table thead{position:sticky;top:0;z-index:3;background-color:var(--thead-bg);background-image:var(--thead-grad)}.table thead th{background-color:transparent;color:var(--thead-fg);font-size:13.5px;font-weight:600;letter-spacing:normal;white-space:nowrap;border-bottom:1px solid rgba(0,0,0,.22)}.table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--thead-fg-dim)}.table thead th.sortable:hover{color:var(--thead-fg);background-image:linear-gradient(#ffffff1a,#ffffff1a)}.table thead th[aria-sort]:after{content:"↕";margin-left:5px;opacity:.55;font-size:10px}.table thead th[aria-sort=ascending]:after{content:"↑";opacity:1;color:var(--thead-fg)}.table thead th[aria-sort=descending]:after{content:"↓";opacity:1;color:var(--thead-fg)}.table thead th[aria-sort=ascending],.table thead th[aria-sort=descending]{color:var(--thead-fg);background-image:linear-gradient(#ffffff29,#ffffff29)}.table thead th.col-sticky{background-color:var(--thead-bg);background-image:none}.sel-sub{display:block;margin-top:2px;font-size:12px;font-style:normal;color:var(--muted);line-height:1.3}.table tbody tr{transition:background .1s}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr.is-selected{background:var(--brand-soft)}.table tbody tr:last-child td{border-bottom:0}.table td.num,.table th.num{text-align:right;font-family:var(--font-num);font-variant-numeric:tabular-nums;white-space:nowrap}.table td.num{color:var(--text-strong);letter-spacing:normal}.table td.actions{text-align:right;white-space:nowrap}.table tfoot td{background:var(--surface-2);font-weight:600;border-top:2px solid var(--thead-bg);border-bottom:0}.table--compact th,.table--compact td{padding:6px 12px;font-size:13px}.table--zebra tbody tr:nth-child(2n){background:color-mix(in srgb,var(--surface-2) 42%,transparent)}.table--zebra tbody tr:hover{background:var(--surface-2)}.table--bordered td,.table--bordered th{border-right:1px solid var(--border)}.table--bordered thead th{border-right-color:var(--thead-line)}.table--bordered td:last-child,.table--bordered th:last-child{border-right:0}.col-sticky{position:sticky;left:0;background:var(--surface-1);z-index:2}.table tbody tr:hover .col-sticky{background:var(--surface-2)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--r-full);font-size:11.5px;font-weight:600;line-height:1.7;white-space:nowrap;background:var(--surface-2);color:var(--text-secondary);border:1px solid transparent}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.badge--plain:before{display:none}.badge--success{background:var(--good-soft);color:var(--good)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--danger{background:var(--critical-soft);color:var(--critical)}.badge--info{background:var(--info-soft);color:var(--info)}.badge--neutral{background:var(--surface-2);color:var(--text-secondary)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 6px 3px 10px;border-radius:var(--r-full);font-size:12.5px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary)}.chip button{border:0;background:none;color:inherit;cursor:pointer;font-size:14px;line-height:1;opacity:.6;padding:0 2px}.chip button:hover{opacity:1;color:var(--critical)}.avatar{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:600}.avatar--sm{width:24px;height:24px;font-size:10.5px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);overflow-x:auto}.tabs button{border:0;background:none;font:inherit;font-size:13.5px;color:var(--text-secondary);padding:9px 14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color .12s,border-color .12s}.tabs button:hover{color:var(--text-primary)}.tabs button[aria-selected=true]{color:var(--brand);border-bottom-color:var(--brand);font-weight:500}.pagination{display:flex;align-items:center;gap:4px;font-size:13px}.pagination button{min-width:30px;height:30px;padding:0 8px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-1);color:var(--text-secondary);font:inherit;font-size:13px;cursor:pointer;font-variant-numeric:tabular-nums}.pagination button:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.pagination button[aria-current=page]{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.pagination button:disabled{opacity:.4;cursor:not-allowed}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--border)}.toolbar>.btn,.toolbar>.select,.toolbar>.input{height:38px}.alert{display:flex;gap:10px;padding:11px 14px;border-radius:var(--r-md);font-size:13.5px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary)}.alert__title{font-weight:600;margin-bottom:2px}.alert--success{background:var(--good-soft);border-color:color-mix(in srgb,var(--good) 30%,transparent)}.alert--warning{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 35%,transparent)}.alert--danger{background:var(--critical-soft);border-color:color-mix(in srgb,var(--critical) 30%,transparent)}.alert--info{background:var(--info-soft);border-color:color-mix(in srgb,var(--info) 35%,transparent)}.progress{height:6px;background:var(--surface-2);border-radius:var(--r-full);overflow:hidden}.progress>span{display:block;height:100%;background:var(--brand);border-radius:inherit;transition:width .3s}.progress--good>span{background:var(--good)}.progress--warn>span{background:var(--warning)}.progress--bad>span{background:var(--critical)}.empty{padding:48px 24px;text-align:center;color:var(--text-secondary)}.empty__icon{font-size:30px;opacity:.35;margin-bottom:10px}.empty h3{margin-bottom:4px}.empty p{font-size:13px;color:var(--muted);margin-bottom:14px}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:skl 1.3s ease infinite;border-radius:var(--r-sm);height:12px}@keyframes skl{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.tip{position:relative}.tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--surface-1);font-size:11.5px;padding:5px 8px;border-radius:var(--r-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s;z-index:60}.tip:hover:after{opacity:1}.tautan{padding:0;border:0;background:none;cursor:pointer;font:inherit;color:var(--text-strong);font-weight:600;text-align:left;border-radius:var(--r-xs)}.tautan:hover{color:var(--brand);text-decoration:underline;text-underline-offset:2px}.tautan:focus-visible{outline:none;box-shadow:var(--ring)}.u-chips{display:flex;flex-wrap:wrap;gap:4px}.aksi{min-width:30px;height:30px;flex:none;padding:0 5px;display:inline-grid;place-items:center;vertical-align:middle;border:1px solid transparent;border-radius:9px;cursor:pointer;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:15px;line-height:1;transition:background var(--t-fast) ease,color var(--t-fast) ease,border-color var(--t-fast) ease}.aksi+.aksi{margin-left:2px}.aksi:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--border)}.aksi:focus-visible{outline:none;box-shadow:var(--ring);border-color:var(--brand)}.aksi[disabled]{opacity:.35;cursor:not-allowed}.aksi--bahaya:hover{background:var(--critical-soft);color:var(--critical);border-color:transparent}.aksi-tip{position:fixed;transform:translate(-50%,-100%) translateY(-7px);background:var(--text-primary);color:var(--surface-1);font-size:11.5px;line-height:1.3;padding:5px 8px;border-radius:var(--r-sm);white-space:nowrap;pointer-events:none;z-index:200;box-shadow:var(--shadow-2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0b73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:20px;z-index:100}.modal{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-3);width:min(560px,100%);max-height:88vh;display:flex;flex-direction:column;animation:modal-in .16s ease-out}.modal--lg{width:min(880px,100%)}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.modal__body{padding:20px;overflow-y:auto}.modal__foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.modal__close{border:0;background:none;font-size:20px;line-height:1;color:var(--muted);cursor:pointer;padding:2px 6px;border-radius:var(--r-sm)}.modal__close:hover{background:var(--surface-2);color:var(--text-primary)}dialog.modal{padding:0;color:var(--text-primary)}dialog.modal::backdrop{background:#0b0b0b73}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);z-index:100;background:var(--surface-1);border-left:1px solid var(--border);box-shadow:var(--shadow-3);display:flex;flex-direction:column;animation:drawer-in .2s ease-out}@keyframes drawer-in{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.toast-stack{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;z-index:120}.toast{display:flex;gap:10px;align-items:flex-start;min-width:260px;max-width:360px;background:var(--surface-1);border:1px solid var(--border);border-left:3px solid var(--brand);border-radius:var(--r-md);padding:11px 14px;box-shadow:var(--shadow-2);font-size:13.5px;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.toast--success{border-left-color:var(--good)}.toast--warning{border-left-color:var(--warning)}.toast--danger{border-left-color:var(--critical)}.desc{display:grid;grid-template-columns:auto 1fr;gap:9px 20px;font-size:13.5px}.desc dt{color:var(--text-secondary);white-space:nowrap}.desc dd{margin:0;font-weight:500}.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:5px;top:4px;bottom:4px;width:1px;background:var(--border-strong)}.timeline li{position:relative;list-style:none;padding-bottom:16px}.timeline li:before{content:"";position:absolute;left:-21px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--surface-1);border:2px solid var(--border-strong)}.timeline li.is-done:before{background:var(--good);border-color:var(--good)}.timeline li.is-active:before{background:var(--brand);border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.timeline time{display:block;font-size:11.5px;color:var(--muted);margin-top:1px}.chart{position:relative;width:100%}.chart svg{display:block;width:100%;height:auto;overflow:visible}.chart .grid line{stroke:var(--chart-grid);stroke-width:1;shape-rendering:crispEdges}.chart .grid line.base{stroke:var(--chart-axis)}.chart .axis text,.chart text.axis{fill:var(--muted);font-size:11px;font-family:var(--font);font-variant-numeric:tabular-nums}.chart .vlab{fill:var(--text-secondary);font-size:10.5px;font-weight:600;font-family:var(--font-num);font-variant-numeric:tabular-nums}.chart .bar{transition:opacity .12s}.chart .bars:hover .bar{opacity:.45}.chart .bars>g:hover .bar{opacity:1}.legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:var(--text-secondary)}.legend span{display:inline-flex;align-items:center;gap:7px}.legend i{width:10px;height:10px;border-radius:3px;flex:none;display:inline-block}.chart-tip{position:absolute;pointer-events:none;z-index:5;opacity:0;transition:opacity .1s;background:var(--text-primary);color:var(--surface-1);font-size:12px;line-height:1.45;padding:7px 10px;border-radius:var(--r-sm);white-space:nowrap;transform:translate(-50%,-100%)}.chart-tip b{font-weight:600;font-family:var(--font-num);font-variant-numeric:tabular-nums}.heat{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px}.heat i{height:34px;border-radius:5px;display:block;background:var(--seq-1)}.heat-scale{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted)}.heat-scale i{width:20px;height:10px;border-radius:3px;display:inline-block}.rank{display:flex;flex-direction:column;gap:13px}.rank__row{display:grid;grid-template-columns:1fr auto;gap:3px 12px;font-size:13px}.rank__track{grid-column:1/-1;height:8px;border-radius:var(--r-full);background:var(--surface-2);overflow:hidden}.rank__fill{display:block;height:100%;border-radius:inherit;background:var(--brand)}.auth{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth__brand{position:relative;overflow:hidden;padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between;background:var(--brand-deep);background-image:var(--grad-hero);color:#fff}.auth__brand:before,.auth__brand:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.auth__brand:before{width:520px;height:520px;right:-190px;top:-160px;background:#ffffff0d}.auth__brand:after{width:360px;height:360px;left:-140px;bottom:-130px;background:#ffffff0a}.auth__brand>*{position:relative;z-index:1}.auth__logo{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700;letter-spacing:-.02em}.auth__logo .mark{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--brand);font-size:19px;font-weight:800}.auth__pitch h1{font-size:42px;line-height:1.08;letter-spacing:-.03em;font-weight:600;max-width:12ch}.auth__pitch h1 em{font-style:normal;color:var(--brand-light)}.auth__pitch p{margin-top:14px;font-size:14.5px;line-height:1.65;color:#ffffffb8;max-width:44ch}.auth__list{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:11px}.auth__list li{display:flex;gap:11px;align-items:flex-start;font-size:13.5px;color:#ffffffe0}.auth__list li:before{content:"✓";flex:none;width:19px;height:19px;border-radius:50%;margin-top:1px;background:#ffffff29;color:#fff;font-size:10.5px;line-height:19px;text-align:center;font-weight:700}.auth__meta{font-size:12px;color:#ffffff80;display:flex;gap:16px;flex-wrap:wrap}.auth__meta a{color:#ffffffb8}.auth__form{background:var(--surface-1);display:flex;align-items:center;justify-content:center;padding:48px 32px}.auth__box{width:100%;max-width:376px}.auth__box>h2{font-size:26px;letter-spacing:-.02em;margin-top:6px}.auth__box>.sub{font-size:13.5px;color:var(--text-secondary);margin-top:6px}.auth__fields{display:flex;flex-direction:column;gap:16px;margin-top:26px}.auth__row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.auth__sep{display:flex;align-items:center;gap:12px;margin:22px 0;color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em}.auth__sep:before,.auth__sep:after{content:"";flex:1;height:1px;background:var(--border)}.auth__foot{margin-top:26px;font-size:13px;color:var(--text-secondary);text-align:center}.auth__legal{margin-top:34px;font-size:11.5px;color:var(--muted);line-height:1.6;text-align:center}.pw{position:relative}.pw .input{padding-right:44px}.pw button{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:none;cursor:pointer;color:var(--muted);font:inherit;font-size:12px;padding:6px 9px;border-radius:var(--r-sm)}.pw button:hover{color:var(--text-primary);background:var(--surface-2)}.auth .field__err,.auth .field__hint{display:flex;gap:5px;align-items:center}@media(max-width:900px){.auth{grid-template-columns:1fr}.auth__brand{padding:32px 26px 36px;min-height:auto}.auth__pitch h1{font-size:30px;max-width:none}.auth__pitch p,.auth__list,.auth__meta{display:none}.auth__form{padding:32px 22px 48px}}.pos{--pos-e1:0 1px 2px rgba(36,34,32,.05), 0 2px 6px rgba(36,34,32,.04);--pos-e2:0 10px 28px rgba(36,34,32,.1);--rail-w:76px;--cart-w:412px;display:grid;grid-template-columns:var(--rail-w) 1fr var(--cart-w);height:100vh;overflow:hidden;background:var(--plane)}:root[data-theme=dark] .pos{--pos-e1:0 1px 2px rgba(0,0,0,.5);--pos-e2:0 10px 28px rgba(0,0,0,.55)}@media(prefers-color-scheme:dark){:root:where(:not([data-theme=light])) .pos{--pos-e1:0 1px 2px rgba(0,0,0,.5);--pos-e2:0 10px 28px rgba(0,0,0,.55)}}.rail{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0 14px;background:var(--brand-deep);background-image:var(--grad-hero);color:#fff}.rail__logo{width:48px;height:48px;flex:none;border-radius:15px;display:grid;place-items:center;background:#fff;color:var(--brand);font-size:22px;font-weight:800;letter-spacing:-.04em;margin-bottom:10px}.rail__nav{display:flex;flex-direction:column;gap:4px;width:100%;align-items:center;flex:1}.rail__btn{width:56px;height:54px;border:0;border-radius:14px;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#fff9;font:inherit;font-size:9.5px;font-weight:600;letter-spacing:.02em;position:relative;transition:background .14s,color .14s}.rail__btn svg{width:21px;height:21px;stroke-width:1.7}.rail__btn:hover{background:#ffffff17;color:#fff}.rail__btn.is-active{background:#ffffff24;color:#fff}.rail__btn .dot{position:absolute;top:8px;right:12px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#fff;color:var(--brand);font-size:10px;font-weight:800;display:grid;place-items:center}.rail__foot{display:flex;flex-direction:column;align-items:center;gap:8px}.pos__main{display:flex;flex-direction:column;min-width:0}.pos__head{flex:none;display:flex;align-items:center;gap:12px;padding:14px 20px 12px;background:var(--surface-1);border-bottom:1px solid var(--border)}.pos__search{position:relative;flex:1;max-width:460px}.pos__search input{width:100%;height:46px;font:inherit;font-size:14.5px;color:var(--text-primary);background:var(--surface-2);border:1px solid transparent;border-radius:var(--r-full);padding:0 16px 0 44px;transition:background .14s,border-color .14s,box-shadow .14s}.pos__search input::placeholder{color:var(--muted)}.pos__search input:focus{outline:none;background:var(--surface-1);border-color:var(--brand);box-shadow:var(--ring)}.pos__search svg{position:absolute;left:15px;top:13px;width:19px;height:19px;color:var(--muted);pointer-events:none}.pos__search .kbd{position:absolute;right:14px;top:13px;color:var(--muted)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;font-family:var(--font-num);font-size:10.5px;color:var(--text-secondary);background:var(--surface-1)}.pos__meta{display:flex;align-items:center;gap:14px;margin-left:auto}.pos__clock{font-family:var(--font-num);font-size:19px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1}.pos__clock small{display:block;font-family:var(--font);font-size:11px;font-weight:500;color:var(--muted);letter-spacing:0;margin-top:3px}.pos__who{text-align:right;font-size:11.5px;color:var(--muted);line-height:1.35}.pos__who b{display:block;font-size:13px;color:var(--text-primary)}.live{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--good)}.live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 0 currentColor;animation:live-pulse 2s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 #2f7a4f73}70%{box-shadow:0 0 0 7px #2f7a4f00}to{box-shadow:0 0 #2f7a4f00}}.pos__cats{flex:none;position:relative;background:var(--surface-1);border-bottom:1px solid var(--border);padding:0 20px 12px}.cat{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),transparent 100%)}.cat::-webkit-scrollbar{display:none}.cat button{flex:none;height:44px;padding:0 16px;border-radius:var(--r-full);cursor:pointer;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);font:inherit;font-size:13.5px;font-weight:500;transition:background .16s var(--e-out),color .12s,border-color .12s,transform .12s}.cat button .ic{font-size:16px;line-height:1}.cat button .n{min-width:22px;height:20px;padding:0 6px;border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:700;display:grid;place-items:center;font-variant-numeric:tabular-nums}.cat button:hover{background:var(--surface-2);color:var(--text-primary)}.cat button:active{transform:scale(.96)}.cat button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.cat button[aria-pressed=true] .n{background:#ffffff38;color:#fff}.pos__scroll{flex:1;overflow-y:auto;padding:18px 20px 24px;min-height:0;overscroll-behavior:contain}.pos__section{display:flex;align-items:baseline;gap:10px;margin:2px 0 12px}.pos__section h2{font-size:15px}.pos__section span{font-size:12.5px;color:var(--muted)}.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(152px,1fr));gap:12px}.mcard{position:relative;display:flex;flex-direction:column;text-align:left;cursor:pointer;background:var(--surface-1);border:1px solid var(--border);border-radius:18px;padding:0;overflow:hidden;font:inherit;color:var(--text-primary);box-shadow:var(--pos-e1);transition:transform .16s var(--e-out),box-shadow .16s var(--e-out),border-color .12s}.mcard:hover{transform:translateY(-3px);box-shadow:var(--pos-e2);border-color:transparent}.mcard:active{transform:translateY(-1px) scale(.985)}.mcard__art{position:relative;height:104px;display:grid;place-items:center;background:var(--tint,var(--surface-2))}.mcard__art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.55),transparent 60%);pointer-events:none}.mcard__art svg{width:66px;height:66px;position:relative;z-index:1}.mcard__body{padding:11px 13px 13px;display:flex;flex-direction:column;gap:2px;flex:1}.mcard__name{font-size:13.5px;font-weight:600;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.mcard__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px}.mcard__price{font-size:14.5px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.mcard__plus{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:17px;font-weight:600;line-height:1;transition:background .14s,color .14s,transform .16s var(--e-spring)}.mcard:hover .mcard__plus{background:var(--brand);color:var(--brand-ink);transform:rotate(90deg)}.mcard__badge{position:absolute;top:9px;right:9px;min-width:28px;height:28px;padding:0 8px;border-radius:14px;background:var(--brand);color:var(--brand-ink);font-size:13px;font-weight:800;display:grid;place-items:center;font-variant-numeric:tabular-nums;box-shadow:0 2px 8px #c8102e59;animation:pop .26s var(--e-spring)}.mcard.in-cart{border-color:var(--brand)}.mcard.is-added{animation:nudge .28s var(--e-out)}.mcard.is-out{cursor:not-allowed}.mcard.is-out .mcard__art,.mcard.is-out .mcard__body{opacity:.4}.mcard.is-out:after{content:"HABIS";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-6deg);background:var(--text-primary);color:var(--surface-1);font-size:11px;font-weight:800;letter-spacing:.14em;padding:5px 12px;border-radius:var(--r-full)}.tag-hot{position:absolute;top:9px;left:9px;padding:3px 8px;border-radius:var(--r-full);background:var(--surface-1);color:var(--brand);font-size:10px;font-weight:800;letter-spacing:.06em;box-shadow:var(--pos-e1)}.cart{display:flex;flex-direction:column;min-height:0;background:var(--surface-1);border-left:1px solid var(--border);box-shadow:-8px 0 24px #2422200a}.cart__top{flex:none;padding:14px 18px 0}.cart__order{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.cart__order h2{font-size:16px;letter-spacing:-.02em}.cart__order .sub{font-size:12px;color:var(--muted);margin-top:2px;font-family:var(--font-num)}.icon-btn{width:36px;height:36px;flex:none;border:1px solid var(--border);border-radius:11px;cursor:pointer;background:var(--surface-1);color:var(--text-secondary);display:grid;place-items:center;transition:background .12s,color .12s,border-color .12s}.icon-btn:hover{background:var(--surface-2);color:var(--text-primary)}.icon-btn svg{width:17px;height:17px}.seg{display:flex;gap:3px;margin-top:12px;padding:3px;border-radius:13px;background:var(--surface-2)}.seg button{flex:1;height:38px;border:0;border-radius:10px;background:transparent;color:var(--text-secondary);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s var(--e-out),color .14s,box-shadow .18s}.seg button[aria-pressed=true]{background:var(--surface-1);color:var(--brand);box-shadow:var(--pos-e1)}.cart__chips{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.mini-chip{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:var(--r-full);background:var(--surface-2);color:var(--text-secondary);font-size:12px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:border-color .12s,color .12s}.mini-chip:hover{border-color:var(--border-strong);color:var(--text-primary)}.mini-chip b{color:var(--text-primary);font-weight:600}.cart__items{flex:1;overflow-y:auto;padding:6px 18px;min-height:0;overscroll-behavior:contain}.citem{display:grid;grid-template-columns:44px 1fr auto;gap:2px 11px;align-items:start;padding:12px 0;border-bottom:1px solid var(--border);animation:slide-left .22s var(--e-out)}.citem:last-child{border-bottom:0}.citem__art{grid-row:span 2;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--tint,var(--surface-2))}.citem__art svg{width:28px;height:28px}.citem__name{font-size:13.5px;font-weight:600;line-height:1.3}.citem__sum{font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.citem__meta{grid-column:2/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}.citem__note{grid-column:2/-1;margin-top:4px;font-size:11.5px;color:var(--brand);background:var(--brand-soft);border-radius:8px;padding:4px 8px;display:inline-block;justify-self:start}.citem__unit{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.stepper{display:flex;align-items:center;gap:2px;border-radius:var(--r-full);background:var(--surface-2);padding:2px}.stepper button{width:34px;height:32px;border:0;border-radius:var(--r-full);background:transparent;color:var(--text-primary);font:inherit;font-size:17px;line-height:1;cursor:pointer;transition:background .12s,transform .12s var(--e-out)}.stepper button:hover{background:var(--surface-1)}.stepper button:active{transform:scale(.88)}.stepper span{min-width:26px;text-align:center;font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums}.link-btn{border:0;background:none;color:var(--muted);font:inherit;font-size:11.5px;cursor:pointer;padding:5px 6px;border-radius:6px;transition:color .12s,background .12s}.link-btn:hover{color:var(--brand);background:var(--brand-soft)}.cart__pay{flex:none;padding:14px 18px 16px;border-top:1px solid var(--border);background:var(--surface-tint)}.cart__pay.is-flash{animation:flash-bg .52s ease-out}.tline{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--text-secondary);padding:3px 0}.tline b{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.tline--off b{color:var(--good)}.tgrand{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:10px;padding-top:12px;border-top:1px dashed var(--border-strong)}.tgrand span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.tgrand b{font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;display:inline-block;animation:rise-num .2s var(--e-out)}.tgrand b i{font-style:normal;font-size:17px;font-weight:600;color:var(--text-secondary);margin-right:6px}.paybtn{width:100%;min-height:58px;margin-top:14px;border:0;border-radius:15px;cursor:pointer;background:var(--brand);color:var(--brand-ink);font:inherit;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 6px 18px #c8102e47;transition:background .16s,transform .12s var(--e-out),box-shadow .16s,opacity .16s}.paybtn:hover:not(:disabled){background:var(--brand-hover);box-shadow:0 8px 22px #c8102e57}.paybtn:active:not(:disabled){transform:translateY(1px) scale(.99)}.paybtn:disabled{background:var(--surface-2);color:var(--muted);box-shadow:none;cursor:not-allowed}.paybtn .kbd{background:#ffffff2e;border-color:#ffffff59;color:#fff}.paygrid{display:grid;grid-template-columns:1fr 320px;gap:0;min-height:470px}.paycol{padding:22px 24px}.paycol--num{background:var(--surface-tint);border-left:1px solid var(--border)}.amount-big{border-radius:16px;padding:16px 18px;background:var(--brand-deep);background-image:var(--grad-hero);color:#fff}.amount-big .lab{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff9}.amount-big .val{font-size:36px;font-weight:700;letter-spacing:-.03em;line-height:1.15;font-variant-numeric:tabular-nums;margin-top:4px}.field-amount{border:1px solid var(--border-strong);border-radius:14px;padding:13px 16px;background:var(--surface-1);transition:border-color .14s,box-shadow .14s}.field-amount.is-focus{border-color:var(--brand);box-shadow:var(--ring)}.field-amount .lab{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.field-amount .val{font-size:30px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:2px;text-align:right}.methods{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.method{min-height:78px;border:1.5px solid var(--border);border-radius:14px;background:var(--surface-1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;font:inherit;font-size:12.5px;font-weight:600;color:var(--text-secondary);transition:border-color .14s,background .14s,color .14s,transform .12s var(--e-out)}.method svg{width:22px;height:22px}.method:hover{border-color:var(--border-strong);color:var(--text-primary)}.method:active{transform:scale(.97)}.method[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.cash-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cash-quick button{min-height:46px;border:1px solid var(--border-strong);border-radius:11px;background:var(--surface-1);font:inherit;font-size:13.5px;font-weight:700;color:var(--text-primary);cursor:pointer;font-variant-numeric:tabular-nums;transition:background .12s,border-color .12s,transform .12s var(--e-out)}.cash-quick button:hover{background:var(--brand-soft);border-color:var(--brand)}.cash-quick button:active{transform:scale(.96)}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pad button{min-height:62px;border:1px solid var(--border);border-radius:13px;background:var(--surface-1);font:inherit;font-size:22px;font-weight:600;color:var(--text-primary);cursor:pointer;font-variant-numeric:tabular-nums;box-shadow:var(--pos-e1);transition:background .1s,transform 90ms var(--e-out)}.pad button:hover{background:var(--surface-2)}.pad button:active{background:var(--brand-soft);transform:scale(.94)}.pad button.alt{font-size:15px;font-weight:700;color:var(--text-secondary)}.changebox{border-radius:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.changebox.ok{background:var(--good-soft)}.changebox.less{background:var(--warning-soft)}.changebox .lab{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.changebox .val{font-size:26px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.changebox.ok .val{color:var(--good)}.changebox.less .val{color:var(--warning)}.done{padding:40px 30px;text-align:center}.done__ring{width:96px;height:96px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:var(--good-soft);animation:pop .38s var(--e-spring)}.done__ring svg{width:46px;height:46px;color:var(--good)}.done__ring path{stroke-dasharray:48;stroke-dashoffset:48;animation:draw .42s var(--e-out) .16s forwards}@keyframes draw{to{stroke-dashoffset:0}}.done h2{font-size:24px;letter-spacing:-.02em}.done .amt{font-size:34px;font-weight:700;letter-spacing:-.03em;margin-top:6px;font-variant-numeric:tabular-nums}.done .sub{color:var(--text-secondary);font-size:13.5px;margin-top:6px}.receipt{font-family:var(--font-mono);font-size:11.5px;line-height:1.75;background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:18px;max-width:320px;margin:0 auto}.receipt .r{display:flex;justify-content:space-between;gap:10px}.receipt hr{border:0;border-top:1px dashed var(--border-strong);margin:9px 0}.receipt .big{font-weight:700;font-size:13.5px}@media(max-width:1100px){.pos{--cart-w:372px}.mgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:900px){.pos{grid-template-columns:var(--rail-w) 1fr}.cart{position:fixed;inset:0 0 0 auto;width:min(412px,100%);z-index:70;transform:translate(100%);transition:transform .22s var(--e-out)}.pos.cart-open .cart{transform:none}.paygrid{grid-template-columns:1fr}.paycol--num{border-left:0;border-top:1px solid var(--border)}}:root{--e-out:cubic-bezier(.22,.61,.36,1);--e-spring:cubic-bezier(.34,1.56,.64,1);--t-fast:.12s;--t-base:.2s;--t-slow:.32s}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-left{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes nudge{0%,to{transform:scale(1)}40%{transform:scale(1.06)}}@keyframes flash-bg{0%{background:var(--brand-soft)}to{background:transparent}}@keyframes rise-num{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.anim-up{animation:fade-up var(--t-slow) var(--e-out) both}.anim-in{animation:fade-in var(--t-base) var(--e-out) both}.stagger>*{animation:fade-up .26s var(--e-out)}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:25ms}.stagger>*:nth-child(3){animation-delay:50ms}.stagger>*:nth-child(4){animation-delay:75ms}.stagger>*:nth-child(5){animation-delay:.1s}.stagger>*:nth-child(6){animation-delay:125ms}.stagger>*:nth-child(7){animation-delay:.15s}.stagger>*:nth-child(8){animation-delay:175ms}.stagger>*:nth-child(n+9){animation-delay:.19s}.card,.tile{transition:border-color var(--t-base) ease,transform var(--t-base) var(--e-out)}.tile:hover{border-color:var(--border-strong)}.mcard__art svg{transition:transform var(--t-slow) var(--e-out)}.mcard:hover .mcard__art svg{transform:scale(1.06)}.mcard__badge{animation:pop .26s var(--e-spring)}.mcard.is-added{animation:nudge .26s var(--e-out);border-color:var(--brand)}.citem{animation:slide-left .22s var(--e-out)}.citem.is-leaving{animation:fade-in .16s ease reverse both}.qty button{transition:background var(--t-fast) ease,transform var(--t-fast) var(--e-out)}.qty button:active{transform:scale(.88)}.sum-total b{display:inline-block;animation:rise-num var(--t-base) var(--e-out)}.cart__sum.is-flash{animation:flash-bg .52s ease-out}.btn--pay{transition:background var(--t-base) ease,transform var(--t-fast) var(--e-out),opacity var(--t-base) ease}.btn--pay:active:not(:disabled){transform:scale(.985)}.cat button{transition:background var(--t-base) var(--e-out),color var(--t-fast) ease,border-color var(--t-fast) ease,transform var(--t-fast) var(--e-out)}.cat button:active{transform:scale(.95)}.tabs button{position:relative}.tabs button:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--brand);transform:scaleX(0);transform-origin:center;transition:transform var(--t-base) var(--e-out)}.tabs button[aria-selected=true]{border-bottom-color:transparent}.tabs button[aria-selected=true]:after{transform:scaleX(1)}.numpad button{transition:background var(--t-fast) ease,transform 90ms var(--e-out)}.numpad button:active{transform:scale(.94)}.quick-cash button,.pay-method button{transition:background var(--t-fast) ease,border-color var(--t-fast) ease,color var(--t-fast) ease,transform var(--t-fast) var(--e-out)}.quick-cash button:active,.pay-method button:active{transform:scale(.96)}.modal-backdrop{animation:fade-in .16s ease both}.modal{animation:fade-up .22s var(--e-out) both}.drawer{animation:slide-left .24s var(--e-out) both}.toast{animation:slide-left .2s var(--e-out) both}.progress>span{transition:width .52s var(--e-out)}.rank__fill{transition:width .62s var(--e-out)}.chart .bar{transition:opacity var(--t-fast) ease}.heat i{transition:background var(--t-base) ease,transform var(--t-fast) var(--e-out)}.heat i:hover{transform:scaleY(1.14)}.avatar{transition:transform var(--t-fast) var(--e-out)}.avatar:hover{transform:scale(1.08)}.page-enter{animation:fade-up var(--t-base) var(--e-out) both}.btn{transition:background var(--t-fast) ease,color var(--t-fast) ease,border-color var(--t-fast) ease,box-shadow var(--t-fast) ease,transform 90ms var(--e-out)}.btn:active:not(:disabled){transform:scale(.97)}.btn--icon{transition:background var(--t-fast) ease,transform var(--t-base) var(--e-out)}.topbar .btn--icon{--rot:0deg;transform:rotate(var(--rot))}.topbar .btn--icon[aria-expanded=false]{--rot:90deg}.topbar .btn--icon:active:not(:disabled){transform:rotate(var(--rot)) scale(.92)}.table tbody tr{animation:fade-in .22s var(--e-out) both}.table tbody tr:nth-child(1){animation-delay:0ms}.table tbody tr:nth-child(2){animation-delay:18ms}.table tbody tr:nth-child(3){animation-delay:36ms}.table tbody tr:nth-child(4){animation-delay:54ms}.table tbody tr:nth-child(5){animation-delay:72ms}.table tbody tr:nth-child(6){animation-delay:90ms}.table tbody tr:nth-child(7){animation-delay:108ms}.table tbody tr:nth-child(8){animation-delay:126ms}.table tbody tr:nth-child(9){animation-delay:144ms}.table tbody tr:nth-child(n+10){animation-delay:.16s}.table thead th.sortable{transition:color var(--t-fast) ease,background var(--t-fast) ease}.table thead th[aria-sort]:after{transition:opacity var(--t-fast) ease,color var(--t-fast) ease}.card{animation:fade-up .26s var(--e-out) both}.alert{animation:fade-up .3s var(--e-out) both}@keyframes bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.chart .bar{transform-box:fill-box;transform-origin:bottom;animation:bar-grow .48s var(--e-out) both}.chart .bars>g:nth-child(1) .bar{animation-delay:0ms}.chart .bars>g:nth-child(2) .bar{animation-delay:40ms}.chart .bars>g:nth-child(3) .bar{animation-delay:80ms}.chart .bars>g:nth-child(4) .bar{animation-delay:.12s}.chart .bars>g:nth-child(5) .bar{animation-delay:.16s}.chart .bars>g:nth-child(6) .bar{animation-delay:.2s}.chart .bars>g:nth-child(n+7) .bar{animation-delay:.24s}.chart .vlab{animation:fade-in var(--t-base) ease both;animation-delay:.32s}.tile__val>span{display:inline-block;animation:rise-num var(--t-base) var(--e-out) both}.topbar{min-width:0}.topbar__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search{flex:0 1 320px;min-width:0}.page-head .u-row{flex-wrap:wrap}.sidebar__close{display:none;margin-left:auto;width:34px;height:34px;flex:none;border:0;cursor:pointer;border-radius:10px;background:#ffffff1f;color:#fff;font-size:19px;line-height:1}.sidebar__close:hover{background:#fff3}.sidebar--light .sidebar__close{background:var(--surface-2);color:var(--text-primary)}.u-only-sm{display:none}@media(max-width:900px){.sidebar{position:fixed;left:0;top:0;z-index:90;transform:translate(-100%);transition:transform .2s}.app.is-open .sidebar{transform:none}.app.is-open:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:80}.app.is-collapsed .sidebar{width:var(--sidebar-w)}.app.is-collapsed .sidebar__label,.app.is-collapsed .nav-item .count,.app.is-collapsed .sidebar__brand>span:not(.mark){opacity:1;max-width:180px}.app.is-collapsed .sidebar__group{opacity:1;height:auto;margin:14px 0 4px}.app.is-collapsed .sidebar__group:first-child{margin-top:0}.app.is-collapsed .sidebar__brand{justify-content:flex-start;padding:0 16px}.app.is-collapsed .nav-item{justify-content:flex-start;padding:8px 10px 8px 17px}.sidebar__close{display:grid;place-items:center}.nav-buka{display:grid;place-items:center;position:fixed;left:12px;top:12px;z-index:70;width:40px;height:40px;border:1px solid var(--border);cursor:pointer;border-radius:12px;background:var(--surface-1);color:var(--text-primary);font-size:17px;line-height:1;box-shadow:var(--shadow-2)}.nav-buka:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.app.is-open .nav-buka{display:none}.content{padding:64px 14px 16px}.topbar{padding:0 12px;gap:8px}.u-hide-sm{display:none!important}}@media(max-width:720px){.search{display:none}.u-only-sm{display:inline-flex}.page-head{gap:12px}.page-head .u-row{width:100%}.page-head .btn-group{flex:1}.page-head .btn-group>button{flex:1}}@media print{.sidebar,.topbar,.toolbar,.pagination,.btn,.toast-stack{display:none!important}body{background:#fff}.card{box-shadow:none;border-color:#ddd;break-inside:avoid}.table thead,.table thead th{background:#f2f2f2!important;color:#000}}