body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,158,0,.035),transparent 34%,rgba(98,220,181,.035));z-index:-1}
.topbar{background:linear-gradient(135deg,#112b47,#0c2138 64%,#102a43);border-color:#315473;box-shadow:0 24px 70px rgba(0,0,0,.3)}
.topbar h1{letter-spacing:-.7px}
.cards article{position:relative;overflow:hidden;background:linear-gradient(145deg,#102942,#091c30);transition:transform .18s ease,border-color .18s ease}
.cards article::after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-42px;top:-48px;background:currentColor;opacity:.055}
.cards article:hover{transform:translateY(-2px);border-color:#52789b}.cards b{font-size:22px;letter-spacing:-.35px}
.register,.customers,.team,.booking{background:linear-gradient(150deg,rgba(18,43,70,.98),rgba(11,30,50,.98));border-color:#31516e}.sectionHead h2{letter-spacing:-.25px}
.sectionHead>b{display:grid;place-items:center;min-width:34px;height:34px;padding:0 9px;border-radius:10px;background:#173b5d;color:#8ee6c8;font:700 12px 'Roboto Mono',monospace}
.ledgerList{gap:10px}.ledger{padding:14px;border-color:#31506c;background:linear-gradient(145deg,#102a44,#0b2036);transition:transform .16s ease,border-color .16s ease}.ledger:hover{transform:translateY(-1px);border-color:#517696}.ledger small{margin-top:4px}
.ledger-position{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.ledger-position span{padding:8px;border:1px solid #294a67;border-radius:8px;background:#091b2e;color:#8faac1;font:700 9px 'Roboto Mono',monospace}.ledger-position strong{display:block;margin-top:3px;color:#f1f7fc;font-size:10px}
input:focus,select:focus{outline:none;border-color:#35b991;box-shadow:0 0 0 3px rgba(53,185,145,.12)}button{transition:transform .15s ease,filter .15s ease}button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.workspace{background:radial-gradient(circle at 90% 0,#173a5d 0,#07172a 48%,#04101d 100%)}
.workspace-head{padding:20px 22px;border:1px solid #2e506e;border-radius:14px;background:linear-gradient(135deg,#112b47,#0b2036);box-shadow:0 18px 45px rgba(0,0,0,.22)}
.ledger-list,.passbook,.workspace-table{box-shadow:0 18px 50px rgba(0,0,0,.2)}
.ledger-choice{border-radius:10px;transition:transform .15s ease,border-color .15s ease}.ledger-choice:hover{transform:translateX(2px);border-color:#52789a}.ledger-choice.active{background:linear-gradient(135deg,#214f79,#173c60);border-color:#70b5e9;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.passbook-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.passbook-title .muted{padding:0;margin:5px 0 0}.live-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #168363;border-radius:999px;background:rgba(7,156,112,.1);color:#78e8bd;font:800 9px 'Roboto Mono',monospace;letter-spacing:.8px}.live-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#44d6a8;box-shadow:0 0 0 4px rgba(68,214,168,.1)}
.balance-cards article{position:relative;overflow:hidden;background:linear-gradient(145deg,#102a44,#091c30);padding:16px}.balance-cards article::after{content:"";position:absolute;right:-25px;top:-35px;width:80px;height:80px;border-radius:50%;opacity:.08;background:currentColor}.balance-cards .gold-balance{color:#f4a62a;border-color:#a5651a}.balance-cards .silver-balance{color:#a9c2d9;border-color:#536f89}.balance-cards .cash-balance{color:#55d8ad;border-color:#218266}.balance-cards b{font-size:19px;letter-spacing:-.2px}
.workspace-table{padding:0;border-radius:13px}.workspace-table thead{position:sticky;top:0;z-index:2;background:#173956}.workspace-table th{padding:13px 10px;color:#b9cee0}.workspace-table td{padding:13px 10px}.workspace-table tbody tr:nth-child(even){background:rgba(255,255,255,.018)}.workspace-table tbody tr:hover{background:rgba(69,152,213,.08)}
@media(max-width:600px){.ledger-position{grid-template-columns:1fr}.passbook-title{flex-direction:column}.live-badge{align-self:flex-start}}

.customers{min-width:0;overflow:hidden}.ledger-quick-search{height:39px;margin:-4px 0 10px;background:#091b2e}.ledger-table-head,.ledger-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr) minmax(0,.75fr) minmax(0,1fr);gap:5px;align-items:center}.ledger-table-head{padding:0 7px 8px;color:#86a1ba;font:800 8px 'Roboto Mono',monospace;letter-spacing:.35px;text-transform:uppercase}.compact-ledgers{display:block;max-height:500px;overflow-y:auto;overflow-x:hidden;border:1px solid #294763;border-radius:10px;background:#091b2e;scrollbar-width:thin;scrollbar-color:#315b7d transparent}.compact-ledgers .ledger-row{margin:0;padding:9px 7px;border:0;border-bottom:1px solid #1f3b55;border-radius:0;background:transparent;transform:none}.compact-ledgers .ledger-row:last-child{border-bottom:0}.compact-ledgers .ledger-row:hover{background:#102d49;transform:none}.ledger-identity{min-width:0}.ledger-identity b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.ledger-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.ledger-row>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;font:700 8px 'Roboto Mono',monospace;white-space:nowrap;text-align:right}.gold-value{color:#ffc56c}.silver-value{color:#c2d4e4}.cash-value{color:#72dfba}
@media(max-width:600px){.ledger-table-head{display:none}.ledger-row{grid-template-columns:1fr 1fr}.ledger-identity{grid-column:1/-1}.ledger-row>strong{text-align:left}.compact-ledgers{max-height:390px}}

/* Keep dashboard, registers and ledgers inside the available screen width. */
html,body{max-width:100%;overflow-x:hidden}.shell,.grid,.register,.customers,.workspace-shell,.ledger-workspace,.passbook{min-width:0;max-width:100%}.tableWrap,.workspace-table{max-width:100%;overflow-y:auto;overflow-x:hidden}.tableWrap table,.workspace-table table{width:100%;min-width:0;table-layout:fixed}.tableWrap th,.tableWrap td{padding:9px 5px;font-size:9px;white-space:normal;overflow-wrap:anywhere}.workspace-table{padding:7px}.workspace-table th,.workspace-table td{padding:8px 3px;font-size:8px;line-height:1.25;white-space:normal;overflow-wrap:anywhere;vertical-align:top}.ledger-choice{min-width:0;overflow:hidden}.ledger-choice b,.ledger-choice small{white-space:normal;overflow-wrap:anywhere}
