@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a1f87af3f44fadbb-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/86f65e8637cc94e3-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/39f449c8730c2295-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/9fabb9c65b63d798-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/f9e1dbe9676d9bb6-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-20c4,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/8760c4774489e4ba-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/a1f87af3f44fadbb-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/86f65e8637cc94e3-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/39f449c8730c2295-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/9fabb9c65b63d798-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/f9e1dbe9676d9bb6-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-20c4,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/8760c4774489e4ba-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_3666fc{font-family:Manrope,Manrope Fallback;font-style:normal}.__variable_3666fc{--font-manrope:"Manrope","Manrope Fallback"}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-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:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_176161{font-family:Inter,Inter Fallback;font-style:normal}.__variable_176161{--font-inter:"Inter","Inter Fallback"}:root{--navy:oklch(28.5% 0.08 258);--navy-2:oklch(35% 0.1 258);--biru:oklch(62% 0.15 245);--hijau:oklch(62% 0.17 142);--hijau-tekan:oklch(54% 0.15 142);--hijau-lembut:oklch(95% 0.04 142);--merah:oklch(55% 0.19 27);--merah-lembut:oklch(95.5% 0.03 27);--kuning:oklch(80% 0.15 85);--bg:oklch(97% 0.005 258);--surface:oklch(99.5% 0.003 258);--line:oklch(90% 0.008 258);--ink:oklch(22% 0.03 258);--ink-2:oklch(42% 0.025 258);--ink-3:oklch(58% 0.02 258);--di-navy:oklch(97% 0.01 258);--di-navy-2:oklch(80% 0.03 258);--ease-out:cubic-bezier(0.23,1,0.32,1);--bilah:64px;--font-judul:var(--font-manrope),"Manrope",system-ui,sans-serif;--font-isi:var(--font-inter),"Inter",system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.5 var(--font-isi);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}a{color:var(--biru)}h1,h2,h3{font-family:var(--font-judul);letter-spacing:-.01em}h1{font-size:1.75rem;line-height:1.2;margin:0 0 8px;font-weight:800}h2{font-size:1.375rem;line-height:1.25;margin:0 0 12px}h2,h3{font-weight:700}h3{font-size:1.125rem;margin:0 0 8px}.angka{font-family:var(--font-judul);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800}.redup{color:var(--ink-2);margin:0 0 16px}.kecil{font-size:.875rem;color:var(--ink-3)}.bilah{position:-webkit-sticky;position:sticky;top:0;z-index:20;height:var(--bilah);display:flex;align-items:center;gap:12px;padding:0 12px 0 8px;background:linear-gradient(180deg,oklch(33% .09 258),var(--navy));color:var(--di-navy);box-shadow:inset 0 1px 0 oklch(100% 0 0/.16),0 1px 0 oklch(20% .06 258)}.bilah .ikon-tombol{width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:14px;color:inherit;cursor:pointer;background:linear-gradient(180deg,oklch(100% 0 0/.14),oklch(100% 0 0/.05));box-shadow:inset 0 1px 0 oklch(100% 0 0/.22),inset 0 0 0 1px oklch(100% 0 0/.08);transition:background-color .16s ease,transform .16s var(--ease-out)}.bilah .ikon-tombol:active{transform:scale(.95);background:var(--navy-2)}.bilah .ikon-tombol:focus-visible{outline:3px solid var(--di-navy);outline-offset:-3px}.lencana-logo{width:44px;height:44px;flex:none;border-radius:12px;background:var(--surface);display:grid;place-items:center}.lencana-logo img{width:36px;height:36px;display:block}.bilah-judul{min-width:0;line-height:1.2}.bilah-judul b{display:block;font-family:var(--font-judul);font-size:1.0625rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-online{display:inline-flex;align-items:center;gap:6px;margin-top:3px;font-size:.75rem;font-weight:600;color:var(--di-navy-2)}.status-online:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--hijau)}.bilah-isi{flex:1 1}.tombol{font:inherit;font-weight:650;min-height:52px;padding:0 20px;border-radius:12px;border:1.5px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;transition:transform .16s var(--ease-out),background-color .16s ease,border-color .16s ease}.tombol:active:not(:disabled){transform:scale(.97)}.tombol:focus-visible{outline:3px solid var(--biru);outline-offset:2px}.tombol:disabled{opacity:.5;cursor:not-allowed}.tombol.utama{background:var(--hijau);color:var(--surface)}.tombol.utama:active:not(:disabled){background:var(--hijau-tekan)}.tombol.navy{background:var(--navy);color:var(--di-navy)}.tombol.kedua{background:var(--surface);color:var(--ink);border-color:var(--line)}.tombol.tenang{color:var(--ink-2)}.tombol.bahaya,.tombol.tenang{background:transparent;padding:0 12px;min-height:44px}.tombol.bahaya{color:var(--merah)}.tombol.penuh{width:100%}.tombol.besar{min-height:60px;font-size:1.125rem}@media (hover:hover) and (pointer:fine){.tombol.kedua:hover:not(:disabled){border-color:var(--ink-3)}.tombol.bahaya:hover,.tombol.tenang:hover{text-decoration:underline}}.isian{display:grid;grid-gap:6px;gap:6px;margin-bottom:16px}.isian label{font-weight:600;font-size:.9375rem}.isian input,.isian select{font:inherit;min-height:56px;padding:0 16px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}.isian input:focus-visible,.isian select:focus-visible{outline:3px solid var(--biru);outline-offset:1px;border-color:var(--biru)}.galat{background:var(--merah-lembut);color:oklch(40% .15 27)}.berhasil,.galat{padding:12px 16px;border-radius:12px;margin:0 0 16px;font-size:.9375rem;font-weight:500}.berhasil{background:var(--hijau-lembut);color:oklch(38% .12 142)}.masuk{min-height:100dvh;display:grid;grid-template-columns:minmax(320px,5fr) 6fr}.masuk-merek{background:var(--navy);color:var(--di-navy);padding:48px;display:flex;flex-direction:column;justify-content:center;gap:24px}.masuk-merek .logo-besar{width:132px;height:132px;border-radius:32px;background:var(--surface);display:grid;place-items:center}.masuk-merek .logo-besar img{width:108px;height:108px}.masuk-merek h1{font-size:2.25rem;color:var(--di-navy);margin:0}.semboyan{display:flex;gap:10px;flex-wrap:wrap;font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--di-navy-2)}.semboyan span:not(:last-child):after{content:"·";margin-left:10px;color:var(--hijau)}.masuk-form{display:flex;align-items:center;justify-content:center;padding:48px 24px}.masuk-form>div{width:100%;max-width:400px}@media (max-width:760px){.masuk{grid-template-columns:1fr;grid-template-rows:auto 1fr}.masuk-merek{padding:28px 24px;flex-direction:row;align-items:center;gap:16px}.masuk-merek .logo-besar{width:64px;height:64px;border-radius:16px}.masuk-merek .logo-besar img{width:52px;height:52px}.masuk-merek h1{font-size:1.375rem}.masuk-merek .semboyan{display:none}.masuk-merek .masuk-tempat{min-width:0;padding:0;border:0}.masuk-merek .masuk-tempat b{font-size:1.0625rem}.masuk-merek .masuk-tempat span{font-size:.8125rem}.masuk-pin .masuk-merek>div{display:none}.masuk-pin .masuk-merek{padding:16px 20px}.masuk-pin .masuk-form{padding:20px}.masuk-pin .titik-pin{margin-top:24px}.masuk-pin .papan.papan-pin button{min-height:64px}.masuk-form{align-items:flex-start;padding:28px 20px}}.layar-penuh{min-height:100dvh;display:flex;flex-direction:column}.isi-tengah{flex:1 1;display:flex;align-items:center;justify-content:center;padding:32px 20px}.isi-tengah>div{width:100%;max-width:760px}.ubin-staf{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,200px));justify-content:center;grid-gap:16px;gap:16px}.ubin-staf a{min-height:132px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--surface);border:1.5px solid var(--line);border-radius:16px;color:var(--ink);text-decoration:none;font-weight:650;font-size:1.0625rem;text-align:center;transition:transform .16s var(--ease-out),border-color .16s ease}.ubin-staf a:active{transform:scale(.97);border-color:var(--hijau)}.ubin-staf a:focus-visible{outline:3px solid var(--biru);outline-offset:2px}.inisial{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--di-navy);font-family:var(--font-judul);font-weight:800;font-size:1.25rem}.layar-pin{display:flex;flex-direction:column;align-items:stretch}.pilih-karyawan{position:relative;display:block}.pilih-karyawan select{width:100%;min-height:60px;padding:0 52px 0 20px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font:inherit;font-size:1.125rem;font-weight:600;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}.pilih-karyawan select:has(option[value=""]:checked){color:var(--ink-3);font-weight:500}.pilih-karyawan select:focus-visible{outline:3px solid var(--biru);outline-offset:1px;border-color:var(--biru)}.pilih-karyawan svg{position:absolute;right:18px;top:50%;width:24px;height:24px;margin-top:-12px;fill:var(--ink-2);pointer-events:none}.pilih-karyawan[data-minta] select{border-color:var(--merah);box-shadow:0 0 0 3px var(--merah-lembut);animation:pin-getar .38s var(--ease-out)}.layar-pin .titik-pin{margin:36px 0 0}.petunjuk-pin{margin:0;text-align:center;color:var(--ink-2);font-size:1rem}.petunjuk-pin.minta{color:oklch(45% .17 27);font-weight:600}.layar-pin .ruang-galat-pin{min-height:72px;padding-top:18px;text-align:center}.papan.papan-pin{gap:10px}.papan.papan-pin button{min-height:72px;border-color:transparent;background:transparent;font-size:2rem}@media (hover:hover){.papan.papan-pin button:hover:not(:disabled){background:var(--bg)}}.papan.papan-pin button:active:not(:disabled){background:var(--hijau-lembut)}@media (orientation:landscape) and (max-height:560px){.masuk-pin{grid-template-columns:minmax(240px,4fr) 6fr}.masuk-pin .masuk-merek{padding:24px;gap:14px}.masuk-pin .masuk-merek .logo-besar{width:72px;height:72px;border-radius:18px}.masuk-pin .masuk-merek .logo-besar img{width:58px;height:58px}.masuk-pin .masuk-merek h1{font-size:1.5rem}.masuk-pin .masuk-merek .semboyan{display:none}.masuk-pin .masuk-tempat{padding-top:14px}.masuk-pin .masuk-tempat b{font-size:1.125rem}.masuk-pin .masuk-form{padding:12px 24px}.masuk-pin .pilih-karyawan select{min-height:48px}.masuk-pin .titik-pin{margin-top:14px}.masuk-pin .ruang-galat-pin{min-height:44px;padding-top:10px}.masuk-pin .papan.papan-pin{gap:2px}.masuk-pin .papan.papan-pin button{min-height:50px;font-size:1.5rem}}.papan.papan-pin .fungsi{font-family:var(--font-judul);font-size:1.625rem;font-weight:700;color:var(--ink)}.papan-pin .fungsi svg{width:34px;height:34px;fill:currentColor}.papan.papan-pin button.fungsi:disabled{color:var(--ink-3);cursor:default}.masuk-tempat{margin:0;display:flex;flex-direction:column;gap:4px;padding-top:20px;border-top:1px solid oklch(100% 0 0/.14)}.masuk-tempat b{font-family:var(--font-judul);font-size:1.375rem;color:var(--di-navy)}.masuk-tempat span{font-size:.9375rem;color:var(--di-navy-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.titik-pin{position:relative;display:flex;gap:16px;justify-content:center;margin:20px 0 8px}.titik-pin span{width:18px;height:18px;border-radius:50%;border:2px solid var(--ink-3);transition:background-color .12s ease,border-color .12s ease,transform .22s cubic-bezier(.77,0,.175,1),opacity .18s ease}.titik-pin span.isi{background:var(--navy);border-color:var(--navy);animation:titik-letup .18s var(--ease-out)}@keyframes titik-letup{40%{transform:scale(1.3)}}.titik-pin[data-keadaan=salah]{animation:pin-getar .38s var(--ease-out)}.titik-pin[data-keadaan=salah] span.isi{background:var(--merah);border-color:var(--merah);animation:none}@keyframes pin-getar{15%{transform:translateX(-10px)}30%{transform:translateX(9px)}45%{transform:translateX(-7px)}60%{transform:translateX(5px)}75%{transform:translateX(-3px)}to{transform:translateX(0)}}.titik-pin[data-keadaan=benar] span{background:var(--hijau);border-color:var(--hijau);transform:translateX(var(--ke-tengah)) scale(.6);opacity:0;animation:none}.titik-pin .centang{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;opacity:0;transform:scale(.6);pointer-events:none}.titik-pin .centang circle{fill:var(--hijau)}.titik-pin .centang path{fill:none;stroke:var(--surface);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:32;stroke-dashoffset:32}.titik-pin[data-keadaan=benar] .centang{opacity:1;transform:scale(1);transition:transform .26s var(--ease-out) .14s,opacity .12s ease .14s}.titik-pin[data-keadaan=benar] .centang path{stroke-dashoffset:0;transition:stroke-dashoffset .22s var(--ease-out) .26s}@media (prefers-reduced-motion:reduce){.titik-pin span.isi,.titik-pin[data-keadaan=salah]{animation:none}.titik-pin[data-keadaan=benar] .centang,.titik-pin[data-keadaan=benar] span{transform:none}}.ruang-galat-pin{min-height:64px;padding-top:16px}.ruang-galat-pin .galat{margin:0}.papan{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.papan a,.papan button{font:inherit;min-height:76px;border-radius:16px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font-family:var(--font-judul);font-size:1.75rem;font-weight:700;display:grid;place-items:center;text-decoration:none;cursor:pointer;transition:transform .12s var(--ease-out),background-color .12s ease}.papan a:active,.papan button:active:not(:disabled){transform:scale(.96);background:var(--hijau-lembut)}.papan a:focus-visible,.papan button:focus-visible{outline:3px solid var(--biru);outline-offset:2px}.papan .fungsi{font-family:var(--font-isi);font-size:1rem;font-weight:600;color:var(--ink-2)}.layar{max-width:960px;margin:0 auto;padding:24px 20px calc(48px + env(safe-area-inset-bottom))}.layar.sempit{max-width:440px}.kepala{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}.bagian{padding:24px 0;border-top:1px solid var(--line)}.daftar{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:16px}.daftar li{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:8px 8px 8px 16px;border-bottom:1px solid var(--line)}.daftar li:last-child{border-bottom:none}.lencana{display:inline-block;font-size:.75rem;font-weight:700;padding:3px 9px;border-radius:999px;background:oklch(94% .03 258);color:var(--navy);margin-left:8px;vertical-align:middle}.lencana.redup{background:var(--line);color:var(--ink-2)}.baris-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:560px){.baris-form{grid-template-columns:1fr}}.layar-kasir{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.kasir-aktif{font-weight:600;color:var(--di-navy-2);padding:0 8px;white-space:nowrap}.kasir{flex:1 1;min-height:0;display:grid;grid-template-columns:96px minmax(0,1fr) 360px}.kasir.rel-lebar{grid-template-columns:220px minmax(0,1fr) 360px}.rel{background:var(--surface);border-right:1px solid var(--line);overflow-y:auto;display:flex;flex-direction:column}.rel button{font:inherit;border:0;background:transparent;color:var(--ink-2);cursor:pointer}.rel-ringkas{min-height:56px;gap:10px;font-weight:600}.rel-item,.rel-ringkas{display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)!important}.rel-item{min-height:76px;padding:8px;flex-direction:column;gap:4px;transition:background-color .12s ease}.rel-item:focus-visible{outline:3px solid var(--biru);outline-offset:-3px}.rel-kode{font-family:var(--font-judul);font-weight:800;font-size:1.125rem;color:var(--ink);display:grid;place-items:center;min-height:28px}.rel-label{font-size:.75rem;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rel-item.pilih{background:var(--hijau-lembut);box-shadow:inset 0 0 0 2px var(--hijau)}.rel-item.pilih,.rel-item.pilih .rel-kode{color:oklch(38% .12 142)}.rel-lebar .rel-item{flex-direction:row;justify-content:flex-start;gap:12px;padding:8px 16px;min-height:64px}.rel-lebar .rel-kode{width:32px;flex:none}.rel-lebar .rel-label{font-size:.9375rem;color:inherit}.tengah{min-width:0;display:flex;flex-direction:column;overflow:hidden}.kolom-cari{margin:12px 16px;min-height:56px;padding:0 12px 0 16px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1.5px solid var(--line);border-radius:14px;color:var(--ink-3)}.kolom-cari:focus-within{border-color:var(--biru)}.kolom-cari input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:1.0625rem;color:var(--ink);min-height:52px}.kolom-cari button{border:0;background:transparent;color:var(--ink-3);cursor:pointer;width:44px;height:44px;display:grid;place-items:center}.grid-menu{flex:1 1;min-height:0;overflow-y:auto;padding:4px 16px 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));grid-auto-rows:max-content;grid-gap:14px;gap:14px;align-content:start}.ubin-menu{font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;background:var(--surface);border:1.5px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .14s var(--ease-out),border-color .14s ease}.ubin-menu:active{transform:scale(.97);border-color:var(--hijau)}.ubin-menu:focus-visible{outline:3px solid var(--biru);outline-offset:2px}.ubin-gambar{position:relative;aspect-ratio:16/10;display:grid;place-items:center;font-family:var(--font-judul);font-weight:800;font-size:2rem}.ubin-qty{position:absolute;top:8px;left:8px;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:var(--hijau);color:var(--surface);display:grid;place-items:center;font-size:.9375rem}.ubin-nama{padding:10px 12px 2px;font-weight:600;line-height:1.3;min-height:3.1em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink)}.ubin-harga{padding:2px 12px 12px;font-size:1.0625rem;color:var(--navy)}.panel-pesanan{min-width:0;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--line)}.pesanan-kepala{min-height:64px;padding:8px 8px 8px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.daftar-pesanan{flex:1 1;overflow-y:auto;list-style:none;margin:0;padding:0}.daftar-pesanan li{display:grid;grid-gap:6px 12px;gap:6px 12px;padding:12px 16px 12px 20px;border-bottom:1px solid var(--line)}.pesanan-nama{min-width:0;display:flex;flex-direction:column}.pesanan-nama b{font-weight:600;overflow-wrap:anywhere}.stepper{display:flex;align-items:center;gap:4px;align-self:center}.stepper button{width:44px;height:44px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:transform .12s var(--ease-out)}.stepper button:active{transform:scale(.94);background:var(--hijau-lembut)}.stepper .angka{min-width:28px;text-align:center;font-size:1.125rem}.daftar-pesanan li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nama stepper" "sub stepper"}.daftar-pesanan .pesanan-nama{grid-area:nama}.daftar-pesanan .stepper{grid-area:stepper}.daftar-pesanan .pesanan-sub{grid-area:sub;text-align:left;font-size:.9375rem;color:var(--navy)}.kosong{flex:1 1;display:grid;place-items:center;align-content:center;text-align:center;padding:24px}.bilah-bayar{font:inherit;border:0;cursor:pointer;min-height:76px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--hijau);color:var(--surface);transition:background-color .14s ease}.bilah-bayar:active:not(:disabled){background:var(--hijau-tekan)}.bilah-bayar:disabled{background:oklch(85% .03 142);cursor:not-allowed}.bilah-bayar:focus-visible{outline:3px solid var(--navy);outline-offset:-3px}.bayar-kiri{gap:10px;font-family:var(--font-judul);font-weight:800;font-size:1.5rem}.bayar-kanan,.bayar-kiri{display:flex;align-items:center}.bayar-kanan{gap:6px;font-size:1.375rem}.lencana-jumlah{min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:var(--kuning);color:var(--navy);display:grid;place-items:center;font-family:var(--font-isi);font-size:.9375rem;font-weight:700}.laci-latar{position:fixed;inset:0;z-index:40;background:oklch(20% .04 258/.18);animation:tirai-masuk .22s ease}@keyframes tirai-masuk{0%{opacity:0}}.laci{position:absolute;top:10px;left:10px;bottom:10px;width:min(340px,calc(100vw - 20px));display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;padding:8px 0 calc(10px + env(safe-area-inset-bottom));border-radius:28px;isolation:isolate;background:linear-gradient(165deg,oklch(100% 0 0/.7),oklch(100% 0 0/.44));backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border:1px solid oklch(100% 0 0/.75);box-shadow:inset 0 1px 0 oklch(100% 0 0/1),inset 0 -1px 1px oklch(100% 0 0/.4),0 30px 70px -20px oklch(20% .08 258/.45),0 4px 12px oklch(20% .08 258/.08);transform-origin:30px 32px;animation:laci-tumbuh .28s cubic-bezier(.32,.72,0,1)}.laci:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg,oklch(100% 0 0/.6),transparent 30%),radial-gradient(90% 40% at 20% 0,oklch(100% 0 0/.55),transparent 70%)}@supports ((-webkit-backdrop-filter:url(#biasan)) or (backdrop-filter:url(#biasan))){.laci{-webkit-backdrop-filter:url(#biasan) blur(16px) saturate(190%);backdrop-filter:url(#biasan) blur(16px) saturate(190%)}}@keyframes laci-tumbuh{0%{transform:scale(.18);opacity:0;filter:blur(6px)}}.laci-kepala{display:flex;align-items:center;gap:14px;padding:16px 20px 18px;margin-bottom:6px;border-bottom:1px solid oklch(28% .08 258/.08)}.laci-kepala .inisial{width:52px;height:52px}.laci-item{font:inherit;width:calc(100% - 20px);margin:0 10px;min-height:60px;padding:0 16px;border-radius:16px;display:flex;align-items:center;gap:16px;flex:none;border:0;background:transparent;color:var(--ink);font-size:1.125rem;font-weight:600;cursor:pointer;text-align:left;transition:transform .16s var(--ease-out),background-color .16s ease}.laci-item:active{transform:scale(.97)}.laci-item.aktif{color:var(--navy);background:oklch(100% 0 0/.85);box-shadow:inset 0 1px 0 oklch(100% 0 0/1),0 6px 16px -8px oklch(20% .08 258/.35)}@media (hover:hover) and (pointer:fine){.laci-item:not(.aktif):hover{background:oklch(100% 0 0/.45)}}@media (prefers-reduced-motion:reduce){.laci{animation:tirai-masuk .16s ease}}.laci-item:focus-visible{outline:3px solid var(--biru);outline-offset:-3px}.form-menu{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 20px 16px}.baris-menu-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) minmax(0,1fr);grid-gap:12px;gap:12px}.baris-menu-form .isian{grid-template-columns:minmax(0,1fr)}.baris-aksi{display:flex;align-items:center;justify-content:space-between;gap:12px}.centang{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:600;cursor:pointer}.centang input{width:22px;height:22px;accent-color:var(--hijau)}.saring-menu{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}.chip-kategori{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:8px}.chip-kategori button{font:inherit;flex:none;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-2);font-weight:600;cursor:pointer}.chip-kategori button.pilih{background:var(--hijau-lembut);border-color:var(--hijau);color:oklch(38% .12 142)}.tabel-menu{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:16px}.baris-menu{padding:10px 12px 10px 8px;border-bottom:1px solid var(--line)}.baris-menu:last-child{border-bottom:0}.baris-menu.tersembunyi .baris-menu-harga,.baris-menu.tersembunyi .baris-menu-nama b{color:var(--ink-3)}.baris-menu-utama{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto auto auto auto;align-items:center;grid-gap:12px;gap:12px}.baris-menu-nama{min-width:0;display:flex;flex-direction:column}.baris-menu-nama b{font-weight:600;overflow-wrap:anywhere}.baris-menu-harga{font-size:1.0625rem;color:var(--navy);white-space:nowrap}.kosong-harga{font-family:var(--font-isi);font-size:.875rem;font-weight:600;color:var(--merah)!important}.bintang{width:48px;height:48px;border:0;background:transparent;font-size:1.5rem;color:var(--line);cursor:pointer;border-radius:12px}.bintang.aktif{color:var(--kuning)}.bintang:focus-visible,.saklar:focus-visible{outline:3px solid var(--biru);outline-offset:2px}.saklar{width:56px;height:32px;border-radius:999px;border:0;background:var(--line);position:relative;cursor:pointer;transition:background-color .16s ease;flex:none}.saklar span{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:var(--surface);transition:transform .18s var(--ease-out);box-shadow:0 1px 2px oklch(20% .03 258/.25)}.saklar.nyala{background:var(--hijau)}.saklar.nyala span{transform:translateX(24px)}.baris-menu-ubah{display:grid;grid-template-columns:2fr 1.4fr 1fr auto;grid-gap:12px;gap:12px;align-items:end;margin:12px 0 4px 60px}.baris-menu-ubah .isian{margin-bottom:0}.kosong-baris{padding:24px;text-align:center;color:var(--ink-2)}.tombol-resep.kosong{color:var(--merah)}.baris-resep-pilihan{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;padding-left:8px}.baris-resep-pilihan+.editor-resep{margin-left:0}.editor-resep{margin:12px 0 4px 60px;padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:14px;display:grid;grid-gap:12px;gap:12px}.resep-daftar{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.resep-daftar li{display:grid;grid-template-columns:minmax(0,1fr) 150px 96px 36px;grid-gap:10px;gap:10px;align-items:center;padding:8px 8px 8px 12px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.resep-nama{min-width:0;display:flex;flex-direction:column;gap:2px}.resep-nama b{font-weight:600;overflow-wrap:anywhere}.resep-qty{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:6px;gap:6px}.resep-qty input{min-width:0;height:44px;padding:0 10px;border:1.5px solid var(--line);border-radius:10px;font:inherit;font-size:1rem;text-align:right;background:var(--surface);color:var(--ink)}.resep-qty input:focus-visible{outline:3px solid var(--biru);outline-offset:1px;border-color:var(--biru)}.resep-qty span{font-size:.875rem;color:var(--ink-2);white-space:nowrap}.resep-biaya{text-align:right;white-space:nowrap;color:var(--navy);font-size:.9375rem}.resep-hapus{width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--ink-3);font-size:1.25rem;cursor:pointer}.resep-hapus:hover{background:var(--merah-lembut);color:var(--merah)}.resep-hapus:focus-visible{outline:3px solid var(--biru);outline-offset:1px}.resep-tambah{position:relative}.resep-tambah>input{width:100%;height:48px;padding:0 14px;border:1.5px dashed var(--line);border-radius:12px;background:var(--surface);font:inherit;color:var(--ink)}.resep-tambah>input:focus-visible{outline:3px solid var(--biru);outline-offset:1px;border-style:solid;border-color:var(--biru)}.resep-tambah ul{list-style:none;margin:6px 0 0;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 28px oklch(20% .03 258/.12)}.resep-tambah li button{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;padding:6px 10px;border:0;border-radius:9px;background:none;font:inherit;text-align:left;cursor:pointer;color:var(--ink)}.resep-tambah li button b{font-weight:600;min-width:0;overflow-wrap:anywhere}.resep-tambah li button span{font-size:.8125rem;color:var(--ink-2);white-space:nowrap}.resep-tambah li button:focus-visible,.resep-tambah li button:hover{background:var(--hijau-lembut);outline:none}.resep-kaki{justify-content:space-between;align-items:center;gap:12px}.resep-kaki,.resep-modal{display:flex;flex-wrap:wrap}.resep-modal{align-items:baseline;gap:4px 10px}.resep-modal>span:first-child{font-weight:600;color:var(--ink-2)}.resep-modal b{font-size:1.25rem;color:var(--navy)}.resep-aksi{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto}.galat-kecil{color:var(--merah)}.berhasil-kecil,.galat-kecil{font-weight:600;font-size:.875rem}.berhasil-kecil{color:oklch(38% .12 142)}@media (max-width:760px){.editor-resep{margin-left:0;padding:12px}.resep-daftar li{grid-template-columns:minmax(0,1fr) 36px}.resep-nama{grid-column:1/2}.resep-hapus{grid-column:2;grid-row:1}.resep-qty{grid-column:1/-1;grid-template-columns:140px auto;justify-content:start}.resep-biaya{grid-column:1/-1;text-align:left}.baris-menu-form,.baris-menu-ubah{grid-template-columns:1fr;margin-left:0}.baris-menu-utama{grid-template-columns:44px minmax(0,1fr) auto}.baris-menu-harga{grid-column:2}}.pilih-tanggal{display:flex;align-items:center;gap:12px;margin-bottom:20px}.pilih-tanggal>.tombol{width:56px;padding:0;flex:none}.tanggal-tengah{flex:1 1;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center}.tanggal-tengah b{font-family:var(--font-judul);font-size:1.125rem}.tanggal-tengah input[type=date]{font:inherit;min-height:48px;padding:0 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}.kartu-angka{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:8px}.kartu-angka>div{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}.kartu-angka span{font-size:.875rem;color:var(--ink-2);font-weight:500}.kartu-angka b{font-size:1.75rem;color:var(--navy)}@media (max-width:640px){.kartu-angka{grid-template-columns:1fr}}.tabel{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.tabel td,.tabel th{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}.tabel th{font-size:.8125rem;font-weight:600;color:var(--ink-2);background:var(--bg)}.tabel tfoot td{font-weight:700;border-bottom:0;background:var(--bg)}.tabel tbody tr:last-child td{border-bottom:1px solid var(--line)}.tabel .kanan{text-align:right}.tabel tr.nol td{color:var(--ink-3)}.angka-biasa{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.daftar-nota{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:16px}.daftar-nota>li{border-bottom:1px solid var(--line)}.daftar-nota>li:last-child{border-bottom:0}.daftar-nota summary{cursor:pointer;list-style:none}.baris-tarik,.daftar-nota summary{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;min-height:64px;padding:8px 16px}.daftar-nota summary::-webkit-details-marker{display:none}.daftar-nota summary:focus-visible{outline:3px solid var(--biru);outline-offset:-3px}.nota-jam{font-weight:700;color:var(--ink-2)}.nota-nomor{min-width:0;display:flex;flex-direction:column}.nota-total{color:var(--navy);font-size:1.0625rem}.nota-item{list-style:none;margin:0;padding:0 16px 12px 92px}.nota-item li{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.bayar{flex:1 1;min-height:0;display:flex;flex-direction:column}.bayar-angka{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border-bottom:1px solid var(--line)}.bayar-angka>div{padding:16px 12px;text-align:center;display:flex;flex-direction:column;gap:2px}.bayar-angka>div+div{border-left:1px solid var(--line)}.bayar-angka span{font-size:.9375rem;color:var(--ink-2);font-weight:500}.bayar-angka b{font-size:2.25rem;line-height:1.15}.bayar-isi{flex:1 1;min-height:0;display:grid;grid-template-columns:240px minmax(0,1fr) 360px}.bayar-metode{background:var(--surface);border-right:1px solid var(--line);overflow-y:auto;display:flex;flex-direction:column}.bayar-metode .rel-item{flex-direction:row;justify-content:flex-start;padding:0 20px;min-height:68px;font:inherit;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer;color:var(--ink)}.bayar-metode .rel-label{font-size:1.0625rem;font-weight:600;color:inherit}.bayar-judul-kolom{min-height:56px;padding:0 20px;display:flex;align-items:center;font-weight:600;color:var(--ink-2);border-bottom:1px solid var(--line)}.bayar-tengah{min-width:0;overflow-y:auto;padding:20px;display:flex;flex-direction:column}.uang-cepat{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;align-content:start}.uang-cepat button{font:inherit;min-height:84px;padding:0 20px;text-align:left;cursor:pointer;background:var(--surface);border:1.5px solid var(--line);border-radius:14px;font-family:var(--font-judul);font-size:1.375rem;font-weight:700;color:var(--ink);transition:transform .14s var(--ease-out),border-color .14s ease,background-color .14s ease}.uang-cepat button:active{transform:scale(.97)}.uang-cepat button:focus-visible{outline:3px solid var(--biru);outline-offset:2px}.uang-cepat button.pilih{background:var(--hijau-lembut);border-color:var(--hijau);box-shadow:inset 0 0 0 1px var(--hijau)}.uang-ketik{max-width:420px;width:100%;margin:0 auto}.layar-uang{min-height:72px;margin-bottom:14px;padding:0 20px;display:flex;align-items:center;justify-content:flex-end;background:var(--surface);border:1.5px solid var(--biru);border-radius:14px;font-size:2rem}.daftar-pesanan.ringkas li{display:flex;justify-content:space-between;gap:12px;font-size:.9375rem}.daftar-pesanan.ringkas li>:last-child{flex:none;white-space:nowrap}.ringkas-total{min-height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-weight:600}.ringkas-total b{font-size:1.375rem;color:var(--navy)}.berhasil-bayar{max-width:460px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.tanda-berhasil{width:88px;height:88px;border-radius:50%;background:var(--hijau);color:var(--surface);display:grid;place-items:center;font-size:2.75rem;font-weight:800;margin-bottom:12px}.kembalian-besar{width:100%;margin:12px 0 24px;padding:20px;background:var(--surface);border:1.5px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:4px}.kembalian-besar span{color:var(--ink-2);font-weight:500}.kembalian-besar b{font-size:3rem;color:var(--biru);line-height:1.1}.berhasil-bayar .tombol{margin-top:8px}@media (max-width:1100px){.bayar-isi{grid-template-columns:200px minmax(0,1fr) 300px}.bayar-angka b{font-size:1.75rem}}@media (max-width:900px){.bayar-isi{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;overflow-y:auto}.bayar-metode{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.bayar-metode .rel-item{flex:1 0 auto;border-bottom:0;border-right:1px solid var(--line);justify-content:center}.bayar-judul-kolom{display:none}.bayar-isi .panel-pesanan{border-left:0;border-top:1px solid var(--line)}.kasir,.kasir.rel-lebar{grid-template-columns:84px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.rel{grid-row:span 2}.panel-pesanan{grid-column:2;border-left:0;border-top:1px solid var(--line);max-height:45dvh}.grid-menu{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (orientation:landscape) and (max-height:560px){:root{--bilah:52px}.kasir,.kasir.rel-lebar{grid-template-columns:72px minmax(0,1fr) minmax(290px,min(38%,360px));grid-template-rows:minmax(0,1fr)}.rel{grid-row:auto}.rel-item{min-height:68px;padding:6px 4px}.bilah-ojol,.pesanan-kepala{min-height:48px}.bilah-ojol{padding:4px 8px}.panel-pesanan{grid-column:auto;border-top:0;border-left:1px solid var(--line);max-height:none;overflow-y:auto}.kolom-cari{margin:8px 12px;min-height:44px}.kolom-cari input{min-height:40px}.grid-menu{padding:4px 12px 16px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(124px,1fr))}.ubin-gambar{aspect-ratio:16/8;font-size:1.625rem}.bayar-angka>div{padding:6px 12px}.bayar-angka span{font-size:.8125rem}.bayar-angka b{font-size:1.375rem}.bayar-isi{grid-template-columns:132px minmax(0,1fr) minmax(270px,min(36%,340px));grid-template-rows:minmax(0,1fr);overflow:hidden}.bayar-metode{flex-direction:column;overflow-y:auto;border-right:1px solid var(--line);border-bottom:0}.bayar-metode .rel-item{flex:none;min-height:52px;padding:0 14px;border-right:0;border-bottom:1px solid var(--line);justify-content:flex-start}.bayar-tengah{padding:12px}.uang-cepat{gap:10px}.uang-cepat button{min-height:60px;padding:0 12px;font-size:1.125rem;white-space:nowrap}.layar-uang{min-height:56px;font-size:1.5rem}.ringkas-total{min-height:52px}.bayar-isi .panel-pesanan{border-top:0;border-left:1px solid var(--line)}}.cakupan-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 16px;margin:0 0 20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;position:-webkit-sticky;position:sticky;top:calc(var(--bilah) + 8px);z-index:5}.cakupan-label{font-weight:600;color:var(--ink-2);font-size:.9375rem}.cakupan{display:inline-flex;padding:4px;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:12px}.cakupan button{font:inherit;font-weight:650;min-height:44px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);cursor:pointer;transition:background-color .16s ease,color .16s ease}.cakupan button.pilih{background:var(--navy);color:var(--di-navy)}.cakupan button.pilih.semua{background:var(--hijau);color:var(--surface)}.cakupan button:focus-visible{outline:3px solid var(--biru);outline-offset:2px}.tabel-gulir{overflow-x:auto;margin-bottom:8px}.tabel-per-outlet{min-width:640px}.tabel-per-outlet td{vertical-align:middle}.tabel-per-outlet tr.berubah td{background:var(--hijau-lembut)}.tabel .tengah-teks{text-align:center}.titik-berubah{color:oklch(38% .12 142);font-weight:600}.kotak{width:22px;height:22px;accent-color:var(--hijau)}.isi-rupiah{display:flex;align-items:center;gap:8px;max-width:200px;min-height:48px;padding:0 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface)}.isi-rupiah:focus-within{outline:3px solid var(--biru);outline-offset:1px;border-color:var(--biru)}.isi-rupiah span{color:var(--ink-3);font-weight:600}.isi-rupiah input{font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border:0;outline:0;background:transparent;width:100%;min-width:0;color:var(--ink)}.aksi-massal{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px;margin-bottom:12px;background:oklch(94% .03 258);border-radius:16px}.aksi-massal-harga{display:flex;gap:8px}.aksi-massal-harga input{font:inherit;min-height:52px;width:170px;padding:0 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface)}.bilah-simpan{position:-webkit-sticky;position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;background:var(--bg);border-top:1px solid var(--line);margin-top:16px}.bilah-simpan span{color:var(--ink-2);font-weight:600}.berhasil-dua{flex:1 1;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:40px;gap:40px;align-items:center;justify-content:center;padding:32px 24px;max-width:980px;margin:0 auto;width:100%}.berhasil-dua .berhasil-bayar{width:100%}.panel-struk{display:flex;flex-direction:column;gap:12px;width:340px}.kertas-struk{margin:0;padding:18px 14px 22px;background:oklch(99.5% 0 0);border:1px solid var(--line);border-radius:4px;box-shadow:0 1px 2px oklch(20% .03 258/.08),0 8px 24px oklch(20% .03 258/.06);font:500 12.5px/1.45 ui-monospace,Cascadia Mono,Consolas,monospace;color:var(--ink);white-space:pre;overflow-x:auto;max-height:52vh;overflow-y:auto}.aksi-struk{display:flex;flex-direction:column;gap:10px}.status-printer{font-size:.875rem;font-weight:600;color:var(--ink-2);display:inline-flex;align-items:center;gap:8px}.status-printer:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ink-3)}.status-printer.nyala:before{background:var(--hijau)}@media (max-width:900px){.berhasil-dua{grid-template-columns:1fr;justify-items:center}.panel-struk{width:min(340px,100%)}}.tombol-tarik{font:inherit;font-weight:650;min-height:44px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border-radius:14px;border:0;color:var(--di-navy);cursor:pointer;white-space:nowrap;background:linear-gradient(180deg,oklch(100% 0 0/.16),oklch(100% 0 0/.06));box-shadow:inset 0 1px 0 oklch(100% 0 0/.25),inset 0 0 0 1px oklch(100% 0 0/.1);transition:transform .16s var(--ease-out)}.tombol-tarik:active{transform:scale(.97)}.tombol-tarik:focus-visible{outline:3px solid var(--biru);outline-offset:2px}.tarik{flex:1 1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px}.tarik-isi{min-width:0;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;max-width:560px;width:100%;margin:0 auto}.tarik-isi .layar-uang{margin:0}.tarik-isi .uang-cepat{grid-template-columns:repeat(3,1fr);gap:10px}.tarik-isi .uang-cepat button{white-space:nowrap;text-align:center;min-height:64px;font-size:1.125rem;padding:0 8px}.tarik-angka{margin:0;padding:8px 16px;flex:1 1}.tarik-angka div{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line)}.tarik-angka dt{color:var(--ink-2);font-weight:500}.tarik-angka dd{margin:0;font-size:1.5rem;color:var(--navy)}.tarik-cek{margin:0 16px 12px;padding:12px;align-items:flex-start;background:var(--bg);border-radius:12px;font-weight:600;line-height:1.35}@media (max-width:900px){.tarik{grid-template-columns:1fr;overflow-y:auto}.tarik-isi{overflow:visible}.tarik .panel-pesanan{border-left:0;border-top:1px solid var(--line);grid-column:auto;max-height:none}}@media (orientation:landscape) and (max-height:560px){.tarik{grid-template-columns:minmax(0,1fr) minmax(280px,min(40%,360px));overflow:hidden}.tarik .panel-pesanan{border-top:0;border-left:1px solid var(--line);overflow-y:auto}.tarik .daftar-kas-keluar{flex:none;overflow:visible}.tarik-isi{padding:12px 16px;overflow-y:auto}}.kartu-shift{max-width:460px;margin:0 auto}.kartu-shift h1{margin-bottom:4px}.kartu-shift .tombol{margin-top:8px}.ketik-rupiah{margin:16px 0}.hasil-shift{width:100%;max-width:460px;display:flex;flex-direction:column;gap:4px}.hasil-shift .kembalian-besar{text-align:center}.kas-laci{padding:0;margin:12px 0 0}.kas-laci .tebal dd,.kas-laci .tebal dt{font-weight:700;color:var(--ink)}.kas-laci dd{font-size:1.125rem}.selisih-kurang{color:var(--merah);font-weight:700}.selisih-lebih{color:var(--biru);font-weight:700}.selisih-pas{color:oklch(40% .13 142);font-weight:700}.laci-shift{margin:8px 10px;padding:12px 14px;border-radius:18px;background:oklch(100% 0 0/.5);box-shadow:inset 0 0 0 1px oklch(100% 0 0/.7);color:var(--ink-2);font-size:.875rem;line-height:1.5}.pilih-kategori{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.pilih-kategori button{font:inherit;text-align:left;min-height:84px;padding:12px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:flex;flex-direction:column;gap:4px}.pilih-kategori button b{font-family:var(--font-judul);font-size:1.0625rem}.pilih-kategori button .kecil{color:var(--ink-2);line-height:1.3}.pilih-kategori button.pilih{background:var(--hijau-lembut);border-color:var(--hijau);box-shadow:inset 0 0 0 1px var(--hijau)}.pilih-kategori button:focus-visible{outline:3px solid var(--biru);outline-offset:2px}.pilih-item-kas{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:8px;gap:8px;max-height:300px;overflow-y:auto;padding:2px}.pilih-item-kas button{font:500 .9375rem/1.25 var(--font-isi);text-align:left;min-height:52px;padding:8px 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.pilih-item-kas button.pilih{background:var(--hijau-lembut);border-color:var(--hijau);box-shadow:inset 0 0 0 1px var(--hijau);font-weight:600}.pilih-item-kas button:active{transform:scale(.97)}.mode-kas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}@media (max-width:520px){.mode-kas{grid-template-columns:minmax(0,1fr)}}.mode-kas button{font:600 1rem/1.2 var(--font-isi);text-align:left;min-height:60px;padding:10px 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:transform .14s var(--ease-out),border-color .14s ease,background-color .14s ease}.mode-kas button span{font-weight:500;font-size:.8125rem;color:var(--ink-2)}.mode-kas button.pilih{background:var(--hijau-lembut);border-color:var(--hijau);box-shadow:inset 0 0 0 1px var(--hijau)}.mode-kas button:active{transform:scale(.98)}.jumlah-barang-kas{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:end}.jumlah-barang-kas .isian input{font-size:1.25rem}.satuan-kas{display:inline-flex;gap:4px;padding:4px;background:var(--bg);border:1px solid var(--line);border-radius:12px}.satuan-kas button{font:600 .9375rem var(--font-isi);min-height:44px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);cursor:pointer;white-space:nowrap}.satuan-kas button.pilih{background:var(--surface);color:var(--navy);box-shadow:0 1px 2px oklch(20% .03 258/.1),0 0 0 1px var(--line)}.satuan-kas-tetap{min-height:52px;display:grid;place-items:center;padding:0 6px;font-weight:600;color:var(--ink-2)}@media (max-width:480px){.jumlah-barang-kas{grid-template-columns:1fr}.satuan-kas{justify-self:start}}.pilih-item-kas button:focus-visible{outline:3px solid var(--biru);outline-offset:2px}.daftar-kas-keluar{list-style:none;margin:0;padding:0 16px;flex:1 1;overflow-y:auto}.daftar-kas-keluar li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;grid-gap:8px;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.daftar-kas-keluar li>div{display:flex;flex-direction:column;min-width:0}.daftar-kas-keluar li b{overflow-wrap:anywhere}.daftar-kas-keluar .tombol{min-height:40px;padding:0 8px}.dibatalkan .angka,.dibatalkan b{text-decoration:line-through;color:var(--ink-3)}@media (max-width:900px){.pilih-kategori{grid-template-columns:1fr}}.chip-kategori .chip-tautan{display:inline-flex;align-items:center;flex:none;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-2);font-weight:600;text-decoration:none}.chip-kategori .chip-tautan.pilih{background:var(--hijau-lembut);border-color:var(--hijau);color:oklch(38% .12 142)}.naik-harga{display:flex;flex-direction:column;gap:10px;padding:16px;margin-bottom:16px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.naik-harga .cakupan{align-self:flex-start}.naik-harga-isi{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.naik-harga-isi .kecil{flex:1 1 280px}.tabel-per-outlet tr.tidak-ikut td{color:var(--ink-3)}.jenis-pesanan,.tabel-per-outlet tr.tidak-ikut .isi-rupiah{background:var(--bg)}.jenis-pesanan{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px;padding:8px;border-bottom:1px solid var(--line)}.jenis-pesanan button{font:inherit;font-size:.8125rem;font-weight:650;min-height:44px;padding:0 4px;border:1.5px solid transparent;border-radius:10px;background:transparent;color:var(--ink-2);cursor:pointer;white-space:nowrap}.jenis-pesanan button.pilih{background:var(--surface);border-color:var(--navy);color:var(--navy)}.jenis-pesanan button.pilih.gofood,.jenis-pesanan button.pilih.grabfood{border-color:var(--hijau);color:oklch(38% .12 142)}.jenis-pesanan button.pilih.shopeefood{border-color:oklch(62% .19 40);color:oklch(48% .17 40)}.jenis-pesanan button:focus-visible{outline:3px solid var(--biru);outline-offset:2px}.bilah-ojol{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:56px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--bg);font-size:.9375rem;color:var(--ink-2)}.bilah-ojol.aktif{background:oklch(95% .05 40);color:oklch(40% .14 40)}.bilah-ojol.aktif.gofood,.bilah-ojol.aktif.grabfood{background:var(--hijau-lembut);color:oklch(38% .12 142)}.tombol-ojol{font:inherit;font-weight:700;min-height:44px;padding:0 14px;border-radius:10px;border:1.5px solid var(--navy);background:var(--surface);color:var(--navy);cursor:pointer;white-space:nowrap}.tombol-ojol:focus-visible{outline:3px solid var(--biru);outline-offset:2px}.pilih-ojol{position:absolute;top:calc(100% + 4px);right:8px;left:8px;z-index:20;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px oklch(20% .03 258/.18)}.pilih-ojol,.pilih-ojol button{display:flex;flex-direction:column}.pilih-ojol button{font:inherit;text-align:left;min-height:56px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer}.pilih-ojol button.pilih,.pilih-ojol button:hover{background:var(--hijau-lembut)}.ubah-harga{font:inherit;font-size:.8125rem;font-weight:600;margin-left:8px;padding:2px 8px;min-height:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--biru);cursor:pointer}.harga-coret{color:var(--ink-3)}.harga-promo{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}.harga-promo input{font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;width:110px;min-height:40px;padding:0 10px;border:1.5px solid var(--biru);border-radius:10px}.harga-promo .tombol{min-height:40px;padding:0 12px}.total-ojol{display:flex;flex-direction:column;gap:12px;max-width:420px;width:100%;margin:0 auto}.ringkas-potongan{display:flex;justify-content:space-between;padding:8px 16px 0;color:var(--merah);font-weight:600}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:0s!important;animation-duration:0s!important}}.qris-tarik{display:grid;grid-gap:12px;gap:12px;align-content:start}.qris-tarik .tombol{justify-self:start;gap:10px}.ringkas-tarik{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 16px;border-top:1px dashed var(--line);color:var(--biru);font-weight:600}.ringkas-tarik small{display:block;color:var(--ink-3);font-weight:400;font-size:.8125rem}.ringkas-tarik .angka{white-space:nowrap}.tombol-jenis{flex:1 1;min-width:0;min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;grid-column-gap:8px;column-gap:8px;align-items:center;text-align:left;padding:4px 10px;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:pointer}.tombol-jenis .kecil{grid-column:1;font-size:.75rem;color:inherit;opacity:.75}.tombol-jenis b{grid-column:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tombol-jenis svg{grid-column:2;grid-row:1/3;transform:rotate(90deg)}.tombol-jenis:active{transform:scale(.98)}.tombol-ojol{display:inline-flex;align-items:center;gap:6px}.bilah-ojol.aktif.kasbon{background:oklch(95% .035 258);color:var(--navy)}.info-kasbon{margin:0;padding:8px 16px;font-size:.8125rem;color:var(--ink-2);background:oklch(97% .02 258);border-bottom:1px solid var(--line)}.bilah-bayar.kasbon{background:linear-gradient(180deg,oklch(38% .1 258),var(--navy))}.bilah-bayar.kasbon:active:not(:disabled){background:var(--navy-2)}.baris-cari-pelanggan{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.kartu-pelanggan-baru{display:grid;grid-gap:12px;gap:12px;padding:16px;margin-bottom:16px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.daftar-pelanggan{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.daftar-pelanggan>li{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 14px}.pelanggan-kepala{display:flex;align-items:center;gap:12px}.pelanggan-kepala .inisial{width:44px;height:44px;font-size:1.125rem;flex:none}.pelanggan-kepala .kecil,.pelanggan-kepala b{display:block}.kasbon-terbuka{list-style:none;margin:10px 0 0;padding:0;border-top:1px dashed var(--line)}.kasbon-terbuka li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:12px;gap:12px;align-items:center;padding:8px 0;font-size:.9375rem}.kasbon-terbuka li>span:first-child{min-width:0;overflow-wrap:anywhere}.pilih-metode-lunas{display:flex;gap:10px}.pilih-metode-lunas button{font:inherit;font-weight:600;min-height:56px;min-width:120px;padding:0 18px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}.pilih-metode-lunas button.pilih{border-color:var(--hijau);background:var(--hijau-lembut);box-shadow:inset 0 0 0 1px var(--hijau)}.kembalian-kecil{margin:10px 0 0;font-weight:700;color:var(--biru)}.laci-tampilan{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 10px;padding:10px 14px;border-radius:16px;background:oklch(100% 0 0/.5);font-weight:600;flex:none}.saklar-kolom{display:flex;gap:2px;padding:3px;border-radius:12px;background:oklch(28% .08 258/.07)}.saklar-kolom button{font:inherit;font-weight:600;font-size:.875rem;min-width:40px;height:36px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);cursor:pointer}.saklar-kolom button.pilih{background:#fff;color:var(--navy);box-shadow:0 1px 3px oklch(28% .08 258/.15)}.kunci-layar{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:oklch(96% .01 258/.55);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);animation:tirai-masuk .2s ease}.kunci-isi{width:min(360px,100%);display:grid;grid-gap:12px;gap:12px;justify-items:center;text-align:center;padding:24px;border-radius:28px;background:linear-gradient(165deg,oklch(100% 0 0/.75),oklch(100% 0 0/.5));border:1px solid oklch(100% 0 0/.8);box-shadow:inset 0 1px 0 #fff,0 30px 70px -20px oklch(20% .08 258/.4)}.kunci-isi .inisial{width:72px;height:72px;font-size:1.5rem}.kunci-isi .papan{width:100%}.kunci-isi .papan .fungsi{font-size:.875rem;white-space:nowrap}.layar-kasir .tengah{background:radial-gradient(700px 500px at 30% 10%,oklch(85% .08 245/.35),transparent 70%),radial-gradient(600px 500px at 80% 90%,oklch(88% .09 142/.3),transparent 70%),oklch(96.5% .008 258)}.ubin-menu{position:relative;border:1px solid oklch(100% 0 0/.9);border-radius:20px;background:linear-gradient(170deg,oklch(100% 0 0/.95),oklch(100% 0 0/.7));box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 oklch(100% 0 0/.6),0 10px 22px -14px oklch(28% .08 258/.45),0 1px 3px oklch(28% .08 258/.08)}.ubin-menu:active{border-color:oklch(100% 0 0/.9);box-shadow:inset 0 1px 0 #fff,0 4px 10px -8px oklch(28% .08 258/.5)}.ubin-gambar{margin:6px 6px 0;border-radius:15px;overflow:hidden;box-shadow:inset 0 1px 0 oklch(100% 0 0/.5),inset 0 -10px 18px -12px oklch(0 0 0/.2)}.ubin-gambar:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,oklch(100% 0 0/.45),oklch(100% 0 0/.1) 38%,transparent 39%,transparent)}.ubin-nama{font-size:.875rem;line-height:1.28;min-height:calc(2 * 1.28em);-webkit-line-clamp:3;overflow-wrap:anywhere;padding:9px 12px 2px}.ubin-harga{margin-top:auto;padding-top:6px}.ubin-qty{z-index:1}.pesanan-ekstra{font-size:.8125rem;color:var(--ink-2);overflow-wrap:anywhere}.ekstra-latar{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:oklch(20% .04 258/.28);animation:tirai-masuk .2s ease}.ekstra-lembar{width:min(560px,100%);max-height:min(720px,calc(100dvh - 32px));display:flex;flex-direction:column;overflow:hidden;border-radius:28px;background:linear-gradient(165deg,oklch(100% 0 0/.96),oklch(98% .006 258/.92));border:1px solid oklch(100% 0 0/.9);box-shadow:inset 0 1px 0 #fff,0 30px 70px -20px oklch(20% .08 258/.45);animation:lembar-masuk .2s var(--ease-out)}@keyframes lembar-masuk{0%{opacity:0;transform:scale(.96)}}.ekstra-kepala{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 12px}.ekstra-kepala h3{margin:0 0 2px;font-family:var(--font-judul);font-size:1.25rem;overflow-wrap:anywhere}.ekstra-kepala .kecil{color:var(--ink-2)}.ekstra-isi{overflow-y:auto;overscroll-behavior:contain;padding:4px 20px 16px;display:grid;grid-gap:18px;gap:18px}.ekstra-grup{border:0;margin:0;padding:0;min-width:0}.ekstra-grup legend{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:0;margin-bottom:10px}.ekstra-syarat{font-size:.8125rem;color:var(--ink-3)}.ekstra-syarat.wajib{color:var(--merah);font-weight:600}.ekstra-pilihan{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:10px;gap:10px}.ekstra-pilihan button{min-height:56px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:10px 14px;border-radius:16px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:600;text-align:left;cursor:pointer;overflow-wrap:anywhere;transition:transform .14s var(--ease-out),border-color .14s ease,background-color .14s ease}.ekstra-pilihan button .kecil{font-weight:500;color:var(--ink-2)}.ekstra-pilihan button:active:not(:disabled){transform:scale(.97)}.ekstra-pilihan button.pilih{border-color:var(--hijau);background:var(--hijau-lembut);box-shadow:inset 0 0 0 1px var(--hijau)}.ekstra-pilihan button:disabled{opacity:.45;cursor:not-allowed}.ekstra-pilihan button:focus-visible{outline:3px solid var(--navy);outline-offset:2px}.ekstra-tambah{flex:none}@media (max-width:480px){.ekstra-pilihan{grid-template-columns:repeat(2,minmax(0,1fr))}.ekstra-latar{padding:8px;align-items:end}}@media (prefers-reduced-motion:reduce){.ekstra-lembar{animation:tirai-masuk .16s ease}}.ekstra-isian{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-gap:10px;gap:10px}.ekstra-isian li{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:end}@media (max-width:520px){.ekstra-isian li{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px}}.info-kasbon{display:grid;grid-gap:8px;gap:8px}.tempo-kasbon{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.875rem}.tempo-kasbon span{color:var(--ink-2)}.tempo-kasbon input{font:inherit;min-height:44px;padding:0 10px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink)}.tempo-kasbon input:focus-visible{outline:3px solid var(--navy);outline-offset:1px}.tombol-ojol{position:relative}.lencana-tagih{position:absolute;top:-8px;right:-8px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;display:grid;place-items:center;font-size:.75rem;font-weight:700;background:var(--kuning);color:var(--ink);box-shadow:0 0 0 2px var(--surface)}.lencana-tagih.lewat{background:var(--merah);color:#fff}.chip-tempo{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;font-size:.75rem;font-weight:600;background:oklch(95% .01 258);color:var(--ink-2);white-space:nowrap}.chip-tempo.segera{background:oklch(94% .08 85);color:oklch(40% .1 70)}.chip-tempo.lewat{background:var(--merah-lembut);color:var(--merah)}.bayar-kanan,.bayar-kiri{white-space:nowrap}.bilah-bayar.kasbon .bayar-kiri{font-size:1.25rem}.bilah-bayar.kasbon .bayar-kanan{font-size:1.125rem}.lap{flex:1 1;min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr)}.lap-menu{display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--surface);padding:8px 0}.lap-menu button{font:inherit;text-align:left;padding:16px 20px;min-height:56px;border:0;border-left:4px solid transparent;background:none;color:var(--ink);cursor:pointer;border-bottom:1px solid var(--line);transition:background-color .14s ease}.lap-menu button.pilih{border-left-color:var(--hijau);background:var(--hijau-lembut);font-weight:700}.lap-menu button:focus-visible{outline:3px solid var(--navy);outline-offset:-3px}.lap-isi{min-width:0;padding:20px 24px calc(48px + env(safe-area-inset-bottom));background:radial-gradient(700px 500px at 20% 0,oklch(85% .08 245/.25),transparent 70%),radial-gradient(600px 500px at 90% 100%,oklch(88% .09 142/.22),transparent 70%),var(--bg)}.lap-tanggal{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.lap-tanggal .ikon-tombol{border:1px solid var(--line);background:var(--surface)}.lap-tanggal .ikon-tombol:disabled{opacity:.4}.lap-tanggal label{position:relative;display:grid;place-items:center;min-height:48px;padding:0 18px;border-radius:14px;border:1px solid var(--line);background:var(--surface);cursor:pointer}.lap-tanggal label input{position:absolute;inset:0;opacity:0;cursor:pointer}.lap-kartu-kisi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.lap-kartu-kisi.tiga{grid-template-columns:repeat(3,minmax(0,1fr))}.lap-kartu{display:grid;grid-gap:4px;gap:4px;align-content:start;padding:14px 16px 16px;border-radius:18px;min-width:0;background:linear-gradient(170deg,oklch(100% 0 0/.95),oklch(100% 0 0/.75));border:1px solid oklch(100% 0 0/.9);box-shadow:inset 0 -4px 0 var(--aksen),0 10px 22px -16px oklch(28% .08 258/.45)}.lap-kartu span{font-size:.875rem;color:var(--ink-2)}.lap-kartu b{font-size:1.5rem;font-family:var(--font-judul);overflow-wrap:anywhere}.lap-kartu small{font-size:.75rem;color:var(--ink-3)}.lap-dua{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:14px}.lap-panel{padding:16px 18px;border-radius:18px;min-width:0;margin-bottom:14px;background:linear-gradient(170deg,oklch(100% 0 0/.95),oklch(100% 0 0/.78));border:1px solid oklch(100% 0 0/.9);box-shadow:0 10px 22px -18px oklch(28% .08 258/.45)}.lap-dua .lap-panel{margin-bottom:0}.lap-panel h3{margin:0 0 12px;font-size:1rem;display:flex;align-items:center;justify-content:space-between;gap:8px}.lap-lihat{font:inherit;font-size:.875rem;font-weight:600;color:var(--biru);background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:2px;min-height:36px}.lap-grafik{height:180px;display:flex;align-items:stretch;gap:3px}.lap-batang{flex:1 1;min-width:0;display:grid;grid-template-rows:1fr auto;grid-gap:4px;gap:4px}.lap-batang span{align-self:end;display:block;min-height:0;border-radius:6px 6px 2px 2px;background:oklch(78% .1 160)}.lap-batang span.puncak{background:var(--hijau)}.lap-batang small{height:14px;font-size:.6875rem;color:var(--ink-3);text-align:center}.lap-hitung{margin:0;display:grid;grid-gap:2px;gap:2px}.lap-hitung div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--line)}.lap-hitung dt{color:var(--ink-2)}.lap-hitung dd{margin:0}.lap-hitung .jumlah{border-bottom:0;padding-top:12px}.lap-hitung .jumlah dt{color:var(--ink);font-weight:700}.lap-hitung .jumlah dd{font-size:1.25rem;font-weight:800}.lap-porsi{list-style:none;margin:0;padding:0;display:grid;grid-gap:12px;gap:12px}.lap-porsi li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:4px 12px;gap:4px 12px}.lap-porsi small{color:var(--ink-3)}.lap-porsi i{grid-column:1/-1;display:block;height:6px;border-radius:3px;background:var(--hijau);max-width:100%}.lap-terlaris{margin:0;padding:0 0 0 22px;display:grid;grid-gap:0;gap:0}.lap-terlaris li{padding:7px 0;border-bottom:1px solid var(--line)}.lap-terlaris li:last-child{border-bottom:0}.lap-terlaris li{display:list-item}.lap-terlaris li span{display:inline-block;max-width:calc(100% - 48px);overflow-wrap:anywhere}.lap-terlaris li b{float:right}.lap-kurang{color:var(--merah)}@media (max-width:1100px){.lap-kartu-kisi{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.lap-dua{grid-template-columns:minmax(0,1fr)}.lap-dua .lap-panel{margin-bottom:0}}@media (max-width:720px){.lap{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.lap-menu{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:0;scrollbar-width:none}.lap-menu button{flex:none;border-left:0;border-bottom:3px solid transparent;padding:12px 16px;min-height:48px}.lap-menu button.pilih{border-bottom-color:var(--hijau)}.lap-isi{padding:16px 16px 40px}.lap-kartu-kisi.tiga{grid-template-columns:repeat(2,minmax(0,1fr))}.lap-kartu b{font-size:1.25rem}}.lap-menu{position:-webkit-sticky;position:sticky;top:var(--bilah);align-self:start;height:calc(100dvh - var(--bilah));overflow-y:auto}@media (max-width:720px){.lap-menu{height:auto;z-index:2}}