:root { --ink:#0d1b2a; --ink-2:#14273b; --paper:#f5f8fa; --white:#fff; --text:#17212b; --muted:#71808e; --line:#dfe7ec; --mint:#24b9aa; --mint-deep:#118a80; --mint-pale:#e3f8f5; --sun:#f4b544; --sun-pale:#fff5dc; --rose:#dc675b; --rose-pale:#fff0ed; --blue:#6689bd; --shadow:0 12px 32px rgba(24, 45, 64, .08); --radius:16px; }
* { box-sizing:border-box; }
html { background:var(--paper); }
body { margin:0; color:var(--text); background:var(--paper); font-family:Manrope,ui-sans-serif,system-ui,sans-serif; font-size:15px; }
button,input,select { font:inherit; }
button { cursor:pointer; }
button:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid rgba(36,185,170,.35); outline-offset:2px; }
.app-shell { min-height:100vh; display:grid; grid-template-columns:248px minmax(0,1fr); }
.sidebar { position:sticky; top:0; height:100vh; padding:27px 17px 19px; display:flex; flex-direction:column; color:#e7f1f5; background:var(--ink); }
.brand { display:flex; align-items:center; gap:10px; padding:0 10px; color:white; font-size:21px; font-weight:800; letter-spacing:-1px; text-decoration:none; }
.brand-dot { color:var(--sun); }
.brand-mark { width:26px; height:26px; border:2px solid var(--mint); border-radius:8px; padding:5px 4px; display:flex; align-items:flex-end; gap:2px; }
.brand-mark i { display:block; width:4px; background:var(--mint); border-radius:1px; }.brand-mark i:first-child { height:6px; }.brand-mark i:nth-child(2){height:11px}.brand-mark i:last-child {height:8px}
.user-block { display:flex; align-items:center; gap:10px; margin:40px 9px 28px; padding:12px 0; border-top:1px solid rgba(230,245,250,.13); border-bottom:1px solid rgba(230,245,250,.13); }.user-block strong,.user-block small{display:block}.user-block strong{font-size:13px}.user-block small{margin-top:2px;color:#8ea4b5;font-size:11px}.avatar,.employee-avatar { display:grid; place-items:center; flex:none; border-radius:50%; font-size:11px; font-weight:800; }.avatar { width:31px;height:31px;background:#35506a;color:#d8fffb; }
.nav-list { display:flex; flex-direction:column; gap:3px; }.nav-list hr { width:100%; border:0; border-top:1px solid rgba(230,245,250,.12); margin:15px 0 11px; }.nav-label { margin:0 10px 5px; color:#7d94a7; font-size:10px; font-weight:800; letter-spacing:.12em; }.nav-item { width:100%; display:flex; align-items:center; gap:11px; padding:10px 11px; color:#abc0ce; border:0; border-radius:9px; background:transparent; text-align:left; font-size:13px; font-weight:600; }.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:#1f3c53;color:#fff}.nav-icon { width:16px; color:#87c9c3; font-size:18px; line-height:1; text-align:center; }.sidebar-foot{margin-top:auto;padding:14px 10px 0;border-top:1px solid rgba(230,245,250,.13);display:flex;justify-content:space-between;align-items:center}.online { display:flex;gap:6px;align-items:center;color:#98aebc;font-size:11px; }.online i,.sync-status i { display:block;width:7px;height:7px;border-radius:50%;background:#52d2a7;box-shadow:0 0 0 3px rgba(82,210,167,.13); }.simple-link{border:0;background:transparent;color:#9bb6c7;font-size:11px;text-decoration:underline;text-underline-offset:3px;padding:0}
.nav-item.admin-item{display:none}
.main-content { min-width:0; padding-bottom:45px; }.topbar{height:78px;padding:0 clamp(22px,4vw,62px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.78);border-bottom:1px solid var(--line)}.store-context{display:flex;gap:10px;align-items:center}.store-pin{color:var(--mint);font-size:11px}.store-context strong,.store-context small{display:block}.store-context strong{font-size:13px}.store-context small{margin-top:3px;color:var(--muted);font-family:'DM Mono',monospace;font-size:10px}.top-actions{display:flex;align-items:center;gap:18px}.sync-status{display:flex;align-items:center;gap:7px;color:#60717e;font-size:12px;font-weight:700}.sync-status i{width:6px;height:6px}.icon-button,.menu-button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;color:#526371;background:#fff;font-size:18px}.menu-button{display:none}.view{display:none;max-width:1320px;margin:0 auto;padding:39px clamp(22px,4vw,62px) 0}.view.active-view{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:29px}.compact-heading{margin-bottom:24px}.eyebrow,.panel-kicker{margin:0 0 7px;color:var(--mint-deep);font-size:10px;font-weight:800;letter-spacing:.13em}.page-heading h1{margin:0;letter-spacing:-1.5px;font-size:32px;line-height:1.15}.page-heading>div>p:not(.eyebrow){margin:8px 0 0;color:var(--muted);font-size:13px}.day-chip,.soft-badge,.cycle-pill,.amount-pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:99px;font-size:11px;font-weight:700}.day-chip{padding:8px 11px;background:#fff;border:1px solid var(--line);color:#657581}.day-chip span:first-child{color:var(--mint);font-size:15px}.soft-badge{padding:7px 10px;background:var(--mint-pale);color:var(--mint-deep)}
.pos-layout{display:grid;grid-template-columns:minmax(310px,.88fr) minmax(420px,1.12fr);gap:20px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow)}.amount-panel{padding:24px}.panel-label-row,.allocation-head,.section-title,.scan-header,.employee-line,.release-head,.table-toolbar{display:flex;justify-content:space-between;align-items:center}.panel-label-row{font-family:'DM Mono',monospace;color:#768795;font-size:11px;letter-spacing:.08em}.text-button{border:0;background:transparent;color:var(--mint-deep);font-size:12px;font-weight:800;padding:3px}.text-button:hover{text-decoration:underline;text-underline-offset:3px}.amount-display{display:block;margin:37px 0 12px;color:var(--ink);font-family:'DM Mono',monospace;font-size:clamp(42px,5vw,62px);font-weight:500;letter-spacing:-4px;line-height:.9}.amount-display small{margin-right:9px;color:var(--mint-deep);font-family:Manrope,sans-serif;font-size:13px;font-weight:800;letter-spacing:0;vertical-align:middle}.amount-hint{min-height:20px;margin:0 0 26px;color:#7d8d99;font-size:12px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad button{height:52px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fbfcfd;font-family:'DM Mono',monospace;font-size:18px;font-weight:500}.keypad button:hover{border-color:#acd9d4;background:var(--mint-pale)}.keypad .key-action{color:var(--mint-deep);font-family:Manrope,sans-serif}.customer-panel{padding:24px}.scan-header h2{margin:0;letter-spacing:-.5px;font-size:20px}.scan-pulse{display:flex;align-items:center;gap:6px;color:#569085;font-size:11px;font-weight:700}.scan-pulse i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px var(--mint-pale)}.scan-box{display:flex;align-items:center;gap:13px;margin-top:17px;padding:12px 13px;border:1.5px dashed #82ccc4;border-radius:12px;background:#f6fffe;cursor:text}.scan-ring{display:grid;place-items:center;flex:none;width:34px;height:34px;color:var(--mint-deep);border-radius:8px;background:#d8f4f1;font-size:24px}.scan-box strong,.scan-box small{display:block}.scan-box strong{font-size:12px}.scan-box small{margin-top:3px;color:var(--muted);font-size:10px}.scan-box input{min-width:0;width:100%;margin-left:auto;border:0;background:transparent;color:#526371;text-align:right;font-family:'DM Mono',monospace;font-size:11px;outline:0}.scan-box input::placeholder{color:#9aacb7}.demo-scan{margin:8px 0 0;padding:0;border:0;color:var(--mint-deep);background:transparent;font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.customer-empty{display:grid;place-items:center;min-height:120px;margin:18px 0;color:#90a0ad;text-align:center}.customer-empty span{font-size:27px;color:#b7c9d1}.customer-empty p{max-width:280px;margin:7px 0;font-size:11px;line-height:1.6}.customer-card{margin:17px 0 0;padding:16px;border:1px solid #d2ece8;border-radius:12px;background:#f7fffe}.hidden{display:none!important}.employee-line{gap:10px}.employee-avatar{width:37px;height:37px;background:#d4f1ed;color:#118a80}.employee-line>div{margin-right:auto}.employee-line h3{margin:0;font-size:14px}.employee-line p{margin:3px 0 0;color:#687a87;font-family:'DM Mono',monospace;font-size:10px}.active-badge{padding:4px 7px;border-radius:99px;background:#dff8ea;color:#278263;font-size:10px;font-weight:800}.balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.balance-grid div{min-width:0;padding:9px;border-radius:8px;background:#fff}.balance-grid span,.balance-grid strong,.balance-grid small{display:block}.balance-grid span{color:#748592;font-size:10px}.balance-grid strong{margin:3px 0;color:#1d303b;font-family:'DM Mono',monospace;font-size:13px}.balance-grid small{overflow:hidden;color:#8796a1;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.allocation{margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.allocation-head{margin-bottom:10px;color:#6d7f8d;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.07em}.allocation-head span:last-child{color:#9ba8b0;font-family:Manrope,sans-serif;letter-spacing:0}.allocation-row{display:flex;justify-content:space-between;padding:5px 0;color:#60717e;font-size:12px}.allocation-row span{display:flex;align-items:center;gap:7px}.allocation-row strong{color:#31424e;font-family:'DM Mono',monospace;font-size:12px}.dot{width:7px;height:7px;border-radius:2px}.free-dot{background:var(--mint)}.prepaid-dot{background:var(--blue)}.utang-dot{background:var(--sun)}.utang-row strong{color:#a76d0a}.allocation-total{display:flex;justify-content:space-between;margin-top:7px;padding-top:10px;border-top:1px dashed #dbe4e9;color:#42535f;font-size:12px;font-weight:800}.allocation-total strong{font-family:'DM Mono',monospace}.confirm-button{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-top:16px;padding:0 15px;border:0;border-radius:10px;color:#fff;background:var(--mint-deep);font-size:13px;font-weight:800;box-shadow:0 5px 12px rgba(17,138,128,.2)}.confirm-button:hover:not(:disabled){background:#0e766e}.confirm-button:disabled{cursor:not-allowed;background:#bdc9d0;box-shadow:none}.confirm-button span{font-family:'DM Mono',monospace;font-size:10px;font-weight:400;opacity:.85}.confirm-note{min-height:16px;margin:8px 0 0;color:#80909b;font-size:10px;text-align:center}.confirm-note.warning{color:#a56b12}.recent-section{margin-top:39px}.section-title h2{margin:0;letter-spacing:-.7px;font-size:20px}.recent-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:13px}.recent-item{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#fff}.recent-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--mint-pale);color:var(--mint-deep);font-size:15px}.recent-meta{min-width:0;flex:1}.recent-meta strong,.recent-meta small{display:block}.recent-meta strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.recent-meta small{margin-top:2px;color:#8797a1;font-size:9px}.recent-amount{color:#354650;font-family:'DM Mono',monospace;font-size:11px;font-weight:500}
.workflow-grid,.release-layout,.report-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:20px}.workflow-panel{padding:25px;max-width:620px}.field-label{display:block;margin:0 0 7px;color:#758692;font-family:'DM Mono',monospace;font-size:10px;font-weight:500;letter-spacing:.08em}.input-with-icon,.currency-input{display:flex;align-items:center;gap:9px;width:100%;margin-bottom:23px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#fbfcfd}.input-with-icon span,.currency-input span{color:var(--mint-deep);font-weight:800}.input-with-icon input,.currency-input input{min-width:0;width:100%;height:47px;border:0;background:transparent;outline:0}.currency-input input{font-family:'DM Mono',monospace;font-size:16px}.info-card{padding:26px}.large-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:23px}.mint{background:var(--mint-pale);color:var(--mint-deep)}.info-card h2{margin:19px 0 7px;font-size:19px;letter-spacing:-.6px}.info-card>p{margin:0 0 24px;color:var(--muted);font-size:12px;line-height:1.6}.mini-rule{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);color:#71818d;font-size:11px}.mini-rule strong{color:#354650;font-family:'DM Mono',monospace;font-size:10px}.outline-button{min-height:38px;padding:0 13px;border:1px solid #b8cbd2;border-radius:9px;color:#42616b;background:#fff;font-size:12px;font-weight:800}.outline-button:hover{border-color:var(--mint);background:var(--mint-pale)}.outline-button.small{min-height:32px}.metric-strip,.report-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:20px}.metric-strip>div{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#fff}.metric-strip span,.metric-strip strong,.metric-strip small,.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-strip span,.metric-card span{color:#71818e;font-size:11px}.metric-strip strong{margin:5px 0;color:#1d3343;font-family:'DM Mono',monospace;font-size:22px;letter-spacing:-1px}.metric-strip small,.metric-card small{color:#9aa8b1;font-size:10px}.table-panel{overflow:hidden}.table-toolbar{gap:10px;padding:15px;border-bottom:1px solid var(--line)}.search-box{display:flex;align-items:center;gap:6px;min-width:220px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.search-box span{color:#8ba0ab;font-size:18px}.search-box input{width:100%;height:34px;border:0;background:transparent;outline:0;font-size:11px}.table-toolbar select{height:35px;padding:0 27px 0 10px;border:1px solid var(--line);border-radius:8px;color:#647580;background:#fff;font-size:11px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:12px 16px;color:#81919c;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}td{padding:14px 16px;border-top:1px solid #eef2f4;color:#50616e;font-size:12px;white-space:nowrap}td strong{color:#243641;font-size:12px}td small{display:block;margin-top:3px;color:#8b99a3;font-size:10px}.table-person{display:flex;align-items:center;gap:9px}.table-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#e9f6f4;color:#168d84;font-size:9px;font-weight:800}.money{color:#293d49;font-family:'DM Mono',monospace;font-size:11px}.status{padding:4px 7px;border-radius:99px;font-size:9px;font-weight:800}.status.active{color:#237a60;background:#dff7e9}.status.card{color:#168b81;background:#dff8f4}.status.pending{color:#9b6b12;background:var(--sun-pale)}.status.voided{color:#ab544c;background:var(--rose-pale)}.link-action{padding:0;border:0;color:var(--mint-deep);background:transparent;font-size:11px;font-weight:800}.release-panel,.due-card{padding:23px}.release-head{align-items:flex-start}.release-head h2{margin:9px 0 4px;font-size:19px;letter-spacing:-.6px}.release-head p{margin:0;color:#778793;font-size:11px}.cycle-pill{padding:5px 8px;background:var(--mint-pale);color:var(--mint-deep)}.amount-pill{padding:8px 10px;background:var(--sun-pale);color:#a26b11;font-family:'DM Mono',monospace}.release-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.release-stats div{padding-left:10px;border-left:2px solid #d7efec}.release-stats span,.release-stats strong{display:block}.release-stats span{color:#83929c;font-size:10px}.release-stats strong{margin-top:4px;color:#28404b;font-size:11px}.wide{width:100%}.due-card{display:flex;flex-direction:column;gap:12px}.due-card>div{display:grid;gap:2px;padding-bottom:12px;border-bottom:1px solid var(--line)}.due-card strong{font-family:'DM Mono',monospace;font-size:12px}.due-card span,.due-card small{color:#758590;font-size:10px}.due-card small{line-height:1.5}.grant-table{margin-top:20px}.segment-control{display:flex;padding:3px;border-radius:8px;background:#f1f5f6}.segment-control button{padding:6px 9px;border:0;border-radius:6px;color:#73838e;background:transparent;font-size:10px;font-weight:700}.segment-control button.selected{color:#28635f;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06)}.small-search{min-width:140px}.report-metrics{grid-template-columns:repeat(4,1fr)}.metric-card{padding:19px}.metric-card strong{margin:7px 0 4px;color:#254150;font-family:'DM Mono',monospace;font-size:19px;letter-spacing:-1px}.metric-card strong.negative{color:#b05a51}.funding-card,.audit-card{padding:23px}.bar-stack{display:grid;gap:15px;margin-top:19px}.bar-stack>div{display:grid;grid-template-columns:72px minmax(80px,1fr) 58px;align-items:center;gap:8px;color:#71818d;font-size:11px}.bar-stack>div>div{height:8px;overflow:hidden;border-radius:99px;background:#edf2f3}.bar-stack i{display:block;height:100%;border-radius:99px;background:var(--mint)}.bar-stack>div:nth-child(2) i{background:var(--blue)}.bar-stack>div:nth-child(3) i{background:var(--sun)}.bar-stack strong{color:#3b4e5a;font-family:'DM Mono',monospace;font-size:10px;text-align:right}.audit-card{display:flex;flex-direction:column;gap:10px}.audit-card>div{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:11px}.audit-card span{color:#73838e}.audit-card strong{color:#31434e;font-family:'DM Mono',monospace;font-size:11px}.audit-card .text-button{margin-top:auto;align-self:flex-start}
.receipt-dialog,.form-dialog{width:min(420px,calc(100% - 34px));padding:27px;border:0;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.26)}.receipt-dialog::backdrop,.form-dialog::backdrop{background:rgba(13,27,42,.48)}.dialog-close{position:absolute;top:12px;right:13px;width:28px;height:28px;border:0;border-radius:7px;color:#71818e;background:#eef3f4;font-size:19px;line-height:1}.receipt-mark{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 12px;border-radius:50%;color:var(--mint-deep);background:var(--mint-pale);font-size:23px}.receipt-content{text-align:center}.receipt-content h2{margin:0;font-size:21px;letter-spacing:-.7px}.receipt-content>p{margin:5px 0 18px;color:#71818e;font-size:11px}.receipt-lines{margin:0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:13px 0}.receipt-lines div{display:flex;justify-content:space-between;padding:4px 0;color:#657581;font-size:12px}.receipt-lines strong{color:#263b47;font-family:'DM Mono',monospace;font-size:11px}.receipt-total{display:flex;justify-content:space-between;margin:14px 0;color:#253b47;font-weight:800}.receipt-total strong{font-family:'DM Mono',monospace}.receipt-ref{font-family:'DM Mono',monospace;color:#82919b;font-size:10px}.form-dialog h2{margin:0 0 20px;letter-spacing:-.7px}.form-dialog label{display:block;margin:12px 0;color:#667783;font-size:11px;font-weight:700}.form-dialog input,.form-dialog select{display:block;width:100%;height:42px;margin-top:6px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd;outline:0}.cashier-assignment{margin:17px 0;padding:0;border:0}.cashier-assignment legend{margin-bottom:6px;color:#667783;font-size:11px;font-weight:700}.cashier-assignment>p{margin:0 0 9px;color:#71818e;font-size:10px;line-height:1.45}.cashier-options{display:grid;gap:7px}.cashier-choice{display:flex!important;align-items:center;gap:9px;margin:0!important;padding:9px!important;border:1px solid var(--line);border-radius:8px;background:#fbfcfd;cursor:pointer}.cashier-choice input{display:block!important;flex:none;width:16px!important;height:16px!important;margin:0!important;accent-color:var(--mint-deep)}.cashier-choice span{display:grid;gap:2px}.cashier-choice strong{color:#30424e;font-size:11px}.cashier-choice small{color:#80909b;font-size:9px}.store-actions{display:flex;flex-direction:column;align-items:flex-start;gap:7px;white-space:normal}.dialog-note{color:#71818e;font-size:11px;line-height:1.5}.toast{position:fixed;right:22px;bottom:22px;z-index:30;max-width:340px;padding:12px 15px;transform:translateY(100px);border-radius:10px;color:#fff;background:#183349;box-shadow:0 8px 25px rgba(13,27,42,.25);font-size:12px;font-weight:700;opacity:0;transition:.25s}.toast.show{transform:translateY(0);opacity:1}.toast.error{background:#a84841}
@media (max-width:1000px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.view{padding-left:28px;padding-right:28px}.topbar{padding:0 28px}.pos-layout{grid-template-columns:1fr}.amount-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:26px}.panel-label-row,.amount-display,.amount-hint{grid-column:1}.keypad{grid-column:2;grid-row:1/4;align-self:end}.amount-display{margin:35px 0 10px}.recent-list{grid-template-columns:1fr 1fr}.report-metrics{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.app-shell{display:block}.sidebar{position:fixed;z-index:20;left:0;top:0;width:248px;transform:translateX(-102%);transition:.25s;box-shadow:12px 0 30px rgba(0,0,0,.18)}.sidebar.open{transform:translateX(0)}.menu-button{display:block}.topbar{height:65px;padding:0 18px}.store-context small{display:none}.top-actions{gap:9px}.sync-status{display:none}.view{padding:26px 18px 0}.page-heading{gap:14px;margin-bottom:22px}.page-heading h1{font-size:27px}.page-heading>div>p:not(.eyebrow){font-size:12px}.pos-layout,.workflow-grid,.release-layout,.report-layout{grid-template-columns:1fr}.amount-panel{display:block;padding:20px}.keypad{margin-top:0}.amount-display{margin:31px 0 8px}.customer-panel{padding:19px}.balance-grid{gap:5px}.balance-grid div{padding:7px}.recent-list{grid-template-columns:1fr}.recent-section{margin-top:27px}.metric-strip{grid-template-columns:1fr}.metric-strip>div{padding:14px 16px}.report-metrics{grid-template-columns:1fr 1fr}.table-toolbar{align-items:stretch;flex-wrap:wrap}.search-box{min-width:150px;flex:1}.segment-control{width:100%;overflow:auto}.release-stats{grid-template-columns:1fr;gap:10px;margin:18px 0}.release-head{gap:10px}.amount-pill{font-size:10px}.day-chip{display:none}.topbar .store-context strong{font-size:12px}}
@media (max-width:390px){.report-metrics{grid-template-columns:1fr}.balance-grid{grid-template-columns:1fr}.employee-line{align-items:flex-start}.active-badge{display:none}.scan-box{align-items:flex-start}.scan-box input{display:none}.release-head{display:block}.amount-pill{margin-top:9px}}
.scan-mode{display:flex;justify-content:space-between;align-items:center;margin:8px 0 0;color:#6d8d91;font-size:10px}.scan-mode::before{content:'●';margin-right:-3px;color:var(--mint);font-size:8px}.scan-mode .demo-scan{margin:0}.table-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;border-top:1px solid var(--line);color:#7d8c97;font-size:10px}.pagination{display:flex;align-items:center;gap:4px}.pagination button{min-width:28px;height:27px;padding:0 7px;border:1px solid var(--line);border-radius:6px;color:#61737e;background:#fff;font-size:10px;font-weight:800}.pagination button.current{color:#fff;border-color:var(--mint-deep);background:var(--mint-deep)}.pagination button:disabled{cursor:not-allowed;color:#b1bdc4;background:#f5f7f8}.customer-dialog{width:min(720px,calc(100% - 34px));padding:28px;border:0;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.26)}.customer-dialog::backdrop{background:rgba(13,27,42,.48)}.customer-detail-head{display:flex;gap:13px;align-items:center;margin-bottom:20px}.customer-detail-head .employee-avatar{width:45px;height:45px;font-size:13px}.customer-detail-head h2{margin:0;font-size:22px;letter-spacing:-.8px}.customer-detail-head p{margin:3px 0 0;color:#768792;font-family:'DM Mono',monospace;font-size:10px}.detail-balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 24px}.detail-balance-grid div{padding:13px;border:1px solid var(--line);border-radius:10px;background:#f9fbfc}.detail-balance-grid span,.detail-balance-grid strong,.detail-balance-grid small{display:block}.detail-balance-grid span{color:#71818d;font-size:10px}.detail-balance-grid strong{margin:4px 0;color:#243e49;font-family:'DM Mono',monospace;font-size:16px}.detail-balance-grid small{color:#8d9aa3;font-size:9px}.customer-dialog h3{margin:0 0 10px;font-size:15px}.detail-transactions{max-height:255px;overflow:auto;border-top:1px solid var(--line)}.detail-transaction{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid #edf1f3}.detail-transaction strong,.detail-transaction small{display:block}.detail-transaction strong{font-size:11px}.detail-transaction small{margin-top:3px;color:#80909a;font-size:10px}.detail-transaction .money{align-self:center}.detail-empty{padding:17px 0;color:#84939d;font-size:11px}.detail-actions{display:flex;justify-content:flex-end;margin-top:17px}@media (max-width:720px){.detail-balance-grid{grid-template-columns:1fr}.customer-dialog{padding:24px 18px}}
.scan-mode{display:flex;justify-content:space-between;align-items:center;margin:8px 0 0;color:#6d8d91;font-size:10px}.scan-mode::before{content:'●';margin-right:-3px;color:var(--mint);font-size:8px}.scan-mode .demo-scan{margin:0}.table-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;border-top:1px solid var(--line);color:#7d8c97;font-size:10px}.pagination{display:flex;align-items:center;gap:4px}.pagination button{min-width:28px;height:27px;padding:0 7px;border:1px solid var(--line);border-radius:6px;color:#61737e;background:#fff;font-size:10px;font-weight:800}.pagination button.current{color:#fff;border-color:var(--mint-deep);background:var(--mint-deep)}.pagination button:disabled{cursor:not-allowed;color:#b1bdc4;background:#f5f7f8}.customer-dialog{width:min(720px,calc(100% - 34px));padding:28px;border:0;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.26)}.customer-dialog::backdrop{background:rgba(13,27,42,.48)}.customer-detail-head{display:flex;gap:13px;align-items:center;margin-bottom:20px}.customer-detail-head .employee-avatar{width:45px;height:45px;font-size:13px}.customer-detail-head h2{margin:0;font-size:22px;letter-spacing:-.8px}.customer-detail-head p{margin:3px 0 0;color:#768792;font-family:'DM Mono',monospace;font-size:10px}.detail-balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 24px}.detail-balance-grid div{padding:13px;border:1px solid var(--line);border-radius:10px;background:#f9fbfc}.detail-balance-grid span,.detail-balance-grid strong,.detail-balance-grid small{display:block}.detail-balance-grid span{color:#71818d;font-size:10px}.detail-balance-grid strong{margin:4px 0;color:#243e49;font-family:'DM Mono',monospace;font-size:16px}.detail-balance-grid small{color:#8d9aa3;font-size:9px}.customer-dialog h3{margin:0 0 10px;font-size:15px}.detail-transactions{max-height:255px;overflow:auto;border-top:1px solid var(--line)}.detail-transaction{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid #edf1f3}.detail-transaction strong,.detail-transaction small{display:block}.detail-transaction strong{font-size:11px}.detail-transaction small{margin-top:3px;color:#80909a;font-size:10px}.detail-transaction .money{align-self:center}.detail-empty{padding:17px 0;color:#84939d;font-size:11px}.detail-actions{display:flex;justify-content:flex-end;margin-top:17px}.amount-display{font-family:Manrope,sans-serif;font-size:clamp(48px,5vw,58px);font-weight:800;letter-spacing:-2px}.amount-display small{font-size:14px}.money{font-family:Manrope,sans-serif;font-size:13px;font-weight:800;letter-spacing:0}.amount-pill,.release-stats strong,.detail-balance-grid strong{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:0}.transaction-toolbar{flex-wrap:wrap}.transaction-toolbar select,.table-date-filter{height:35px;border:1px solid var(--line);border-radius:8px;color:#50616e;background:#fff;font-size:11px}.transaction-toolbar select{padding:0 27px 0 10px}.table-date-filter{display:flex;align-items:center;gap:7px;padding:0 9px;color:#667783;font-weight:700}.table-date-filter input{height:32px;border:0;background:transparent;color:#30424e;font-size:11px;outline:0}.recipient-dialog-head h2{margin:3px 0 7px;font-size:22px;letter-spacing:-.8px}.recipient-dialog-head>p:not(.eyebrow){margin:0 0 18px;color:#71818e;font-size:12px}.recipient-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-top:1px solid var(--line);padding-top:13px}.recipient-list>div{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#fbfcfd}.recipient-list p{margin:0}.recipient-list strong,.recipient-list small{display:block}.recipient-list strong{font-size:12px}.recipient-list small{margin-top:2px;color:#82919b;font-size:10px}@media (max-width:720px){.detail-balance-grid{grid-template-columns:1fr}.customer-dialog{padding:24px 18px}.recipient-list{grid-template-columns:1fr}.transaction-toolbar .segment-control{width:100%}}
.generated-id{display:block;width:100%;min-height:42px;margin-top:6px;padding:11px 10px;border:1px dashed #9ccfc9;border-radius:8px;color:var(--mint-deep);background:#f4fffd;font-family:Manrope,sans-serif;font-size:13px;font-weight:800}.row-actions{display:flex;align-items:center;gap:11px}.danger-action{color:#b15249}.danger-outline{color:#ab5048;border-color:#deb1ac}.danger-outline:hover{border-color:#ce756d;background:var(--rose-pale)}.report-filters{display:flex;align-items:end;gap:14px;margin:-9px 0 20px;padding:14px 16px}.report-filters label{display:grid;gap:6px;color:#647581;font-size:12px;font-weight:800}.report-filters input,.report-filters select{height:38px;min-width:180px;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:#334955;background:#fbfcfd;font-size:13px}.account-metrics{grid-template-columns:repeat(3,1fr)}.audit-card>small{color:#84939d;font-size:11px;line-height:1.45}.release-recipient-picker{margin:18px 0;padding:0;border:0}.release-recipient-picker legend{margin-bottom:6px;color:#667783;font-size:11px;font-weight:700}.recipient-picker-actions{display:flex;gap:14px;margin:0 0 9px}.release-recipient-picker .cashier-options{max-height:215px;overflow:auto;padding-right:3px}@media (max-width:720px){.report-filters{align-items:stretch;flex-direction:column}.report-filters input,.report-filters select{width:100%}.row-actions{align-items:flex-start;flex-direction:column;gap:6px}.account-metrics{grid-template-columns:1fr}}
.field-optional{color:#80909b;font-size:10px;font-weight:600}.recipient-search{width:100%;margin:0 0 12px}.recipient-search-empty{margin:0;text-align:center}.recipient-list.selectable{max-height:390px;overflow:auto;padding-right:3px}.recipient-list .recipient-choice{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#fbfcfd;cursor:pointer}.recipient-choice input{flex:none;width:16px;height:16px;margin:0;accent-color:var(--mint-deep)}.recipient-choice p{flex:1}.recipient-choice:has(input:checked){border-color:#8dcfc8;background:#f2fffc}.detail-actions{gap:9px;flex-wrap:wrap}.table-scroll td.detail-empty{padding:22px 16px;text-align:center;white-space:normal}.grant-table>.section-title{padding:14px 18px;border-bottom:1px solid var(--line)}
.dialog-actions{display:flex;align-items:center;gap:10px;margin-top:18px}.dialog-actions .confirm-button{flex:1;width:auto;margin-top:0}.dialog-actions .outline-button{min-height:48px}.dialog-actions .hidden{display:none}
button{text-align:center}.confirm-button{justify-content:center;gap:8px}.outline-button,.link-action,.text-button,.segment-control button,.pagination button,.keypad button{text-align:center}
.table-icon-action{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:7px;color:var(--mint-deep);background:#fff;font-size:16px;font-weight:800;line-height:1}.table-icon-action:hover:not(:disabled){border-color:var(--mint);background:var(--mint-pale)}.table-icon-action:disabled{cursor:not-allowed;color:#a8b5bc;background:#f5f7f8}.table-icon-action:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.table-view-icon{position:relative;display:block;width:16px;height:10px;border:1.7px solid currentColor;border-radius:50%;transform:none}.table-view-icon::after{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:currentColor;content:'';transform:translate(-50%,-50%)}
.store-actions{flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}.table-store-switch-icon{display:block;font-family:Arial,sans-serif;font-size:18px;font-weight:700;line-height:1;transform:translateY(-1px)}
.void-request-status{display:flex;align-items:center;gap:8px}.approve-void{min-height:30px;padding:4px 9px;color:#197d75;border-color:#9fcfc9;font-size:10px}
.void-requester{display:block;margin-top:3px;color:#6d7e89;font-size:9px}.request-void{min-height:30px;padding:4px 9px;color:#9a5c15;border-color:#e7c78e;font-size:10px}
.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}.transaction-detail-head h2{margin:3px 0;font-size:22px;letter-spacing:-.8px}.transaction-detail-head>p:not(.eyebrow){margin:0 0 12px;color:#73838d}.transaction-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.transaction-detail-grid>div{min-height:66px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f9fbfc}.transaction-detail-grid span,.transaction-detail-grid strong{display:block}.transaction-detail-grid span{color:#768792;font-size:10px}.transaction-detail-grid strong{margin-top:5px;color:#203c48;font-size:12px}.transaction-void-action{margin-top:0}@media (max-width:720px){.transaction-detail-grid{grid-template-columns:1fr}}
.login-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#e8f4f3,#f5f8fa 52%,#edf6f5)}.login-screen[hidden]{display:none}.login-card{width:min(100%,420px);padding:34px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(22,52,66,.18)}.login-brand{display:inline-flex;margin-bottom:30px;color:var(--ink)}.login-card h1{margin:0;font-size:29px;letter-spacing:-1px}.login-card>p:not(.eyebrow){margin:9px 0 25px;color:var(--muted);font-size:13px;line-height:1.6}.login-card form{display:grid;gap:16px}.login-card label{display:grid;gap:7px;color:#5c6f7d;font-size:11px;font-weight:800}.login-card input{width:100%;height:45px;padding:0 12px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fbfcfd;font:inherit;font-size:13px;outline:0}.login-card input:focus{border-color:var(--mint);box-shadow:0 0 0 3px var(--mint-pale)}.login-card .confirm-button{justify-content:center;margin-top:4px}.login-error{margin:0;color:#b9574e;font-size:12px;line-height:1.45}.login-error[hidden]{display:none}
.transaction-actor{display:grid;gap:2px;min-width:112px}.transaction-actor strong{font-size:12px}.transaction-actor small{color:#7c8d98;font-size:10px}.receipt-actor{margin:14px 0 0;color:#71818c;font-size:12px;text-align:center}.receipt-actor strong{color:#203c48}
.transaction-status-history{margin:18px 0 0;border-top:1px solid var(--line);padding-top:16px}.transaction-status-history>p{margin:0 0 8px}.transaction-status-history ol{display:grid;grid-template-columns:1fr;list-style:none;margin:0;padding:0}.transaction-status-history li{position:relative;min-width:0;border-bottom:1px solid var(--line);padding:11px 0 11px 18px}.transaction-status-history li:last-child{border-bottom:0}.transaction-status-history li::before{position:absolute;top:17px;left:2px;width:7px;height:7px;border-radius:50%;background:var(--teal);content:''}.transaction-status-history li>div{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(170px,1fr) minmax(170px,1fr);gap:16px;align-items:center}.transaction-status-history strong,.transaction-status-history span,.transaction-status-history small{display:block}.transaction-status-history strong{font-size:12px}.transaction-status-history span,.transaction-status-history small{color:#71818c;font-size:11px}.transaction-status-history small{white-space:nowrap}@media (max-width:620px){.transaction-status-history li>div{grid-template-columns:1fr;gap:3px}.transaction-status-history small{white-space:normal}}
.topup-customer-preview{display:flex;align-items:center;gap:10px;min-height:0;margin:10px 0 16px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#f9fbfc}.topup-customer-preview .table-avatar{flex:none}.topup-customer-preview strong,.topup-customer-preview small{display:block}.topup-customer-preview strong{font-size:12px}.topup-customer-preview small{margin-top:2px;color:#788a95;font-size:10px}.topup-customer-preview .status{margin-left:auto}.topup-customer-preview.empty{color:#7c8d98;font-size:11px}.topup-customer-preview.invalid{border-color:#e8b4ad;background:#fff8f7}.topup-customer-preview.invalid strong{color:#ab5048}
.receipt-balance-title{margin:18px 0 7px!important;color:var(--mint-deep)!important;font-size:10px!important;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.receipt-current-balances{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0;border-style:solid;padding:8px 0}.receipt-current-balances div{display:block;padding:7px 5px;border-radius:7px;background:#f5fbfa;text-align:left}.receipt-current-balances span,.receipt-current-balances strong{display:block}.receipt-current-balances span{color:#778893;font-size:9px}.receipt-current-balances strong{margin-top:3px;font-size:10px}
.transaction-current-balances{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.transaction-current-balances>p{grid-column:1/-1;margin:0;color:var(--mint-deep);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.transaction-current-balances>div{padding:10px;border:1px solid #d7ece8;border-radius:9px;background:#f5fbfa}.transaction-current-balances span,.transaction-current-balances strong{display:block}.transaction-current-balances span{color:#778893;font-size:9px}.transaction-current-balances strong{margin-top:4px;color:#213e4a;font-family:'DM Mono',monospace;font-size:11px}@media (max-width:520px){.receipt-current-balances,.transaction-current-balances{grid-template-columns:1fr}}