:root{--kounna-navy:#0f1923;--kounna-gold:#c9a84c;--kounna-cream:#ede8dc;--kounna-bg:#f7f5f0;--kounna-white:#fff;--kounna-border:#ddd9ce;--kounna-text-primary:#0f1923;--kounna-text-secondary:#6a6050;--kounna-text-muted:#9a9080;--kounna-red:#c03030;--kounna-green:#2a7a40;--kounna-sidebar-w:172px;--kounna-sidebar-collapsed-w:48px;--kounna-header-h:60px;--kounna-bottomnav-h:60px}: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}.riwayat-tr-batal td{opacity:.5}.teks-coret{text-decoration:line-through}.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}.payment-row-potongan{color:#2ea043}.payment-row-preview{opacity:.7}.preview-label{opacity:.75;margin-left:4px;font-size:10px;font-style:italic}.poin-didapat-feedback{text-align:center;color:#d4af37;margin:4px 0 0;font-weight:600}.redeem-poin-box{border:1px solid var(--border);text-align:left;border-radius:8px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.redeem-poin-form{flex-direction:column;gap:6px;display:flex}.redeem-poin-form-actions{flex-wrap:wrap;gap:8px;display:flex}.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}.item-flag{letter-spacing:.02em;border-radius:6px;margin:6px 0 0;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}.flag-merah{color:#dc2626;background:#dc26261f}.flag-oranye{color:#ea580c;background:#ea580c1f}.flag-kuning{color:#ca8a04;background:#ca8a041f}.modal-ack-overlay .modal-card{max-width:440px}.modal-ack-counter{color:var(--text-dim,#888);margin:0 0 8px;font-size:12px;font-weight:600}.modal-ack-flag{margin-bottom:10px}.modal-ack-layanan{margin:0 0 4px;font-size:17px}.modal-ack-detail{color:var(--text-dim,#888);margin:0 0 4px;font-size:14px}.modal-ack-deadline{margin:0 0 14px;font-size:13px;font-weight:600}.modal-ack-label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.modal-ack-textarea{resize:vertical;width:100%;font-family:inherit}.modal-ack-error{color:var(--error);margin:4px 0 0;font-size:13px}.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}.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}.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}.absensi-card{text-align:center;max-width:440px}.absensi-info{flex-direction:column;gap:4px;margin:16px 0;display:flex}.absensi-nama{color:var(--text-h);font-size:22px;font-weight:700}.absensi-shift{color:var(--accent);font-size:15px;font-weight:600}.absensi-hari{color:var(--text-muted,var(--text));opacity:.7;font-size:14px}.absensi-clock-wrap{margin:24px 0}.live-clock{letter-spacing:2px;color:var(--text-h);font-variant-numeric:tabular-nums;font-size:52px;font-weight:700}.absensi-actions{flex-direction:column;gap:10px;margin-top:8px;display:flex}.absensi-btn-utama{padding:14px 24px;font-size:18px}.absensi-terlambat-icon,.absensi-libur-icon{margin-bottom:12px;font-size:48px;display:block}.absensi-semangat{color:var(--text-muted,var(--text));opacity:.8;margin-top:8px;font-size:15px}.absen-jam-info{color:var(--text);opacity:.75;white-space:nowrap;font-size:12px}.modal-card-absen-notif{text-align:center}.absen-notif-pesan{color:var(--text);margin:4px 0;font-size:16px;line-height:1.7}.absen-aktif-info{color:var(--text);opacity:.75;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:12px;overflow:hidden}.badge-terlambat{color:#b45309;background:#eab3081f}.badge-libur{color:var(--text);background:#6b63751f}.absensi-filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.absensi-filter-label{color:var(--text);white-space:nowrap;font-size:13px;font-weight:500}.absensi-filter-date{width:140px}.absensi-report-wrap{overflow:auto}#app.app-dashboard{background:#0f1923;justify-content:flex-start;align-items:flex-start;padding:0}.db-shell{color:#ede8dc;box-sizing:border-box;background:#0f1923;width:100%;min-height:100svh;padding:20px 20px 48px}.db-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.db-shell .btn-kembali{color:#c9a84c;background:#c9a84c1f;border-color:#c9a84c4d}.db-shell .header-karyawan{color:#ede8dc;background:#ffffff0d;border-color:#c9a84c33}.db-title{color:#c9a84c;margin:8px 0 16px;font-size:22px;font-weight:700}.db-title-sub{color:#888;margin-left:8px;font-size:13px;font-weight:400}.db-filter-global{background:#ffffff0a;border:1px solid #c9a84c33;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;display:flex}.db-select{color:#ede8dc;cursor:pointer;background:#ffffff14;border:1px solid #c9a84c4d;border-radius:8px;padding:6px 10px;font-size:14px}.db-input{color:#ede8dc;background:#ffffff14;border:1px solid #c9a84c4d;border-radius:8px;padding:6px 10px;font-size:13px}.db-custom-range{align-items:center;gap:6px;display:flex}.db-hidden{display:none!important}.db-dash{color:#888;font-size:12px}.db-btn-apply{color:#0f1923;cursor:pointer;background:#c9a84c;border:none;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.db-btn-cancel{color:#ede8dc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;padding:6px 12px;font-size:13px}.db-range-label{color:#888;margin-left:4px;font-size:12px}.db-shell section{background:#ffffff0a;border:1px solid #c9a84c26;border-radius:12px;margin-bottom:32px;padding:16px 20px 20px}.db-section-header{color:#c9a84c;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #c9a84c33;margin-bottom:14px;padding-bottom:8px;font-size:11px;font-weight:700}.db-sub-header{color:#888;text-transform:uppercase;letter-spacing:.5px;margin:12px 0 8px;font-size:12px;font-weight:600}.db-cards{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.db-card{background:#ffffff0d;border:1px solid #c9a84c26;border-radius:10px;padding:12px 14px}.db-card-label{color:#888;margin-bottom:4px;font-size:11px;line-height:1.3}.db-card-value{color:#c9a84c;word-break:break-all;font-size:17px;font-weight:700;line-height:1.2}.db-card-sub{color:#666;margin-top:3px;font-size:10px}.db-chart-wrap{width:100%;height:200px;margin-top:8px;position:relative}.db-chart-legend{color:#888;text-align:right;margin:6px 0 0;font-size:11px}.db-filter-komisi{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.db-note-komisi{color:#888;background:#ffc80012;border:1px solid #ffc80033;border-radius:6px;margin-bottom:12px;padding:6px 10px;font-size:11px}.db-teknisi-block{border:1px solid #ffffff0f;border-radius:10px;margin-bottom:20px;overflow:hidden}.db-teknisi-header{background:#ffffff0a;align-items:center;gap:10px;padding:10px 14px;display:flex}.db-teknisi-nama{color:#ede8dc;flex:1;font-weight:600}.db-teknisi-rate{color:#888;font-size:12px}.db-teknisi-summary{color:#ede8dc;font-size:12px}.db-btn-toggle-detail{color:#ede8dc;cursor:pointer;background:0 0;border:1px solid #ede8dc33;border-radius:6px;margin-left:auto;padding:3px 8px;font-size:11px}.db-btn-toggle-detail:hover{border-color:#ede8dc80}.db-btn-edit-rate{color:#c9a84c;cursor:pointer;background:0 0;border:1px solid #c9a84c4d;border-radius:6px;padding:3px 8px;font-size:11px}.db-rate-input{width:70px!important;padding:4px 6px!important;font-size:13px!important}.db-tabel-komisi,.db-tabel{border-collapse:collapse;width:100%;font-size:13px}.db-tabel-komisi th,.db-tabel th{text-align:left;color:#888;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #ffffff0f;padding:6px 10px;font-size:10px;font-weight:600}.db-tabel-komisi td,.db-tabel td{color:#ede8dc;vertical-align:top;border-bottom:1px solid #ffffff0a;padding:7px 10px}.db-tabel-komisi tbody tr:last-child td,.db-tabel tbody tr:last-child td{border-bottom:none}.db-tabel-komisi tfoot td{border-top:1px solid #c9a84c4d;padding-top:8px;font-size:13px}.db-komisi-foot{color:#888;font-size:11px}.db-td-r{text-align:right}.db-td-rank{color:#888;width:28px;font-size:11px}.db-val-gold{color:#c9a84c;font-weight:600}.db-val-merah{color:#f87171;font-weight:600}.db-helper-row td{color:#888;background:#ffffff05;font-size:12px}.db-badge-pr{color:#888;vertical-align:middle;background:#8883;border-radius:4px;margin-left:4px;padding:1px 5px;font-size:9px}.db-badge-pu{color:#c9a84c;background:#c9a84c26}.db-komisi-detail{color:#888;font-size:10px;display:block}.db-val-red{color:#f87171;font-weight:600}.db-sub-text{color:#666;font-size:11px}.db-tabel-wrap{overflow-x:auto}.db-row-merah{background:#dc32321a}.db-tab-bar{gap:4px;margin-bottom:12px;display:flex}.db-tab{color:#888;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:5px 14px;font-size:12px}.db-tab-active{color:#c9a84c;background:#c9a84c26;border-color:#c9a84c66;font-weight:600}.db-kat-list{flex-direction:column;gap:6px;display:flex}.db-kat-row{align-items:center;gap:10px;padding:4px 0;font-size:13px;display:flex}.db-kat-nama{color:#ede8dc;flex:1}.db-kat-count{color:#888;font-size:11px}.db-btn-wa{color:#25d166;cursor:pointer;background:#25d3661f;border:1px solid #25d3664d;border-radius:6px;padding:3px 8px;font-size:11px}.db-empty-cell{text-align:center;color:#888;font-size:13px;padding:16px!important}.db-loading{color:#888;text-align:center;padding:24px 0;font-size:13px}.db-error{color:#f87171;padding:8px 0;font-size:12px}.db-empty{color:#888;text-align:center;padding:20px 0;font-size:13px;font-style:italic}@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}.db-cards{grid-template-columns:repeat(2,1fr)}.db-chart-wrap{height:160px}.db-filter-global,.db-filter-komisi{flex-direction:column;align-items:flex-start}}#app-shell{background:var(--kounna-bg);width:100%;height:100svh;color:var(--kounna-text-primary);flex-direction:column;display:flex}#app-header{flex:0 0 var(--kounna-header-h);height:var(--kounna-header-h);z-index:50;background:#0a1119;border-bottom:1px solid #1e3048;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:relative;box-shadow:0 2px 8px #0000004d}.kw-header-left{align-items:center;gap:14px;display:flex}.kw-header-logo{width:auto;display:block}.kw-header-logo-link{cursor:pointer}#app-header .logo img{object-fit:contain;width:auto;height:30px}.kw-header-hamburger{color:#8a9aaa;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:20px;line-height:1}.kw-header-hamburger:hover{background:#1e2d3d}.kw-header-right{align-items:center;gap:16px;display:flex}.kw-header-peran{color:var(--kounna-gold);white-space:nowrap;background:#c9a84c26;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.kw-header-aktif{color:#8a9aaa;white-space:nowrap;font-size:12px}.kw-header-status{white-space:nowrap;background:0 0;margin-right:4px;font-size:11px}.kw-header-status-buka{color:#4caf80}.kw-header-status-tutup{color:#c03030}.kw-header-pill{color:var(--kounna-gold);white-space:nowrap;background:#1e2d3d;border:1px solid #c9a84c4d;border-radius:20px;padding:3px 12px;font-size:11px}.kw-header-avatar{border:1.5px solid var(--kounna-gold);width:30px;height:30px;color:var(--kounna-gold);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;padding:0;font-family:inherit;font-size:11px;font-weight:700;display:flex}.kw-avatar-dropdown{background:var(--kounna-white);border:1px solid var(--kounna-border);z-index:200;border-radius:10px;min-width:180px;padding:12px 14px;position:absolute;top:100%;right:16px;box-shadow:0 4px 16px #00000026}.kw-avatar-dd-divider{background:var(--kounna-border);height:1px;margin:10px 0}.kw-avatar-dd-label{color:var(--kounna-text-muted);margin:0 0 4px;font-size:11px}.kw-avatar-dd-names{color:var(--kounna-text-primary);margin:0;font-size:13px}.kw-avatar-dd-empty{color:var(--kounna-text-muted);margin:0;font-size:13px;font-style:italic}#app-body{flex:1;min-height:0;display:flex}#app-content{background:var(--kounna-bg);flex:1;min-width:0;padding:20px;overflow-y:auto}#app-sidebar{flex:0 0 var(--kounna-sidebar-w);width:var(--kounna-sidebar-w);background:var(--kounna-navy);z-index:2;border-right:1px solid #1e3048;flex-direction:column;transition:width .2s,flex-basis .2s;display:flex;position:relative;overflow:hidden;box-shadow:2px 0 8px #00000040}#app-sidebar.collapsed{flex-basis:var(--kounna-sidebar-collapsed-w);width:var(--kounna-sidebar-collapsed-w)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:10px 0;display:flex;overflow:hidden auto}.nav-item{color:#8a96a6;width:100%;font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;padding:9px 14px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.nav-item:hover{color:#8a9aaa;background:#162030}.nav-item-active{border-left:3px solid var(--kounna-gold);color:var(--kounna-cream);background:#1a2d42}.nav-ikon{border:1.5px solid;border-radius:3px;flex-shrink:0;width:14px;height:14px}.nav-label{flex:1}.nav-badge{background:var(--kounna-gold);color:var(--kounna-navy);text-align:center;border-radius:10px;min-width:18px;padding:1px 7px;font-size:10px;font-weight:700}.sidebar-section{flex-direction:column;gap:2px;display:flex}.sidebar-section-label{color:#5a7494;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #233246;margin:4px 0 0;padding:16px 16px 8px;font-size:11px;font-weight:600}#app-sidebar.collapsed .nav-label,#app-sidebar.collapsed .nav-badge,#app-sidebar.collapsed .sidebar-section-label{display:none}#app-sidebar.collapsed .nav-item{justify-content:center;gap:0;padding:9px 0}.sidebar-footer{white-space:nowrap;border-top:1px solid #233246;flex-shrink:0;padding:12px 16px;overflow:hidden}.sidebar-footer-brand{color:var(--kounna-cream);margin:0;font-size:12px;font-weight:600}.sidebar-footer-ver{color:#5a7494;margin:2px 0 0;font-size:11px}#app-sidebar.collapsed .sidebar-footer,#app-bottom-nav{display:none}.bottomnav-item{color:var(--kounna-text-muted);font:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:0;font-weight:400;display:flex}.bottomnav-item-active{color:var(--kounna-gold);font-weight:700}.bottomnav-ikon{border:1.5px solid;border-radius:3px;width:16px;height:16px}.bottomnav-label{font-size:10px}.bottomnav-empty{flex:1}.bottomnav-order{background:var(--kounna-gold);width:44px;height:44px;color:var(--kounna-navy);cursor:pointer;border:none;border-radius:50%;flex:none;align-self:center;margin:0 6px;font-size:22px;font-weight:700;position:relative;top:-10px;box-shadow:0 2px 8px #c9a84c66}.drawer-overlay{z-index:200;background:#00000073;position:fixed;inset:0}.drawer-sheet{left:0;right:0;bottom:var(--kounna-bottomnav-h);background:var(--kounna-white);border-radius:16px 16px 0 0;padding:8px 16px 16px;animation:.2s drawerUp;position:fixed;box-shadow:0 -4px 20px #00000026}@keyframes drawerUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-grabber{background:var(--kounna-border);border-radius:2px;width:40px;height:4px;margin:4px auto 10px}.drawer-judul{color:var(--kounna-navy);margin:0 0 8px;font-size:13px;font-weight:700}.drawer-item{text-align:left;border:none;border-bottom:1px solid var(--kounna-border);width:100%;font:inherit;color:var(--kounna-text-primary);cursor:pointer;background:0 0;padding:13px 4px;font-size:15px;display:block}.drawer-item:last-child{border-bottom:none}.drawer-kosong{color:var(--kounna-text-muted);padding:12px 4px;font-size:13px}.shell-back-button{align-self:flex-start;width:auto;margin-bottom:12px;padding:6px 12px;font-size:13px}.antrian-page .antrian-list{height:auto;margin-bottom:16px;overflow:visible}.antrian-pagehead{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.page-title{color:var(--kounna-navy);text-align:left;letter-spacing:-.2px;margin:0;font-size:22px;font-weight:700}.page-subtitle{color:var(--kounna-text-secondary);margin:2px 0 0;font-size:13px}.btn-order-gold{background:var(--kounna-gold);width:auto;color:var(--kounna-navy);font:inherit;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:8px 14px;font-size:14px;font-weight:700}.btn-order-gold:hover{filter:brightness(1.05)}.antrian-page .header-karyawan{justify-content:flex-start;margin:4px 0 12px}.antrian-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.stat-card{background:var(--kounna-white);border:1px solid var(--kounna-border);border-radius:10px;flex-direction:column;justify-content:center;gap:2px;padding:14px 16px;display:flex}.stat-value{color:var(--kounna-navy);font-size:20px;font-weight:800;line-height:1.1}.stat-value-terlambat{color:var(--kounna-red)}.stat-value-priority{color:var(--kounna-gold)}.stat-label,.stat-sub{color:var(--kounna-text-muted);font-size:11px}.antrian-page .antrian-row{background:var(--kounna-white);border:1px solid var(--kounna-border);border-radius:10px}.antrian-page .antrian-row-header{background:var(--kounna-white)}.antrian-page .antrian-cell-invoice{color:var(--kounna-navy);font-weight:700}.antrian-page .antrian-cell-pelanggan{color:var(--kounna-navy);font-size:13px;font-weight:700}.antrian-page .antrian-cell-deadline,.antrian-page .antrian-cell-jumlah{color:var(--kounna-text-secondary);font-size:11px}.antrian-page .antrian-detail{color:var(--kounna-text-secondary);font-size:14px}.antrian-page .antrian-group-merah{border-left:3px solid var(--kounna-red);border-color:#e8c0c0;background:#fff8f8!important}.antrian-page .antrian-group-kuning{border-left:3px solid var(--kounna-gold)}.antrian-page .antrian-pelanggan{font-size:17px;font-weight:700;color:var(--kounna-navy)!important}.antrian-page .proses-ulang-button{background:var(--kounna-white);color:var(--kounna-navy);border:1px solid var(--kounna-border);font-weight:600}.antrian-page .proses-ulang-button:hover{color:var(--kounna-navy);background:#f0ede6}.antrian-page .selesai-button{background:var(--kounna-gold);color:var(--kounna-navy);border:none;font-weight:700}.antrian-page .selesai-button:hover{background:#b8973f}.antrian-page .badge-proses{color:#2563a0;background:#e3edf9;font-weight:600}.antrian-page .antrian-filter-bar .input{color:var(--kounna-cream);background:#1a2230;border:1px solid #2a3545}.antrian-page .antrian-filter-bar .input::placeholder{color:#6a7585}.antrian-page .antrian-note,.antrian-page .antrian-subgroup-label-abu{color:var(--kounna-text-secondary)!important}.pelanggan-page,.karyawan-page{color:var(--kounna-text-primary)}.pelanggan-page .card,.karyawan-page .card{background:var(--kounna-white);border:1px solid var(--kounna-border);color:var(--kounna-text-primary);border-radius:12px;padding:18px 20px;box-shadow:0 1px 3px #0000000a}.pelanggan-page h2,.karyawan-page h2{color:var(--kounna-navy);text-align:left;letter-spacing:-.2px;margin:0 0 4px;font-size:22px;font-weight:700}.pelanggan-page h3,.karyawan-page h3{color:var(--kounna-navy);text-align:left;margin:18px 0 8px;font-size:16px;font-weight:700}.pelanggan-page .header-karyawan,.karyawan-page .header-karyawan{justify-content:flex-start;margin:0 0 12px}.pelanggan-page p,.karyawan-page p{color:var(--kounna-text-secondary)}.pelanggan-page label,.karyawan-page label,.pelanggan-page strong,.karyawan-page strong,.pelanggan-page .transaksi-table,.karyawan-page .transaksi-table{color:var(--kounna-text-primary)}.pelanggan-page .transaksi-table th,.karyawan-page .transaksi-table th{background:var(--kounna-cream);color:var(--kounna-navy)}.pelanggan-page .transaksi-table td,.karyawan-page .transaksi-table td{color:var(--kounna-text-primary);border-bottom:1px solid var(--kounna-border)}.pelanggan-page .transaksi-td-invoice{color:var(--kounna-navy)}.pelanggan-page .transaksi-tr-alt,.karyawan-page .transaksi-tr-alt{background:#f6f3ec}.pelanggan-page .btn-primary,.karyawan-page .btn-primary{background:var(--kounna-gold);color:var(--kounna-navy);border:none;font-weight:700}.pelanggan-page .btn-primary:hover,.karyawan-page .btn-primary:hover{filter:brightness(1.06)}.pelanggan-page .btn-secondary,.karyawan-page .btn-secondary{background:var(--kounna-white);color:var(--kounna-navy);border:1px solid var(--kounna-border);font-weight:600}.pelanggan-page .btn-secondary:hover,.karyawan-page .btn-secondary:hover{color:var(--kounna-navy);background:#f0ede6}.pelanggan-page #tambah-pelanggan-button{background:var(--kounna-gold);color:var(--kounna-navy);border:none;font-weight:700}.pelanggan-page #tambah-pelanggan-button:hover{filter:brightness(1.06)}.pelanggan-page .input,.karyawan-page .input,.modal-card .input{background:var(--kounna-white);border:1px solid var(--kounna-border);color:var(--kounna-text-primary)}.pelanggan-page .input::placeholder,.karyawan-page .input::placeholder,.modal-card .input::placeholder{color:var(--kounna-text-muted)}.pelanggan-page .modal-ringkasan{border-color:var(--kounna-border)}.pelanggan-page #tambah-pelanggan-button,.karyawan-page #tambah-karyawan-button{padding:8px 14px;font-size:13px}.pelanggan-page .transaksi-table-wrap,.karyawan-page .transaksi-table-wrap{overflow-x:auto}.pelanggan-page .transaksi-table th,.pelanggan-page .transaksi-table td,.karyawan-page .transaksi-table th,.karyawan-page .transaksi-table td{padding:6px 10px}.karyawan-page .transaksi-table td{vertical-align:middle}.karyawan-page .transaksi-td-aksi{flex-flow:wrap;align-items:center;gap:6px;min-width:0}.karyawan-page .transaksi-td-aksi .btn-secondary{padding:5px 10px;font-size:12px}.pelanggan-page .badge-membership-silver{color:#3a4858;background:#e6ebf2;border:1px solid #aebccd}.pelanggan-page .badge-membership-gold{color:#856316;background:#fbf2d6;border:1px solid #e0c46f}.pelanggan-detail.page{width:100%;max-width:820px}.pelanggan-detail .detail-info-view{grid-template-columns:1fr 1fr;align-items:start;gap:8px 28px;display:grid}.pelanggan-detail .detail-info-view p:not(.error-message){color:var(--kounna-text-primary);margin:0}.pelanggan-detail .detail-info-edit{grid-template-columns:max-content 1fr;align-items:center;gap:8px 14px;display:grid}.pelanggan-detail .detail-info-edit label{justify-self:start;margin:0}.pelanggan-detail .detail-info-edit textarea.input{align-self:start}.pelanggan-detail .detail-info .error-message,.pelanggan-detail .detail-info .modal-actions{grid-column:1/-1}@media (width<=767px){.pelanggan-detail .detail-info-view,.pelanggan-detail .detail-info-edit{grid-template-columns:1fr}}.modal-card{background:var(--kounna-white);color:var(--kounna-text-primary)}.modal-card h3,.modal-card h4{color:var(--kounna-navy)}.modal-card p{color:var(--kounna-text-secondary)}.modal-card label,.modal-card strong,.modal-card .modal-peringatan{color:var(--kounna-text-primary)}.modal-card .modal-ringkasan{border-color:var(--kounna-border)}.modal-card .modal-ringkasan p{color:var(--kounna-text-secondary)}.modal-card .modal-ringkasan-sisa{color:var(--kounna-navy);border-top-color:var(--kounna-border)}.modal-card .error-message{color:var(--kounna-red);background:#c0303014}.modal-card .btn-primary{background:var(--kounna-gold);color:var(--kounna-navy);border:none;font-weight:700}.modal-card .btn-primary:hover{filter:brightness(1.06)}.modal-card .btn-secondary{background:var(--kounna-white);color:var(--kounna-navy);border:1px solid var(--kounna-border);font-weight:600}.modal-card .btn-secondary:hover{color:var(--kounna-navy);background:#f0ede6}.modal-card .btn-danger{color:var(--kounna-red);border:1px solid #0000}.modal-card .btn-danger:hover{background:#c0303014}@media (width<=767px){#app-sidebar,.kw-header-hamburger,.kw-header-pill,.kw-header-right>.kw-header-peran,.kw-header-aktif{display:none}.kw-header-status{font-size:10px}#app-content{padding:14px 14px var(--kounna-bottomnav-h)}#app-bottom-nav{height:var(--kounna-bottomnav-h);background:var(--kounna-white);border-top:1px solid var(--kounna-border);z-index:100;display:flex;position:fixed;bottom:0;left:0;right:0}.antrian-stats{grid-template-columns:repeat(2,1fr)}.antrian-order-btn{display:none}.antrian-page .antrian-cell-pelanggan{font-size:14px}}