@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e857b654a2caa584-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format("woff2");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:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e857b654a2caa584-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format("woff2");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:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/e857b654a2caa584-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format("woff2");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:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:Manrope Fallback;src:local("Arial");ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.00%;size-adjust:103.19%}.__className_946509{font-family:Manrope,Manrope Fallback;font-style:normal}.__variable_946509{--font-display:"Manrope","Manrope Fallback"}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/7b19b489dc6743ba-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/28793f5c5e3d822d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c9c3823090ec8b55-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b3bf17a9041d9433-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/2801417b65625cf5-s.woff2) format("woff2");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:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d4368bf94c0ec4-s.p.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/7b19b489dc6743ba-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/28793f5c5e3d822d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c9c3823090ec8b55-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b3bf17a9041d9433-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/2801417b65625cf5-s.woff2) format("woff2");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:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d4368bf94c0ec4-s.p.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/7b19b489dc6743ba-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/28793f5c5e3d822d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c9c3823090ec8b55-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b3bf17a9041d9433-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/2801417b65625cf5-s.woff2) format("woff2");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:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d4368bf94c0ec4-s.p.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:IBM Plex Sans Fallback;src:local("Arial");ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.00%;size-adjust:101.17%}.__className_1bc20f{font-family:IBM Plex Sans,IBM Plex Sans Fallback;font-style:normal}.__variable_1bc20f{--font-ui:"IBM Plex Sans","IBM Plex Sans Fallback"}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/58f386aa6b1a2a92-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/011e180705008d6f-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7ba5fb2a8c88521c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/92eeb95d069020cc-s.woff2) format("woff2");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:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/d3ebbfd689654d3a-s.p.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ef4d5661765d0e49-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/d29838c109ef09b4-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e40af3453d7c920a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/99dcf268bda04fe5-s.woff2) format("woff2");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:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/98e207f02528a563-s.p.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:IBM Plex Mono Fallback;src:local("Arial");ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.00%;size-adjust:134.59%}.__className_46fe82{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.__variable_46fe82{--font-mono:"IBM Plex Mono","IBM Plex Mono Fallback"}:root{--bg:#F4F2F7;--surface:#FFFFFF;--surface-2:#EDEAF3;--surface-3:#E3DFEC;--border:#D7D2E2;--border-strong:#B9B2C9;--control-border:#76708A;--text:#16131F;--text-muted:#4B4459;--text-subtle:#5A5369;--text-disabled:#8A8398;--text-on-brand:#FFFFFF;--brand:#6D28A8;--brand-hover:#5A1F8C;--brand-deep:#46186E;--brand-soft:#F0E7F9;--brand-bright:#B588E8;--nav-bg:#1A1424;--nav-surface:#261E33;--nav-active:#8A3FCB;--nav-marker:#C79BF2;--nav-text:#D6CFE2;--nav-muted:#A79DB8;--nav-border:#332A42;--nav-control-border:#6E6383;--focus:#6D28A8;--focus-on-dark:#E3D0FA;--success:#12723F;--success-soft:#E2F3E8;--success-ink:#0C5A31;--pay:var(--success);--pay-hover:#0D5C32;--warning:#8A5300;--warning-soft:#FBEEDA;--warning-ink:#7A4A00;--danger:#B3241B;--danger-soft:#FBE5E3;--danger-ink:#8F1C15;--info:#1A5FB4;--info-soft:#E5EEFA;--info-ink:#14508F;--chart-1:#6D28A8;--chart-2:#12723F;--chart-3:#A05F0C;--chart-4:#1A5FB4;--chart-5:#A8206C;--chart-6:#106B76;--radius:0;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--shadow-1:0 1px 2px rgba(22,19,31,0.08);--shadow-2:0 2px 8px rgba(22,19,31,0.12);--shadow-3:0 8px 32px rgba(22,19,31,0.20);--scrim:rgba(22,19,31,0.55);--dur-fast:120ms;--dur-base:180ms;--dur-page:220ms;--ease:cubic-bezier(0.2,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--nav-w:248px;--nav-w-collapsed:64px;--topbar-h:56px;--row-h:44px;--control-h:40px;--control-h-lg:52px}*,:after,:before{box-sizing:border-box}*{border-radius:0}body,html{margin:0;padding:0}body,html{overflow-x:hidden}body{background:var(--bg);font:400 14px/22px var(--font-ui),system-ui,sans-serif;-webkit-font-smoothing:antialiased}body,h1,h2,h3,h4{color:var(--text)}h1,h2,h3,h4{font-family:var(--font-display),system-ui,sans-serif;margin:0}h1{font-size:28px;line-height:34px}h1,h2{font-weight:700}h2{font-size:22px;line-height:28px}h3{font-size:17px;line-height:24px;font-weight:600}p{margin:0 0 var(--sp-3)}p:last-child{margin-bottom:0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}svg.lucide{stroke-linecap:square;stroke-linejoin:miter}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pada-gelap :focus-visible{outline-color:var(--focus-on-dark)}.sr{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.lewati,.sr{position:absolute}.lewati{left:-9999px;top:0;z-index:200;background:var(--surface);color:var(--text);border:1px solid var(--control-border);padding:var(--sp-2) var(--sp-3)}.lewati:focus{left:var(--sp-3);top:var(--sp-3)}.num{font-family:var(--font-ui),system-ui,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500}.num-besar{font-family:var(--font-display),system-ui,sans-serif;font-weight:800;letter-spacing:-.01em}.mono{font-family:var(--font-mono),ui-monospace,monospace;font-size:12px;line-height:16px;letter-spacing:.02em}.negatif{color:var(--danger)}.stack{display:flex;flex-direction:column;gap:2px;min-width:0}.stack>.t{display:block;font:500 14px/20px var(--font-ui),system-ui,sans-serif;color:var(--text)}.stack>.s{display:block;font:400 12px/16px var(--font-ui),system-ui,sans-serif;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:var(--control-h);padding:0 var(--sp-4);border:0;background:var(--brand);color:#FFFFFF;font:600 14px/1 var(--font-ui),system-ui,sans-serif;cursor:pointer;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);white-space:nowrap}.btn:hover{background:var(--brand-hover);text-decoration:none}.btn:active{transform:translateY(1px)}.btn[disabled]{background:var(--surface-3);color:var(--text-disabled);cursor:not-allowed}.btn[disabled]:active{transform:none}.btn-bayar{background:var(--pay)}.btn-bayar:hover{background:var(--pay-hover)}.btn-sekunder{background:var(--surface);color:var(--text);border:1px solid var(--control-border)}.btn-sekunder:hover{background:var(--surface-2)}.btn-halus{background:transparent;color:var(--brand);font-weight:600}.btn-halus:hover{background:var(--brand-soft)}.btn-rusak{background:var(--danger)}.btn-rusak:hover{background:var(--danger-ink)}.btn-gelap{background:transparent;color:#FFFFFF;border:1px solid var(--nav-control-border)}.btn-gelap:hover{background:var(--nav-surface)}.btn-lg{height:var(--control-h-lg);padding:0 var(--sp-5);font-size:15px}.btn-sm{height:32px;padding:0 var(--sp-3);font-size:13px}.btn-blok{width:100%}.btn-ikon{width:var(--control-h);padding:0}.bidang{display:flex;flex-direction:column;gap:6px;min-width:0}.bidang>label{display:block;font:500 13px/18px var(--font-ui),system-ui,sans-serif;color:var(--text-muted)}.bantuan{color:var(--text-subtle)}.bantuan,.galat{display:block;font:400 12px/16px var(--font-ui),system-ui,sans-serif}.galat{color:var(--danger-ink)}.input,.textarea{width:100%;height:var(--control-h);padding:0 var(--sp-3);background:var(--surface);color:var(--text);border:1px solid var(--control-border);font:400 14px/22px var(--font-ui),system-ui,sans-serif;transition:border-color var(--dur-fast) var(--ease)}.textarea{height:auto;min-height:88px;padding:var(--sp-2) var(--sp-3);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--text-subtle)}.input:focus,.textarea:focus{border-color:var(--brand);outline-offset:1px}.input[aria-invalid=true]{border-color:var(--danger)}.input[disabled],.textarea[disabled]{background:var(--surface-3);color:var(--text-disabled);cursor:not-allowed}.input-num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cek{display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;font:400 14px/22px var(--font-ui),system-ui,sans-serif;color:var(--text)}.cek input{position:absolute;opacity:0;width:0;height:0}.cek-kotak{flex:0 0 auto;width:18px;height:18px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--control-border);color:transparent;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.cek input:checked+.cek-kotak{background:var(--brand);border-color:var(--brand);color:#FFFFFF}.cek input:focus-visible+.cek-kotak{outline:2px solid var(--focus);outline-offset:2px}.sakelar{position:relative;width:44px;height:24px;background:var(--surface-3);border:1px solid var(--control-border);cursor:pointer;padding:0;transition:background var(--dur-fast) var(--ease);flex:0 0 auto}.sakelar:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-muted);transition:transform var(--dur-base) var(--ease),background var(--dur-fast) var(--ease)}.sakelar[aria-checked=true]{background:var(--brand);border-color:var(--brand)}.sakelar[aria-checked=true]:after{transform:translateX(20px);background:#FFFFFF}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px 8px;border:1px solid var(--control-border);font:600 12px/16px var(--font-ui),system-ui,sans-serif;white-space:nowrap}.badge-neutral{background:var(--surface-2);color:var(--text-muted)}.badge-brand{background:var(--brand-soft);color:var(--brand-deep)}.badge-success{background:var(--success-soft);color:var(--success-ink)}.badge-warning{background:var(--warning-soft);color:var(--warning-ink)}.badge-danger{background:var(--danger-soft);color:var(--danger-ink)}.badge-info{background:var(--info-soft);color:var(--info-ink)}.badge-pekat{border-color:transparent;color:#FFFFFF}.badge-pekat.badge-brand{background:var(--brand)}.badge-pekat.badge-success{background:var(--success)}.badge-pekat.badge-warning{background:var(--warning)}.badge-pekat.badge-danger{background:var(--danger)}.badge-pekat.badge-info{background:var(--info)}.badge-pekat.badge-neutral{background:var(--text-muted)}.kartu{background:var(--surface);border:1px solid var(--border);padding:var(--sp-4)}.kartu-besar{padding:var(--sp-5)}.kartu-judul{justify-content:space-between;margin-bottom:var(--sp-3)}.kartu-judul,.kosong{display:flex;align-items:center;gap:var(--sp-3)}.kosong{flex-direction:column;padding:var(--sp-7) var(--sp-4);background:var(--surface-3);border:1px solid var(--border);text-align:center;color:var(--text-muted)}.kosong-judul{font:600 15px/22px var(--font-ui),system-ui,sans-serif;color:var(--text)}.rangka{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:rangka-geser 1.4s ease infinite;height:14px}@keyframes rangka-geser{0%{background-position:100% 50%}to{background-position:0 50%}}.snap-row{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3)}@media (max-width:768px){.snap-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;contain:paint;-webkit-overflow-scrolling:touch;padding-bottom:var(--sp-1)}.snap-row>*{flex:0 0 82vw;scroll-snap-align:start}}.page-enter{animation:masuk var(--dur-page) var(--ease-out) both}@keyframes masuk{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.page-enter{animation:none;opacity:1;transform:none}}.luar{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.luar-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);background:var(--surface)}.luar-logo{height:28px;width:auto}.luar-aksi{display:flex;align-items:center;gap:var(--sp-2)}.luar-main{flex:1 1}.luar-wrap{max-width:1120px;margin:0 auto;padding:var(--sp-7) var(--sp-5)}.hero{display:grid;grid-gap:var(--sp-7);gap:var(--sp-7);align-items:center}@media (min-width:1025px){.hero{grid-template-columns:1fr 1fr}}.hero-mata{display:block;font:600 12px/16px var(--font-ui),system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-deep);margin-bottom:var(--sp-3)}.hero h1{font-size:40px;line-height:46px;font-weight:800;margin-bottom:var(--sp-4)}@media (max-width:768px){.hero h1{font-size:30px;line-height:36px}}.hero-teks{color:var(--text-muted);font-size:16px;line-height:26px;max-width:46ch}.hero-cta{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-5)}.fitur-grid{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4);margin-top:var(--sp-8)}@media (min-width:769px){.fitur-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.fitur-grid{grid-template-columns:repeat(3,1fr)}}.fitur-ikon{width:36px;height:36px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-deep);margin-bottom:var(--sp-3)}.luar-foot{border-top:1px solid var(--border);background:var(--surface);padding:var(--sp-5)}.luar-foot-isi{max-width:1120px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);color:var(--text-muted);font-size:13px}.masuk{min-height:100dvh;display:grid;place-items:center;padding:var(--sp-5)}.masuk-kotak{width:100%;max-width:400px}.masuk-logo{height:32px;width:auto;margin:0 auto var(--sp-5)}.masuk-kredensial{background:var(--brand-soft);border:1px solid var(--control-border);padding:var(--sp-3);margin-bottom:var(--sp-4)}.masuk-kredensial dl{margin:0;display:grid;grid-template-columns:auto 1fr;grid-gap:2px var(--sp-3);gap:2px var(--sp-3)}.masuk-kredensial dt{font:400 12px/18px var(--font-ui),system-ui,sans-serif;color:var(--brand-deep)}.masuk-kredensial dd{margin:0;font:500 12px/18px var(--font-mono),ui-monospace,monospace;color:var(--brand-deep)}.masuk-peran{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2)}.masuk-peran-btn{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3);background:var(--surface);border:1px solid var(--control-border);cursor:pointer;text-align:left;transition:background var(--dur-fast) var(--ease)}.masuk-peran-btn:hover{background:var(--surface-2)}.masuk-peran-btn[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand)}.app{display:grid;grid-template-columns:var(--nav-w) minmax(0,1fr);min-height:100dvh;transition:grid-template-columns var(--dur-base) var(--ease)}.app[data-lipat=ya],.app[data-mode=kasir]{grid-template-columns:var(--nav-w-collapsed) minmax(0,1fr)}.app[data-mode=kasir]{height:100dvh;min-height:0;overflow:hidden}@media (max-width:1024px){.app,.app[data-lipat=ya],.app[data-mode=kasir]{grid-template-columns:minmax(0,1fr)}}.app-isi{display:flex;flex-direction:column;min-width:0;min-height:0}.halaman{padding:var(--sp-5);min-width:0}@media (max-width:768px){.halaman{padding:var(--sp-4)}}.app[data-mode=kasir] .halaman{padding:0;min-height:0;flex:1 1;overflow:hidden}.app[data-mode=kasir] .halaman>.page-enter{height:100%;min-height:0}.sb{background:var(--nav-bg);border-right:1px solid var(--nav-border);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100dvh;overflow:hidden}@media (max-width:1024px){.sb{display:none}}.sb-head{display:flex;align-items:center;height:var(--topbar-h);padding:0 var(--sp-3);border-bottom:1px solid var(--nav-border);flex:0 0 auto}.sb-logo{height:22px;width:auto}.sb-mark{height:24px;width:24px}.sb-nav{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:var(--sp-3) 0}.sb-grup{display:block;font:600 11px/16px var(--font-ui),system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--nav-muted);padding:var(--sp-4) var(--sp-4) var(--sp-2)}.app[data-lipat=ya] .sb-grup,.app[data-mode=kasir] .sb-grup{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app[data-lipat=ya] .sb-nav>div+div,.app[data-mode=kasir] .sb-nav>div+div{border-top:1px solid var(--nav-border);margin-top:var(--sp-2);padding-top:var(--sp-2)}.sb-item{position:relative;display:flex;align-items:center;gap:var(--sp-3);height:40px;padding:0 var(--sp-4) 0 calc(var(--sp-4) - 3px);margin-left:3px;color:var(--nav-text);font:500 14px/20px var(--font-ui),system-ui,sans-serif;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);white-space:nowrap}.sb-item:hover{background:var(--nav-surface);color:#FFFFFF;text-decoration:none}.sb-item-aktif,.sb-item-aktif:hover{background:var(--nav-active);color:#FFFFFF}.sb-item-aktif:before{content:"";position:absolute;left:-3px;top:0;bottom:0;width:3px;background:var(--nav-marker)}.sb-ikon{flex:0 0 auto}.sb-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.app[data-lipat=ya] .sb-label,.app[data-mode=kasir] .sb-label{display:none}.app[data-lipat=ya] .sb-item,.app[data-mode=kasir] .sb-item{justify-content:center;padding-left:0;padding-right:0}.app:not([data-lipat=ya]):not([data-mode=kasir]) .sb-mark,.app[data-lipat=ya] .sb-logo,.app[data-mode=kasir] .sb-logo{display:none}.app[data-lipat=ya] .sb-head,.app[data-mode=kasir] .sb-head{justify-content:center;padding:0}.sb-kaki{flex:0 0 auto;border-top:1px solid var(--nav-border);padding:var(--sp-2)}.sb-lipat{display:flex;align-items:center;gap:var(--sp-3);width:100%;height:36px;padding:0 var(--sp-2);background:transparent;border:1px solid var(--nav-control-border);color:var(--nav-text);font:500 13px/1 var(--font-ui),system-ui,sans-serif;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.sb-lipat:hover{background:var(--nav-surface);color:#FFFFFF}.app[data-lipat=ya] .sb-lipat span,.app[data-mode=kasir] .sb-lipat span{display:none}.app[data-lipat=ya] .sb-lipat,.app[data-mode=kasir] .sb-lipat{justify-content:center}.tb{position:-webkit-sticky;position:sticky;top:0;z-index:20;justify-content:space-between;gap:var(--sp-3);height:var(--topbar-h);padding:0 var(--sp-4);background:var(--surface);border-bottom:1px solid var(--border);flex:0 0 auto}.tb,.tb-kanan,.tb-kiri{display:flex;align-items:center}.tb-kanan,.tb-kiri{gap:var(--sp-2);min-width:0}.tb-hamburger{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--control-border);color:var(--text);cursor:pointer;flex:0 0 auto}@media (max-width:1024px){.tb-hamburger{display:flex}}.tb-logo{height:20px;width:auto;display:none}@media (max-width:1024px){.tb-logo{display:block}}.tb-judul{font:600 15px/22px var(--font-display),system-ui,sans-serif;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){.tb-judul{display:none}}.tb-cari{display:flex;align-items:center;gap:var(--sp-2);height:36px;padding:0 var(--sp-3);background:var(--surface);border:1px solid var(--control-border);color:var(--text-subtle);cursor:pointer;font:400 13px/1 var(--font-ui),system-ui,sans-serif;min-width:0}.tb-cari:hover{background:var(--surface-2)}@media (max-width:768px){.tb-cari span{display:none}}.avatar{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;color:#FFFFFF;font:700 12px/1 var(--font-display),system-ui,sans-serif}.avatar-1{background:var(--chart-1)}.avatar-2{background:var(--chart-2)}.avatar-3{background:var(--chart-3)}.avatar-4{background:var(--chart-4)}.avatar-5{background:var(--chart-5)}.avatar-6{background:var(--chart-6)}.avatar-sm{width:24px;height:24px;font-size:10px}.avatar-lg{width:44px;height:44px;font-size:15px}.mn{position:fixed;inset:0;z-index:90}.mn-scrim{position:absolute;inset:0;background:var(--scrim);animation:pudar var(--dur-base) var(--ease-out) both}.mn-panel{position:absolute;left:0;top:0;bottom:0;width:min(280px,86vw);background:var(--nav-bg);border-right:1px solid var(--nav-border);display:flex;flex-direction:column;animation:geser-kanan var(--dur-base) var(--ease-out) both}.mn-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);height:var(--topbar-h);padding:0 var(--sp-3);border-bottom:1px solid var(--nav-border);flex:0 0 auto}.mn-tutup{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:1px solid var(--nav-control-border);color:#FFFFFF;cursor:pointer}.mn-nav{flex:1 1;overflow-y:auto;padding:var(--sp-3) 0}@keyframes pudar{0%{opacity:0}to{opacity:1}}@keyframes geser-kanan{0%{transform:translateX(-100%)}to{transform:none}}.ph{margin-bottom:var(--sp-5)}.ph-atas{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4)}.ph-judul{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.ph-ket{color:var(--text-muted);font-size:13px;line-height:20px}.ph-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin-top:var(--sp-4)}.ph-aksi,.ph-saring{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.ph-saring{min-width:0}.ph-ujung{margin-left:auto}@media (max-width:768px){.ph-ujung{margin-left:0}}.remah{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);font-size:13px;margin-bottom:var(--sp-3)}.remah,.remah a{color:var(--text-muted)}.remah a:hover{color:var(--brand)}.vs{border:1px solid var(--control-border)}.vs,.vs-btn{display:flex;background:var(--surface)}.vs-btn{align-items:center;gap:var(--sp-2);height:38px;padding:0 var(--sp-3);color:var(--text-muted);border:0;border-left:1px solid var(--control-border);font:500 13px/1 var(--font-ui),system-ui,sans-serif;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.vs-btn:first-child{border-left:0}.vs-btn:hover{background:var(--surface-2);color:var(--text)}.vs-btn-aktif,.vs-btn-aktif:hover{background:var(--brand);color:#FFFFFF}@media (max-width:560px){.vs-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.vs-btn{padding:0 var(--sp-3)}}.view-panel{animation:view-masuk var(--dur-base) var(--ease-out) both}@keyframes view-masuk{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.tbl-bungkus{background:var(--surface);border:1px solid var(--border);overflow-x:auto;contain:paint}.tbl{width:100%;border-collapse:collapse;table-layout:fixed;min-width:720px}.tbl thead th{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:var(--surface-2);color:var(--text-muted);font:600 12px/16px var(--font-ui),system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);box-shadow:var(--shadow-1);white-space:nowrap}.tbl td.kanan,.tbl th.kanan{text-align:right}.tbl-urut{display:inline-flex;align-items:center;gap:var(--sp-1);background:transparent;border:0;padding:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.tbl tbody td,.tbl-urut:hover{color:var(--text)}.tbl tbody td{padding:10px 12px;border-bottom:1px solid var(--border);font:400 13px/20px var(--font-ui),system-ui,sans-serif;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.tbl tbody tr:hover{background:var(--surface-2)}.tbl tbody tr[aria-selected=true]{background:var(--brand-soft)}.tbl tbody tr.bisa-klik{cursor:pointer}.tbl td .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tbl-aksi{gap:var(--sp-1);justify-content:flex-end}.tbl-aksi,.tbl-massal{display:flex;align-items:center}.tbl-massal{flex-wrap:wrap;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--brand-soft);border:1px solid var(--control-border);border-bottom:0;font-size:13px;color:var(--brand-deep)}@media (max-width:1279px){.kolom-opsional{display:none}}.tbl-mobile{display:none}@media (max-width:768px){.tbl-desktop{display:none}.tbl-mobile{display:grid}}.tbl-kartu{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3)}.tbl-kartu-item{background:var(--surface);border:1px solid var(--border);padding:var(--sp-3);display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);color:var(--text)}.tbl-kartu-item:hover{text-decoration:none;border-color:var(--border-strong)}.tbl-kartu-baris{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.tbl-kartu-label{font:400 12px/16px var(--font-ui),system-ui,sans-serif;color:var(--text-muted);flex:0 0 auto}.tbl-kartu-nilai{font:500 13px/20px var(--font-ui),system-ui,sans-serif;color:var(--text);text-align:right;min-width:0}.kartu-grid{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.item-kartu{display:flex;flex-direction:column;gap:var(--sp-3);background:var(--surface);border:1px solid var(--border);padding:var(--sp-4);color:var(--text);transition:box-shadow var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.item-kartu:hover{box-shadow:var(--shadow-1);border-color:var(--border-strong);text-decoration:none}.item-kartu-atas{align-items:flex-start;gap:var(--sp-3)}.item-kartu-atas,.item-kartu-kaki{display:flex;justify-content:space-between}.item-kartu-kaki{flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--border)}.metrik{display:flex;flex-direction:column;gap:2px}.metrik-label{font:400 12px/16px var(--font-ui),system-ui,sans-serif;color:var(--text-muted)}.metrik-nilai{font:500 13px/20px var(--font-ui),system-ui,sans-serif;color:var(--text)}.kb{display:flex;gap:var(--sp-3);overflow-x:auto;contain:paint;padding-bottom:var(--sp-2);align-items:flex-start}.kb-kolom{flex:0 0 288px;background:var(--surface-2);border:1px solid var(--border);display:flex;flex-direction:column;max-height:70vh}.kb-kepala{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3);border-bottom:1px solid var(--border);flex:0 0 auto}.kb-titik{width:10px;height:10px;flex:0 0 auto}.kb-nama{font:600 13px/18px var(--font-ui),system-ui,sans-serif;color:var(--text)}.kb-jumlah{margin-left:auto;font:500 12px/16px var(--font-ui),system-ui,sans-serif;color:var(--text-muted)}.kb-isi{grid-gap:var(--sp-3);gap:var(--sp-3);overflow-y:auto}.kb-isi,.kb-kartu{padding:var(--sp-3);display:grid}.kb-kartu{background:var(--surface);border:1px solid var(--border);grid-gap:var(--sp-2);gap:var(--sp-2);color:var(--text)}.kb-kartu:hover{border-color:var(--border-strong);box-shadow:var(--shadow-1);text-decoration:none}@media (max-width:768px){.kb-kolom{flex-basis:82vw}}.kal{background:var(--surface);border:1px solid var(--border)}.kal-bar{justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3);border-bottom:1px solid var(--border)}.kal-bar,.kal-nav{display:flex;align-items:center}.kal-nav{gap:var(--sp-2)}.kal-bulan{font:700 15px/22px var(--font-display),system-ui,sans-serif}.kal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.kal-hari{text-align:center;font:600 12px/16px var(--font-ui),system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-2)}.kal-hari,.kal-sel{padding:var(--sp-2);border-bottom:1px solid var(--border)}.kal-sel{min-height:96px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.kal-sel:nth-child(7n){border-right:0}.kal-sel-luar{background:var(--surface-2)}.kal-tanggal{font:500 12px/16px var(--font-ui),system-ui,sans-serif;color:var(--text-muted)}.kal-sel-kini .kal-tanggal{color:var(--brand-deep);font-weight:700;border-bottom:2px solid var(--brand);align-self:flex-start}.kal-acara{display:block;padding:3px 6px;font:500 12px/16px var(--font-ui),system-ui,sans-serif;border:1px solid var(--control-border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kal-lain{font:400 12px/16px var(--font-ui),system-ui,sans-serif;color:var(--text-muted)}@media (max-width:768px){.kal-sel{min-height:64px;padding:var(--sp-1)}.kal-acara{padding:2px 4px}}.sel{position:relative;min-width:0}.sel-pemicu{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%;height:var(--control-h);padding:0 var(--sp-3);background:var(--surface);color:var(--text);border:1px solid var(--control-border);font:400 14px/1 var(--font-ui),system-ui,sans-serif;cursor:pointer;text-align:left}.sel-pemicu:hover{background:var(--surface-2)}.sel-pemicu[aria-expanded=true]{border-color:var(--brand)}.sel-nilai{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel-chev{flex:0 0 auto;transition:transform var(--dur-base) var(--ease)}.sel-pemicu[aria-expanded=true] .sel-chev{transform:rotate(180deg)}.sel-panel{position:absolute;top:calc(100% + 4px);z-index:40;min-width:100%;max-width:calc(100vw - 2rem);max-height:280px;overflow-y:auto;background:var(--surface);border:1px solid var(--control-border);box-shadow:var(--shadow-2);padding:var(--sp-1);margin:0;list-style:none;animation:panel-masuk var(--dur-base) var(--ease-out) both}.sel-panel[data-sisi=kiri]{left:0}.sel-panel[data-sisi=kanan]{right:0}@keyframes panel-masuk{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.sel-opsi{display:flex;align-items:center;gap:var(--sp-2);min-height:36px;padding:var(--sp-1) var(--sp-2);cursor:pointer;font:400 14px/20px var(--font-ui),system-ui,sans-serif;color:var(--text)}.sel-opsi:hover,.sel-opsi[data-sorot=ya]{background:var(--surface-2)}.sel-opsi[aria-selected=true]{background:var(--brand-soft);color:var(--brand-deep);font-weight:600}.sel-cek{flex:0 0 auto;width:16px}.dp{position:relative;min-width:0}.dp-panel{position:absolute;top:calc(100% + 4px);z-index:40;width:304px;max-width:calc(100vw - 2rem);background:var(--surface);border:1px solid var(--control-border);box-shadow:var(--shadow-2);padding:var(--sp-3);animation:panel-masuk var(--dur-base) var(--ease-out) both}.dp-panel[data-sisi=kiri]{left:0}.dp-panel[data-sisi=kanan]{right:0}.dp-panel-lebar{width:336px}.dp-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-3)}.dp-bulan{font:600 14px/20px var(--font-display),system-ui,sans-serif}.dp-nav{width:32px;height:32px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--control-border);color:var(--text);cursor:pointer}.dp-nav:hover{background:var(--surface-2)}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px}.dp-hari{text-align:center;font:600 11px/16px var(--font-ui),system-ui,sans-serif;color:var(--text-muted);padding-bottom:var(--sp-1)}.dp-sel{height:36px;display:grid;place-items:center;background:var(--surface);border:1px solid transparent;color:var(--text);font:400 13px/1 var(--font-ui),system-ui,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer}.dp-sel:hover{background:var(--surface-2)}.dp-sel-luar{color:var(--text-subtle)}.dp-sel-kini{border-bottom:2px solid var(--brand);font-weight:600}.dp-sel-pilih,.dp-sel-pilih:hover{background:var(--brand);color:#FFFFFF;font-weight:600}.dp-sel-rentang{background:var(--brand-soft);color:var(--brand-deep)}.dp-sel[disabled]{color:var(--text-disabled);cursor:not-allowed;background:var(--surface)}.dp-kaki{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border)}.dp-pintas{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-bottom:var(--sp-3)}.ov{position:fixed;inset:0;z-index:100;display:grid}.ov-scrim{position:absolute;inset:0;background:var(--scrim);animation:pudar var(--dur-base) var(--ease-out) both}.ov-kotak{position:relative;z-index:1;background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-3);display:flex;flex-direction:column;min-height:0}.ov-tengah{place-items:center;padding:var(--sp-4)}.ov-tengah .ov-kotak{width:min(560px,100%);max-height:calc(100dvh - var(--sp-8));animation:modal-masuk var(--dur-base) var(--ease-out) both}.ov-lebar .ov-kotak{width:min(880px,100%)}.ov-kanan{justify-items:end}.ov-kanan .ov-kotak{width:min(460px,100%);height:100dvh;animation:geser-kiri var(--dur-base) var(--ease-out) both}.ov-bawah{align-items:end}.ov-bawah .ov-kotak{width:100%;max-height:88dvh;animation:geser-atas var(--dur-base) var(--ease-out) both}@keyframes modal-masuk{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes geser-kiri{0%{transform:translateX(100%)}to{transform:none}}@keyframes geser-atas{0%{transform:translateY(100%)}to{transform:none}}.ov-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);border-bottom:1px solid var(--border);flex:0 0 auto}.ov-isi,.ov-kepala{padding:var(--sp-4)}.ov-isi{overflow-y:auto;flex:1 1;min-height:0}.ov-kaki{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding:var(--sp-4);border-top:1px solid var(--border);flex:0 0 auto}.ov-tutup{width:36px;height:36px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--control-border);color:var(--text);cursor:pointer;flex:0 0 auto}.ov-tutup:hover{background:var(--surface-2)}.kasir{display:grid;grid-template-columns:200px minmax(0,1fr) 380px;height:100%;min-height:0;background:var(--bg)}@media (max-width:1279px){.kasir{grid-template-columns:minmax(0,1fr) 340px}}@media (max-width:1024px){.kasir{grid-template-columns:minmax(0,1fr)}}.kasir-rel{background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1);min-height:0}@media (max-width:1279px){.kasir-rel{display:none}}.kasir-rel-btn{display:flex;align-items:center;gap:var(--sp-2);width:100%;min-height:40px;padding:var(--sp-2) var(--sp-3);background:var(--surface);border:1px solid transparent;color:var(--text);font:500 13px/18px var(--font-ui),system-ui,sans-serif;cursor:pointer;text-align:left}.kasir-rel-btn:hover{background:var(--surface-2)}.kasir-rel-btn[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-deep);font-weight:600}.kasir-rel-titik{width:10px;height:10px;flex:0 0 auto}.kasir-tengah{display:flex;flex-direction:column;min-width:0;min-height:0}.kasir-cari{display:flex;align-items:center;padding:var(--sp-3)}.kasir-cari,.kasir-chip-baris{gap:var(--sp-2);background:var(--surface);border-bottom:1px solid var(--border);flex:0 0 auto}.kasir-chip-baris{display:none;padding:var(--sp-2) var(--sp-3);overflow-x:auto;contain:paint}@media (max-width:1279px){.kasir-chip-baris{display:flex}}.kasir-chip{display:flex;align-items:center;gap:var(--sp-2);height:36px;padding:0 var(--sp-3);background:var(--surface);border:1px solid var(--control-border);color:var(--text-muted);font:500 13px/1 var(--font-ui),system-ui,sans-serif;cursor:pointer;white-space:nowrap;flex:0 0 auto}.kasir-chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#FFFFFF}.kasir-grid-bungkus{flex:1 1;overflow-y:auto;padding:var(--sp-3);min-height:0}.kasir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--sp-3);gap:var(--sp-3)}@media (max-width:480px){.kasir-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.ubin{display:flex;flex-direction:column;width:100%;min-height:132px;background:var(--surface);border:1px solid var(--border);cursor:pointer;padding:0;text-align:left;overflow:hidden;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.ubin:hover{border-color:var(--brand);box-shadow:var(--shadow-1)}.ubin[disabled]{cursor:not-allowed;opacity:.6}.ubin-muka{aspect-ratio:1/1;display:grid;place-items:center;color:#FFFFFF;font:800 28px/1 var(--font-display),system-ui,sans-serif;letter-spacing:-.02em;flex:0 0 auto}.ubin-muka-1{background:var(--chart-1)}.ubin-muka-2{background:var(--chart-2)}.ubin-muka-3{background:var(--chart-3)}.ubin-muka-4{background:var(--chart-4)}.ubin-muka-5{background:var(--chart-5)}.ubin-muka-6{background:var(--chart-6)}.ubin-isi{padding:var(--sp-2) var(--sp-3) var(--sp-3);display:flex;flex-direction:column;gap:2px}.ubin-nama{display:block;font:500 13px/18px var(--font-ui),system-ui,sans-serif;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ubin-harga{display:block;font:600 13px/18px var(--font-ui),system-ui,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text)}.ubin-tanda{position:absolute;top:var(--sp-2);right:var(--sp-2)}.ubin-bungkus{position:relative}.keranjang{background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}@media (max-width:1024px){.keranjang{display:none}}.keranjang.keranjang-lembar{display:flex;border-left:0;max-height:84dvh}.krj-kepala{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-3);border-bottom:1px solid var(--border);flex:0 0 auto}.krj-daftar{flex:1 1;overflow-y:auto;min-height:0}.krj-baris{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);padding:var(--sp-3);border-bottom:1px solid var(--border)}.krj-baris-atas{align-items:flex-start}.krj-baris-atas,.krj-baris-bawah{display:flex;justify-content:space-between;gap:var(--sp-2)}.krj-baris-bawah,.stepper{align-items:center}.stepper{display:flex;border:1px solid var(--control-border);background:var(--surface)}.stepper-btn{width:32px;height:32px;display:grid;place-items:center;background:var(--surface);border:0;color:var(--text);cursor:pointer}.stepper-btn:hover{background:var(--surface-2)}.stepper-btn[disabled]{color:var(--text-disabled);cursor:not-allowed}.stepper-nilai{min-width:40px;text-align:center;font:600 14px/32px var(--font-ui),system-ui,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border-left:1px solid var(--control-border);border-right:1px solid var(--control-border)}.krj-kaki{flex:0 0 auto;border-top:1px solid var(--border-strong);padding:var(--sp-3)}.krj-ringkas{display:grid;grid-gap:var(--sp-1);gap:var(--sp-1);margin-bottom:var(--sp-3)}.krj-ringkas-baris{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);font:400 13px/20px var(--font-ui),system-ui,sans-serif;color:var(--text-muted)}.krj-ringkas-baris .num{color:var(--text)}.krj-total{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.krj-total-label{font:600 13px/20px var(--font-ui),system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.krj-total-nilai{font:800 36px/40px var(--font-display),system-ui,sans-serif;color:var(--text)}@media (min-width:1280px){.krj-total-nilai{font-size:44px;line-height:48px}}.krj-aksi{grid-gap:var(--sp-2)}.krj-aksi,.krj-aksi-baris{display:grid;gap:var(--sp-2)}.krj-aksi-baris{grid-template-columns:1fr 1fr;grid-gap:var(--sp-2)}.krj-bar{display:none;position:-webkit-sticky;position:sticky;bottom:0;z-index:15;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3);background:var(--surface);border-top:1px solid var(--border-strong);flex:0 0 auto}@media (max-width:1024px){.krj-bar{display:flex}}.struk{background:var(--surface);border:1px solid var(--border);padding:var(--sp-4);font:400 12px/18px var(--font-mono),ui-monospace,monospace;color:var(--text);max-width:340px}.struk[data-lebar="58"]{max-width:240px;font-size:11px}.struk-tengah{text-align:center}.struk-garis{border:0;border-top:1px dashed var(--border-strong);margin:var(--sp-2) 0}.struk-baris{display:flex;justify-content:space-between;gap:var(--sp-3)}.struk-baris span:last-child{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}@media print{body *{visibility:hidden}[data-area-cetak],[data-area-cetak] *{visibility:visible}[data-area-cetak]{position:absolute;top:0;left:0;border:0;box-shadow:none}[data-area-cetak=struk]{max-width:none;width:80mm}[data-area-cetak=struk][data-lebar="58"]{width:58mm}}.struk-tebal{font-weight:500}.kpi-grid{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.kpi-grid.snap-row{display:flex}.kpi-grid.snap-row>*{flex:0 0 78vw}}.kpi{background:var(--surface);border:1px solid var(--border);padding:var(--sp-4);display:grid;grid-gap:var(--sp-1);gap:var(--sp-1)}.kpi-label{display:block;font:600 12px/16px var(--font-ui),system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.kpi-nilai{display:block;font:800 30px/36px var(--font-display),system-ui,sans-serif;color:var(--text)}.kpi-ubah{display:flex;align-items:center;gap:var(--sp-1);font:500 13px/20px var(--font-ui),system-ui,sans-serif}.kpi-naik{color:var(--success-ink)}.kpi-turun{color:var(--danger-ink)}.grafik{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3)}.grafik-batang{display:flex;align-items:stretch;gap:var(--sp-2);height:180px}.grafik-kolom{flex:1 1;display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.grafik-area{flex:1 1;display:flex;align-items:flex-end;min-height:0}.grafik-isi{width:100%;background:var(--chart-1);min-height:2px}.grafik-kaki{text-align:center;font:400 12px/16px var(--font-ui),system-ui,sans-serif;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legenda{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.legenda-item{display:flex;align-items:center;gap:var(--sp-2);font:400 13px/20px var(--font-ui),system-ui,sans-serif;color:var(--text-muted)}.legenda-titik{width:12px;height:12px;flex:0 0 auto}.bar-daftar{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3)}.bar-item{display:grid;grid-gap:var(--sp-1);gap:var(--sp-1)}.bar-track{height:10px;background:var(--surface-3)}.bar-isi{height:100%;background:var(--chart-1)}.kolom-2{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4)}@media (min-width:1025px){.kolom-2{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}}.kolom-sisi,.seksi{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4)}.seksi+.seksi{margin-top:var(--sp-6)}.form-grid{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4)}@media (min-width:769px){.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.def{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3);margin:0}.def-baris{display:grid;grid-gap:2px;gap:2px}.def-baris dt{font:400 12px/16px var(--font-ui),system-ui,sans-serif;color:var(--text-muted)}.def-baris dd{margin:0;font:500 14px/20px var(--font-ui),system-ui,sans-serif;color:var(--text)}.catatan-stage{display:flex;gap:var(--sp-2);padding:var(--sp-3);background:var(--info-soft);border:1px solid var(--control-border);color:var(--info-ink);font:400 13px/20px var(--font-ui),system-ui,sans-serif}.catatan-stage b{font-weight:600}.tab-baris{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--border);overflow-x:auto;contain:paint;margin-bottom:var(--sp-4)}.tab-btn{padding:var(--sp-2) var(--sp-3);background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text-muted);font:500 13px/20px var(--font-ui),system-ui,sans-serif;cursor:pointer;white-space:nowrap}.tab-btn:hover{color:var(--text)}.tab-btn-aktif{color:var(--brand-deep);border-bottom-color:var(--brand);font-weight:600}