:root,html[data-tema=terang]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f4f0;--surface:#fff;--surface-2:#faf9f6;--sunken:#efede7;--line:#e6e2da;--line-2:#d6d1c6;--line-input:#8a857b;--ink:#15171b;--ink-2:#4a4f57;--ink-3:#6b7078;--accent:#0e6e55;--accent-hover:#0b5a46;--accent-soft:#e6f1ec;--accent-ink:#fff;--gold:#a57f33;--gold-soft:#f4eddd;--danger:#b3382a;--danger-soft:#faebe8;--warn:#8a560c;--warn-soft:#faf0dc;--info:#2d5aa3;--info-soft:#e9eff9;--shadow-1:0 1px 2px #15171b0d, 0 1px 1px #15171b08;--shadow-2:0 12px 32px -14px #15171b33, 0 2px 6px #15171b0d;--shadow-3:0 32px 90px -24px #15171b73;--ring:0 0 0 3px #0e6e5538;--scrim:#15171b80}html[data-tema=gelap]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1012;--surface:#151a1d;--surface-2:#192024;--sunken:#101416;--line:#252c31;--line-2:#313940;--line-input:#6a737b;--ink:#eceeef;--ink-2:#b6bcc2;--ink-3:#8d949b;--accent:#3fbf96;--accent-hover:#5dcda9;--accent-soft:#12302a;--accent-ink:#06140f;--gold:#d2af66;--gold-soft:#2e2716;--danger:#f07c69;--danger-soft:#3a1e1a;--warn:#e4b24e;--warn-soft:#33280f;--info:#86a9ea;--info-soft:#172339;--shadow-1:none;--shadow-2:0 12px 32px -14px #000000a6;--shadow-3:0 32px 90px -24px #000000d9;--ring:0 0 0 3px #3fbf9652;--scrim:#0000008c}:root{--huruf:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--spasi-kata:normal}html.huruf-jakarta{--huruf:"Jakarta", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--spasi-kata:.08em}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink)}body{font-family:var(--huruf);word-spacing:var(--spasi-kata);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit;word-spacing:inherit;letter-spacing:inherit}h1,h2,h3{letter-spacing:-.015em;margin:0;line-height:1.2}h1{font-size:26px;font-weight:800}h2{font-size:19px;font-weight:750}h3{font-size:16px;font-weight:700}p{margin:0}small{color:var(--ink-3);font-size:13px}a{color:var(--accent)}::selection{background:var(--accent-soft);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.i{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.i.k{width:16px;height:16px}.i.b{width:24px;height:24px}kbd{font:650 11px/1 var(--huruf);font-variant-numeric:tabular-nums;word-spacing:0;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink-3);box-shadow:0 1px 0 var(--line-2);border-radius:6px;align-items:center;padding:4px 6px;display:inline-flex}kbd.dalam{color:inherit;box-shadow:none;background:#ffffff29;border-color:#ffffff4d}html[data-tema=gelap] kbd.dalam{background:#00000024;border-color:#00000038}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.angka{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.angka-kiri{font-variant-numeric:tabular-nums}.hijau{color:var(--accent)}.kuning{color:var(--warn)}.merah{color:var(--danger)}.petunjuk{color:var(--ink-3);font-size:13px}.memuat,.tab-lain{text-align:center;color:var(--ink-2);padding:48px 16px}.tab-lain{background:var(--surface);border:1px solid var(--line);max-width:460px;box-shadow:var(--shadow-2);border-radius:22px;justify-items:center;gap:10px;margin:12vh auto 0;display:grid}.tab-lain .i{width:32px;height:32px;color:var(--accent)}.hanya-hp{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}button{border:1px solid var(--line-2);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:650;transition:background .12s ease-out,border-color .12s ease-out,transform 60ms ease-out;display:inline-flex}button:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-input)}button:active:not(:disabled){background:var(--sunken);transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.utama,.tombol.utama{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 8px 20px -12px var(--accent), inset 0 1px 0 #ffffff24}button.utama:hover:not(:disabled),.tombol.utama:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.utama:active:not(:disabled){background:var(--accent-hover)}.tombol.besar{border-radius:15px;min-height:58px;font-size:18px;font-weight:750}.tombol.kecil,button.kecil{border-radius:10px;min-height:36px;padding:0 12px;font-size:13.5px}.tombol.polos{box-shadow:none;color:var(--ink-2);background:0 0;border-color:#0000}.tombol.bahaya,button.bahaya{color:var(--danger)}button.tautan{min-height:32px;color:var(--accent);text-underline-offset:3px;background:0 0;border:0;padding:0 4px;font-weight:650;text-decoration:underline}button.hapus{min-width:32px;min-height:32px;color:var(--ink-3);background:0 0;border-color:#0000;padding:0 8px}button.hapus:hover:not(:disabled){color:var(--danger);background:var(--danger-soft);border-color:#0000}input,textarea,select{border:1.5px solid var(--line-input);background:var(--surface);width:100%;min-height:44px;color:var(--ink);border-radius:11px;padding:10px 12px;transition:border-color .12s ease-out,box-shadow .12s ease-out}textarea{resize:vertical;min-height:72px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}input::placeholder,textarea::placeholder{color:var(--ink-3);opacity:1}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:0;accent-color:var(--accent);padding:0}input[type=file]{padding:8px}label{color:var(--ink-2);font-size:14.5px;font-weight:600}label>input,label>select,label>textarea{margin-top:5px;font-weight:400}label.centang{color:var(--ink);align-items:center;gap:10px;font-weight:500;display:flex}label.centang input{margin:0}.kotak{background:var(--surface);border:1px solid var(--line);border-left:4px solid;border-radius:12px;align-items:flex-start;gap:8px;padding:10px 14px;display:flex}.kotak.kuning{background:var(--warn-soft);border-color:#0000;border-left-color:var(--warn);color:var(--warn)}.kotak.merah{background:var(--danger-soft);border-color:#0000;border-left-color:var(--danger);color:var(--danger)}.kotak.hijau{background:var(--accent-soft);border-color:#0000;border-left-color:var(--accent);color:var(--accent)}.pesan{border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:15px;font-weight:600;display:flex}.pesan.ok{background:var(--accent-soft);color:var(--accent)}.pesan.galat{background:var(--danger-soft);color:var(--danger)}.pesan.tengah{max-width:520px;margin:12px auto}.kepala{z-index:40;background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:60px;padding:8px 16px;display:flex;position:sticky;top:0}.kepala:not(.kepala-kasir){flex-wrap:wrap}.merek{align-items:center;gap:12px;min-width:0;display:flex}.merek-teks{min-width:0}.merek-teks b{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:750;display:block;overflow:hidden}.merek-teks small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.logo{color:#fff;background:linear-gradient(145deg,#148a6b,#0a4d3c);border-radius:11px;flex:none;place-items:center;width:36px;height:36px;font-size:17px;font-weight:800;display:grid;position:relative;box-shadow:inset 0 1px #ffffff2e,0 2px 6px #0a4d3c40}.logo:after{content:"";background:#e2c27a;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:6px}.dua{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sambut{min-height:100vh;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh;display:grid}.sambut-merek{color:#f3f1ea;background:radial-gradient(120% 90% at 0 0,#18946f 0%,#0b5a46 45%,#07392d 100%);flex-direction:column;justify-content:space-between;gap:24px;padding:48px 56px;display:flex;position:relative;overflow:hidden}.sambut-merek:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 34.5%,#e2c27a59 35%,#e2c27a0f 35.3% 42%,#e2c27a09 42.2% 50%,#0000 50.2%);border-radius:50%;width:600px;height:600px;position:absolute;bottom:-210px;right:-210px}.sambut-merek .merek b{color:#fff;font-size:16px}.sambut-merek h1{letter-spacing:-.03em;color:#fff;font-size:40px;font-weight:800;line-height:1.12}.sambut-merek p{color:#f3f1ead1;max-width:440px;margin-top:16px;font-size:16.5px}.sambut-merek small{color:#f3f1ea9e}.logo-kaca{background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff40}.sambut-form{place-items:center;padding:32px 24px;display:grid}.form-pasang{gap:20px;width:min(460px,100%);display:grid}.form-pasang h2{letter-spacing:-.02em;font-size:27px;font-weight:800}.form-pasang>div small{font-size:14px}.langkah{gap:12px;margin:0;padding:0;list-style:none;display:grid}.langkah li{color:var(--ink-2);align-items:flex-start;gap:12px;font-size:14.5px;display:flex}.langkah b{color:var(--ink)}.langkah .n{background:var(--accent-soft);width:26px;height:26px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:800;display:grid}.isian-kode{gap:6px;display:grid}.isian-kode input{letter-spacing:.12em;text-transform:uppercase;font-variant-numeric:tabular-nums;word-spacing:0;min-height:60px;font-size:24px;font-weight:800}.isian-kode input::placeholder{letter-spacing:.12em;font-weight:700}.form-pasang .tombol.besar{width:100%}.lanjutan summary{cursor:pointer;color:var(--ink-3);font-size:14px;font-weight:600}.lanjutan label{margin-top:8px;display:grid}.catatan{align-items:flex-start;gap:8px;display:flex}.catatan .i{margin-top:2px}.shift{background:var(--surface);border:1px solid var(--line);max-width:520px;box-shadow:var(--shadow-2);border-radius:20px;gap:14px;margin:32px auto;padding:24px;display:grid}.shift .lepas{text-align:center;justify-content:center;margin-top:12px}.laporan-shift{background:var(--surface);border:1px solid var(--line);max-width:520px;box-shadow:var(--shadow-2);border-radius:18px;gap:8px;margin:20px auto 0;padding:18px 20px;display:grid}.laporan-shift .aksi{flex-wrap:wrap;gap:8px;display:flex}.rekap{border-collapse:collapse;width:100%}.rekap td{border-bottom:1px solid var(--line);padding:7px 8px}.rekap .total td,.rekap tr.total td{font-size:18px;font-weight:750}.panel-kas{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);border-radius:14px;flex-wrap:wrap;align-items:end;gap:10px;margin:12px 24px 0;padding:14px 16px;display:flex}.panel-kas label{gap:4px;display:grid}.panel-konflik{gap:6px;margin:12px 24px 0;display:grid}.panel-konflik ul{margin:0;padding-left:18px}.panel-qr{z-index:80;background:var(--scrim);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.panel-qr>div{background:var(--surface);max-width:380px;max-height:calc(100vh - 32px);color:var(--ink);box-shadow:var(--shadow-3);border-radius:20px;justify-items:center;gap:10px;padding:22px;display:grid;overflow:auto}.panel-qr svg:not(.i){background:#fff;border-radius:12px;width:240px;height:240px;padding:8px}.panel-qr small.url{word-break:break-all}.panel-qr.setuju-atas{z-index:90}.panel-qr .aksi,.pembatalan .aksi{justify-content:flex-end;gap:8px;width:100%;display:flex}@media (max-width:760px){.hanya-hp{display:flex!important}.sembunyi-hp{display:none!important}.panel-kas,.panel-konflik{margin:10px 12px 0}.shift,.tutup-shift,.laporan-shift{margin:12px;padding:18px}}@media (max-width:900px){.sambut{grid-template-columns:1fr}.sambut-merek{display:none}}@media (hover:none) and (pointer:coarse){.sembunyi-sentuh{display:none!important}}.area-cetak{display:none}@media print{html,html[data-tema=gelap]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}body.sedang-cetak>:not(.area-cetak){display:none!important}body.sedang-cetak{color:#000;word-spacing:normal;background:#fff}.area-cetak{color:#000;font-family:system-ui,sans-serif;display:block}.area-cetak table{border-collapse:collapse;width:100%}.area-cetak td{vertical-align:top;padding:1px 0}.area-cetak td.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.area-cetak tr.garis td{border-top:1px dashed #000}.area-cetak tr.tebal td{padding-top:1mm;font-size:1.2em;font-weight:800}.area-cetak .rinci{color:#000;font-size:.85em;display:block}.area-cetak .kepala-struk,.area-cetak .info,.area-cetak .kaki,.area-cetak .qr{text-align:center}.area-cetak .salinan{text-align:center;letter-spacing:.12em;border:1.5px solid #000;margin:2px 0;padding:.6mm 0;font-weight:800}.area-cetak .kepala-struk{border-bottom:1.5px solid #000;margin-bottom:1mm;padding-bottom:1.5mm}.area-cetak .kepala-struk strong{letter-spacing:.01em;font-size:1.35em;font-weight:800;display:block}.area-cetak .info{margin:1mm 0 1.5mm}.area-cetak .kaki{border-top:1px dashed #000;margin-top:2mm;padding-top:1.5mm}.area-cetak .qr svg{width:30mm;height:30mm}.cetak-58{width:54mm;font-size:10px}.cetak-80{width:76mm;font-size:11px}.cetak-a5{font-size:12pt}.cetak-a5 .kepala-struk strong{font-size:16pt}}