:root{--text:#6b6375;--text-h:#08060d;--bg:#f4f3ec;--card-bg:#fff;--border:#e5e4e7;--accent:#aa3bff;--accent-hover:#9320ed;--error:#c0392b;--error-bg:#c0392b14;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:18px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=480px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--card-bg:#1f2028;--border:#2e303a;--accent:#c084fc;--accent-hover:#a855f7;--error:#ff6b6b;--error-bg:#ff6b6b1f}}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}h1{letter-spacing:-.4px;color:var(--text-h);text-align:center;margin:0 0 24px;font-size:32px;font-weight:600}h2{color:var(--text-h);text-align:center;margin:0 0 20px;font-size:20px;font-weight:600}#app{justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.page{width:100%;max-width:480px}.page-wide{max-width:720px}#app.app-fullscreen-tabel{justify-content:flex-start;align-items:flex-start;padding:0}.page-tabel-fullscreen{width:100%;max-width:none}.page-tabel-fullscreen .card{border-radius:0;padding:16px 20px}.transaksi-table-wrap,.antrian-list{margin-bottom:0;overflow-y:auto}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:40px 32px;box-shadow:0 10px 30px #00000014}@media (width<=480px){.card{border-radius:12px;padding:28px 20px}}label{color:var(--text-h);margin-top:12px;font-size:14px;font-weight:500;display:block}.input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;width:100%;padding:12px 14px}.input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn-primary,.btn-secondary{font:inherit;cursor:pointer;border-radius:8px;width:100%;padding:12px 16px;font-weight:600;transition:background-color .2s}.btn-primary{background:var(--accent);color:#fff;border:none}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{border:1px solid var(--border);color:var(--text-h);background:0 0}.btn-secondary:hover{background:var(--bg)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:disabled:hover{background:var(--accent)}.btn-danger{font:inherit;color:var(--error);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;width:100%;padding:12px 16px;font-weight:600;transition:background-color .2s}.btn-danger:hover{background:var(--error-bg)}.field-error{color:var(--error);margin:2px 0 0;font-size:13px}.login-form,.menu,.order-new,.order-confirm{flex-direction:column;gap:12px;display:flex}.login-form .btn-primary{margin-top:12px}.menu,.order-confirm{text-align:center}.menu p,.order-confirm p{color:var(--text-h);margin:0 0 8px;font-size:18px}.error-message{background:var(--error-bg);color:var(--error);border-radius:8px;margin-top:4px;padding:12px 14px;font-size:15px}.customer-results{border:1px solid var(--border);border-radius:8px;max-height:280px;margin:0;padding:0;list-style:none;overflow-y:auto}.customer-results:empty{display:none}.customer-results li+li{border-top:1px solid var(--border)}.result-item{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.result-item:hover{background:var(--bg)}.result-name{color:var(--text-h);font-weight:500}.result-meta{color:var(--text);white-space:nowrap;font-size:14px}.no-results{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.no-results p{margin:0}.new-customer-form{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:4px;display:flex}.new-customer-form .btn-primary{margin-top:12px}.item-list{border:1px solid var(--border);text-align:left;border-radius:8px;margin:0;padding:0;list-style:none}.item-list li{padding:10px 14px}.item-list li+li{border-top:1px solid var(--border)}.item-row-main{justify-content:space-between;gap:12px;display:flex}.item-row-detail{color:var(--text);margin:4px 0 0;font-size:13px}.item-row-addon{color:var(--text);justify-content:space-between;gap:12px;margin-top:4px;padding-left:12px;font-size:14px;display:flex}.item-row-subtotal{border-top:1px solid var(--border);color:var(--text-h);justify-content:space-between;gap:12px;margin-top:8px;padding-top:6px;font-weight:600;display:flex}.item-row-aksi{gap:8px;margin-top:8px;display:flex}.item-row-aksi .btn-secondary,.item-row-aksi .btn-danger{flex:1;width:auto;padding:6px 12px;font-size:13px}.item-list-total{color:var(--text-h);justify-content:space-between;padding:0 4px;font-weight:600;display:flex}.kategori-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.kategori-button{font:inherit;border:1px solid var(--border);color:var(--text-h);cursor:pointer;background:0 0;border-radius:8px;padding:12px 8px;font-weight:500;transition:background-color .2s,border-color .2s}.kategori-button:hover{background:var(--bg)}.kategori-button.active{border-color:var(--accent);background:var(--accent-bg,#aa3bff1a);color:var(--accent)}.layanan-list{border:1px solid var(--border);border-radius:8px;max-height:320px;margin:0 0 16px;padding:0;list-style:none;overflow-y:auto}.layanan-list li+li{border-top:1px solid var(--border)}.layanan-kosong{text-align:center;color:var(--text);padding:14px}.layanan-item{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.layanan-item:hover{background:var(--bg)}.layanan-nama{color:var(--text-h);font-weight:500}.layanan-harga{color:var(--text);white-space:nowrap;font-size:14px}.item-detail{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:4px;display:flex}.layanan-terpilih{color:var(--text-h);margin:12px 0 0;font-weight:600}.harga-tetap{color:var(--text-h);margin:4px 0 0;font-size:16px}.addon-label{color:var(--text-h);margin:12px 0 0;font-size:14px;font-weight:500}.addon-list{border:1px solid var(--border);border-radius:8px;margin:6px 0 0;padding:0;list-style:none}.addon-list li+li{border-top:1px solid var(--border)}.addon-item{cursor:pointer;align-items:center;gap:10px;padding:10px 14px;display:flex}.addon-nama{color:var(--text-h);flex:1}.addon-harga{color:var(--text);white-space:nowrap;font-size:14px}.total-row{color:var(--text-h);border-top:1px solid var(--border);justify-content:space-between;margin-top:16px;padding-top:12px;font-size:18px;font-weight:600;display:flex}.item-detail .btn-primary{margin-top:16px}.payment-summary{border:1px solid var(--border);text-align:left;border-radius:8px;flex-direction:column;gap:6px;padding:14px;display:flex}.payment-row{color:var(--text);justify-content:space-between;display:flex}.payment-row-sisa{color:var(--text-h);border-top:1px solid var(--border);padding-top:6px;font-weight:600}.status-badge{border-radius:999px;align-self:flex-start;margin-top:4px;padding:4px 10px;font-size:13px;font-weight:600}.badge-belum-lunas{background:var(--error-bg);color:var(--error)}.badge-dp{color:#b8860b;background:#e6a21e1f}.badge-lunas{color:#2ea043;background:#2ea0431f}.badge-dibatalkan{background:var(--error-bg);color:var(--error);align-self:center}.badge-membership-silver{color:#94a3b8;background:#94a3b826}.badge-membership-gold{color:#d4af37;background:#d4af3726}.badge-status-aktif{color:#2ea043;background:#2ea0431f}.badge-status-nonaktif{background:var(--error-bg);color:var(--error)}.karyawan-row-nonaktif{opacity:.55}.lunas-text{color:#2ea043;text-align:center;margin:0;font-weight:600}.belum-ada-barang{color:var(--text);text-align:center;margin:0}#bank-field{flex-direction:column;gap:6px;display:flex}.payment-form{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:4px;display:flex}.payment-form .btn-primary{margin-top:12px}.antrian-list{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.antrian-kosong{text-align:center;color:var(--text);padding:24px 0}.antrian-card{border:1px solid var(--border);text-align:left;border-radius:10px;padding:14px}.antrian-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.antrian-pelanggan{color:var(--text-h);font-weight:600}.antrian-layanan{color:var(--text-h);margin:8px 0 0}.antrian-detail{color:var(--text);margin:2px 0 0;font-size:13px}.mangkrak-label{color:var(--error);margin:6px 0 0;font-size:13px;font-weight:600}.antrian-action{border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-top:12px;padding-top:10px;display:flex}.antrian-action .btn-primary,.antrian-action .btn-secondary{margin-top:4px}.antrian-action-row{flex-direction:row}.antrian-action-row .btn-primary,.antrian-action-row .btn-secondary{flex:1;width:auto;margin-top:0}.badge-antri{color:var(--text);background:#6b63751f}.badge-proses{color:#3b82f6;background:#3b82f61f}.badge-ulang{color:#b8860b;background:#e6a21e1f}.badge-selesai{color:#2ea043;background:#2ea0431f}.badge-sudah-diambil{color:var(--text);background:#6b63751f}.antrian-note{border-top:1px solid var(--border);color:var(--text);margin:12px 0 0;padding-top:10px;font-size:14px;font-style:italic}.antrian-deadline-lewat{color:var(--error);font-weight:600}.antrian-row{border:1px solid var(--border);border-radius:10px}.antrian-row-header{background:var(--card-bg);border-radius:9px 9px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.antrian-row-header:has(+.antrian-group-body[hidden]){border-radius:9px}.antrian-row-main{cursor:pointer;flex-wrap:wrap;flex:1;align-items:center;gap:10px 16px;min-width:0;display:flex}.antrian-cell{color:var(--text-h);font-size:14px}.antrian-cell-invoice{font-weight:600}.antrian-cell-deadline,.antrian-cell-jumlah{color:var(--text);font-size:13px}.antrian-row-aksi{flex-shrink:0;align-items:center;gap:8px;display:flex}.antrian-row-aksi .btn-primary{width:auto}.btn-icon-kecil{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;width:22px;height:22px;margin-left:6px;font-size:12px;line-height:1}.btn-icon-kecil:hover{background:var(--bg)}.transaksi-td-aksi .btn-icon-kecil{margin-left:0}.btn-icon-wa{color:#2ea043;background:#2ea04314;border-color:#2ea04359}.btn-icon-wa:hover{background:#2ea04329}.antrian-group-caret-button{border:1px solid var(--border);width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0}.antrian-group-caret-button:hover{background:var(--bg)}.antrian-group-merah{background:var(--error-bg)!important}.antrian-group-merah .antrian-cell,.antrian-group-merah .antrian-cell-invoice{color:var(--error)}.antrian-group-kuning{background:#e6a21e1f!important}.antrian-group-kuning .antrian-cell,.antrian-group-kuning .antrian-cell-invoice{color:#b8860b}.antrian-group-body{border-top:1px solid var(--border);flex-direction:column;gap:14px;padding:12px 12px 16px;display:flex}.antrian-subgroup{flex-direction:column;gap:10px;display:flex}.antrian-subgroup-label{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:13px;font-weight:600}.antrian-subgroup-label-kuning{color:#b8860b}.antrian-subgroup-label-biru{color:#3b82f6}.antrian-subgroup-label-abu{color:var(--text)}.antrian-card-kuning{border-color:#e6a21e}.antrian-card-biru{border-color:#3b82f6}.antrian-card-abu{opacity:.85}.antrian-filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.antrian-filter-bar .input{flex:1;min-width:140px}.pelanggan-filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.pelanggan-filter-bar .input{flex:1;min-width:140px}.transaksi-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.transaksi-row{border:1px solid var(--border);text-align:left;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 14px;display:flex}.transaksi-row .btn-secondary{width:auto;margin-left:auto}.notif-wa{border-top:1px solid var(--border);align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.notif-wa .btn-secondary{flex:1;width:auto}.notif-dismiss-button{border:1px solid var(--border);width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;font-size:16px}.notif-dismiss-button:hover{background:var(--bg)}.timeline-section{border-top:1px solid var(--border);text-align:left;margin-top:20px;padding-top:16px}.timeline-section h3{color:var(--text-h);margin:0 0 10px;font-size:16px;font-weight:600}.timeline-meta{color:var(--text);margin:0 0 4px;font-size:14px}.timeline-meta-deadline{align-items:center;gap:6px;display:flex}.icon-button{border:1px solid var(--border);width:24px;height:24px;color:var(--text);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;font-size:13px;line-height:1}.icon-button:hover{background:var(--bg)}.deadline-edit{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}.deadline-edit-actions{gap:8px;display:flex}.deadline-edit-actions .btn-primary,.deadline-edit-actions .btn-secondary{flex:1;width:auto}.timeline-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.timeline-kosong{color:var(--text);margin:0;font-size:14px}.timeline-row p{color:var(--text-h);margin:0;font-size:14px}.timeline-alasan{color:#b8860b;margin-top:2px;font-size:13px}.header-karyawan{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.header-nama{color:var(--text-h);font-weight:600}.badge-kasir-aktif{color:#2ea043;background:#2ea0431f}.header-kasir-button{width:auto;padding:6px 12px;font-size:13px}.badge-peran-owner{color:#b8860b;background:#d4a01726}.badge-peran-manager{color:#2ea043;background:#2ea0431f}.badge-peran-kasir{color:var(--text);background:#6b63751f}.badge-peran-teknisi{color:#3b82f6;background:#3b82f61f}.kembali-sticky{z-index:10;font:inherit;border:1px solid var(--border);background:var(--card-bg);color:var(--text-h);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;position:fixed;top:16px;left:16px;box-shadow:0 4px 12px #00000014}.kembali-sticky:hover{background:var(--bg)}.toast-notif{z-index:100;background:var(--text-h);color:var(--card-bg);cursor:pointer;text-align:center;border-radius:10px;max-width:90vw;padding:14px 20px;font-size:15px;font-weight:500;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}.popup-celebrasi{z-index:100;background:var(--card-bg);border:1px solid var(--border);color:var(--text-h);text-align:center;cursor:pointer;border-radius:16px;max-width:320px;padding:24px 28px;font-size:17px;font-weight:600;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px #00000040}.transaksi-table-wrap{margin-bottom:16px;overflow-x:auto}.transaksi-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.transaksi-table th,.transaksi-table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:4px 8px}.transaksi-table th{background:var(--card-bg);z-index:1;color:var(--text);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600;position:sticky;top:0}.sort-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sort-th:hover{color:var(--text-h)}.transaksi-tr-alt{background:var(--bg)}.transaksi-td-invoice{color:var(--text-h);text-overflow:ellipsis;max-width:110px;font-weight:600;overflow:hidden}.transaksi-table td:nth-child(2){text-overflow:ellipsis;max-width:140px;overflow:hidden}.transaksi-td-status{width:120px;max-width:120px}.transaksi-td-aksi{flex-direction:column;gap:4px;min-width:180px;display:flex}.transaksi-aksi-utama,.transaksi-aksi-ikon{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.transaksi-aksi-ikon .btn-icon-kecil{width:26px;height:26px;font-size:13px}.transaksi-td-aksi .btn-primary,.transaksi-td-aksi .btn-secondary{width:auto;padding:6px 10px;font-size:12px}.transaksi-aksi-siap{display:contents}.transaksi-col-tgl-compact{white-space:normal;width:95px;max-width:95px;font-size:12px}.transaksi-td-status{white-space:normal;flex-direction:column;gap:3px;display:flex}.status-badge-kecil{white-space:nowrap;border-radius:999px;align-self:flex-start;align-items:center;gap:3px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.transaksi-td-alasan{white-space:normal;align-items:center;gap:6px;max-width:220px;display:flex}.alasan-terpotong{color:var(--text);font-size:13px}.modal-alasan-lengkap{color:var(--text-h);white-space:pre-wrap;font-size:14px}.modal-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:var(--card-bg);border-radius:16px;flex-direction:column;gap:4px;width:100%;max-width:420px;max-height:90vh;padding:24px;display:flex;overflow-y:auto;box-shadow:0 20px 50px #00000040}.modal-card h3{color:var(--text-h);text-align:center;margin:0 0 8px;font-size:18px;font-weight:600}.modal-ringkasan{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;margin-bottom:8px;padding:12px 14px;display:flex}.modal-ringkasan p{color:var(--text);justify-content:space-between;margin:0;font-size:14px;display:flex}.modal-ringkasan-sisa{color:var(--text-h);border-top:1px solid var(--border);justify-content:space-between;padding-top:6px;font-weight:600;display:flex}.wa-input-row{align-items:stretch;gap:8px;display:flex}.wa-input-row .input{flex:1}.wa-cek-link{white-space:nowrap;flex:none;align-items:center;width:auto;padding:6px 12px;font-size:13px;display:inline-flex}.rupiah-input-wrap{border:1px solid var(--border);background:var(--bg);border-radius:8px;align-items:center;display:flex;overflow:hidden}.rupiah-prefix{color:var(--text);padding:12px 0 12px 14px;font-weight:500}.rupiah-input{background:0 0;border:none;padding-left:4px}.rupiah-input:focus-visible{outline:none}.modal-kembalian{color:#2ea043;margin:4px 0 0;font-size:14px;font-weight:600}.modal-selisih{margin:4px 0 0;font-size:14px;font-weight:600}.modal-selisih-plus{color:#2ea043}.modal-selisih-minus{color:var(--error)}.modal-selisih-pas{color:#2ea043;margin:4px 0 0;font-size:14px;font-weight:600}.modal-peringatan-kuning{color:#b8860b;background:#e6a21e1f;border-radius:8px;margin:10px 0 0;padding:8px 12px;font-size:13px;font-weight:600}.modal-belum-lunas-count{color:var(--text);margin:2px 0 0;font-size:13px}.modal-ringkasan h4{color:var(--text-h);margin:0 0 6px;font-size:13px;font-weight:600}.modal-card-report{max-width:460px}.modal-actions{gap:8px;margin-top:16px;display:flex}.modal-actions .btn-primary,.modal-actions .btn-secondary{flex:1;width:auto}.modal-peringatan{color:var(--text-h);text-align:center;margin:0 0 4px;font-size:15px;line-height:1.5}.tambah-barang-layout{text-align:left;align-items:flex-start;gap:20px;display:flex}.tambah-barang-tree{flex-direction:column;flex-shrink:0;gap:4px;width:220px;display:flex}.tambah-barang-panel{flex:1;min-width:0}.tambah-barang-placeholder{color:var(--text);text-align:center;padding:40px 12px}.tree-kategori-header{text-align:left;width:100%;font:inherit;color:var(--text-h);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:10px 12px;font-weight:600}.tree-kategori-header:hover{background:var(--bg)}.tree-sub-list{flex-direction:column;gap:2px;margin:4px 0 10px;padding-left:12px;display:flex}.tree-sub-item{text-align:left;width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:14px}.tree-sub-item:hover{background:var(--bg)}.tree-sub-item.active{background:var(--accent-bg,#aa3bff1a);color:var(--accent);font-weight:600}.ukuran-row{gap:8px;display:flex}.ukuran-row .input{flex:1}@media (width<=640px){.tambah-barang-layout{flex-direction:column}.tambah-barang-tree{width:100%}.result-item{flex-direction:column;align-items:flex-start;gap:2px}.result-meta{white-space:normal;opacity:.8;font-size:12px}}