:root{--color-bg:#f5f6f8;--color-surface:#fff;--color-border:#e2e5ea;--color-text:#1c2230;--color-text-muted:#6b7280;--color-primary:#16a34a;--color-primary-dark:#15803d;--color-primary-light:#dcfce7;--color-on-primary:#fff;--color-danger:#b3261e;--color-danger-light:#fbeceb;--color-warning:#92600a;--color-warning-light:#fdf3dd;--radius:10px;--radius-lg:16px;--shadow:0 1px 3px #10182814, 0 8px 20px #10182817;font-family:Segoe UI,system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#10120f;--color-surface:#1c2018;--color-border:#333a2c;--color-text:#eef1ec;--color-text-muted:#9aa79e;--color-primary:#4ade80;--color-primary-dark:#86efac;--color-primary-light:#14301f;--color-on-primary:#062712;--color-danger:#f87171;--color-danger-light:#3a1414;--color-warning:#fbbf24;--color-warning-light:#3a2c0a;--shadow:0 1px 3px #0000008c, 0 8px 24px #00000080}}:root[data-theme=dark]{--color-bg:#10120f;--color-surface:#1c2018;--color-border:#333a2c;--color-text:#eef1ec;--color-text-muted:#9aa79e;--color-primary:#4ade80;--color-primary-dark:#86efac;--color-primary-light:#14301f;--color-on-primary:#062712;--color-danger:#f87171;--color-danger-light:#3a1414;--color-warning:#fbbf24;--color-warning-light:#3a2c0a;--shadow:0 1px 3px #0000008c, 0 8px 24px #00000080}[data-theme=dark] .card,[data-theme=dark] .stat-card{border:1px solid var(--color-border)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .card,:root:not([data-theme=light]) .stat-card{border:1px solid var(--color-border)}}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0}button,input,select,textarea{font-family:inherit;font-size:14px}a{color:var(--color-primary)}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-shrink:0;width:230px;padding:16px 0;transition:width .15s;overflow-x:hidden}.sidebar.collapsed{width:60px}.sidebar-brand{color:var(--color-primary-dark);border-bottom:1px solid var(--color-border);white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:0 20px 16px;font-size:15px;font-weight:700;line-height:1.3;display:flex}.sidebar-brand small{color:var(--color-text-muted);margin-top:2px;font-size:11px;font-weight:400;display:block}.sidebar.collapsed .sidebar-brand small,.sidebar.collapsed .sidebar-brand-text{display:none}.sidebar-toggle{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px;display:flex}.sidebar-toggle:hover{background:var(--color-bg);color:var(--color-text)}.nav-group{border-bottom:none}.nav-group-header{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;width:100%;color:var(--color-text-muted);background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 20px 4px;font-size:11px;font-weight:600;display:flex}.nav-group-header:hover{color:var(--color-text)}.nav-group-header .chevron-icon{transition:transform .15s}.nav-group-header.expanded .chevron-icon{transform:rotate(180deg)}.sidebar.collapsed .nav-group-header,.nav-group-links.collapsed-section{display:none}.nav-link{color:var(--color-text);white-space:nowrap;border-left:3px solid #0000;align-items:center;gap:10px;padding:9px 20px;font-size:14px;text-decoration:none;display:flex}.nav-link .nav-link-icon{flex-shrink:0;display:flex}.sidebar.collapsed .nav-link{justify-content:center;padding:9px 21px}.sidebar.collapsed .nav-link-label{display:none}.nav-link:hover{background:var(--color-bg)}.nav-link.active{background:var(--color-primary-light);border-left-color:var(--color-primary);color:var(--color-primary-dark);font-weight:600}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:flex-end;align-items:center;height:56px;padding:0 24px;display:flex}.demo-badge{background:var(--color-warning-light);color:var(--color-warning);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.content{flex:1;padding:24px;overflow-y:auto}.page-title{letter-spacing:-.3px;margin:0 0 16px;font-size:26px;font-weight:800}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}.two-col-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px;display:grid}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px 18px}.stat-card .label{color:var(--color-text-muted);margin-bottom:6px;font-size:12px}.stat-card .value{letter-spacing:-.3px;font-size:24px;font-weight:800}.tabs{border-bottom:1px solid var(--color-border);gap:4px;margin-bottom:16px;display:flex}.tab-button{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:14px}.tab-button.active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary);font-weight:600}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-border);padding:10px 12px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--color-border);padding:10px 12px}tr:last-child td{border-bottom:none}.table-wrap{overflow-x:auto}.row-clickable{cursor:pointer}.row-clickable:hover td{background:var(--color-bg)}.detail-list{margin:0}.detail-row{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-row dt{color:var(--color-text-muted);font-size:13px}.detail-row dd{text-align:right;margin:0;font-weight:600}.audit-diff{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);white-space:pre-wrap;word-break:break-word;padding:10px 12px;font-family:ui-monospace,monospace;font-size:12px;overflow-x:auto}.btn{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{background:var(--color-primary-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn.secondary:hover{background:var(--color-bg)}.btn.danger{background:var(--color-danger)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:14px;display:grid}.form-field{flex-direction:column;gap:5px;display:flex}.form-field label{color:var(--color-text-muted);font-size:12px;font-weight:600}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);padding:9px 11px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--color-primary-light);border-color:var(--color-primary)}.form-section-toggle{margin:-4px 0 14px}.form-section-toggle>summary{cursor:pointer;color:var(--color-text-muted);font-size:13px;font-weight:600;list-style:none}.form-section-toggle>summary::-webkit-details-marker{display:none}.form-section-toggle>summary:before{content:"▸ "}.form-section-toggle[open]>summary:before{content:"▾ "}.form-section-toggle>.form-grid{margin-top:12px;margin-bottom:0}.badge{border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.badge.success{background:var(--color-primary-light);color:var(--color-primary-dark)}.badge.danger{background:var(--color-danger-light);color:var(--color-danger)}.badge.neutral{background:var(--color-bg);color:var(--color-text-muted)}.alert{border-radius:var(--radius);margin-bottom:14px;padding:10px 14px;font-size:14px}.alert.error{background:var(--color-danger-light);color:var(--color-danger)}.alert.success{background:var(--color-primary-light);color:var(--color-primary-dark)}.login-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:340px;padding:36px}.login-card h1{margin:0 0 4px;font-size:18px}.login-card p.subtitle{color:var(--color-text-muted);margin:0 0 24px;font-size:13px}.login-card .form-field{margin-bottom:14px}.modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-content.wide{max-width:920px}.modal-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.modal-header h3{margin:0;font-size:16px}.modal-close{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:6px;padding:2px 8px;font-size:24px;line-height:1}.modal-close:hover{background:var(--color-bg);color:var(--color-text)}.modal-body{padding:20px}.modal-body form .btn[type=submit]{justify-content:center;width:100%}.field-hint{color:var(--color-text-muted);margin-top:4px;font-size:12px;display:block}.field-hint.balance-owed{color:var(--color-danger)}.field-hint.balance-clear{color:var(--color-primary-dark)}.receipt-header{text-align:center;margin-bottom:16px}.receipt-header h2{margin:0 0 4px;font-size:18px}.receipt-business-info{color:var(--color-text-muted);margin-bottom:4px;font-size:12px}.receipt-doc-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px}.receipt-meta{flex-wrap:wrap;gap:4px 20px;margin-bottom:14px;font-size:13px;display:flex}.receipt-table{border-collapse:collapse;width:100%}.receipt-table th,.receipt-table td{border-bottom:1px solid var(--color-border);padding:6px 8px;font-size:13px}.receipt-totals{max-width:260px;margin-top:12px;margin-left:auto;font-size:13px}.receipt-totals>div{justify-content:space-between;padding:3px 0;display:flex}.receipt-total-line{border-top:1px solid var(--color-border);margin-top:4px;font-weight:600;padding-top:6px!important}.receipt-remarks{margin-top:14px;font-size:13px}@media print{#root{display:none!important}.modal-overlay{background:0 0!important;padding:0!important;display:block!important;position:static!important}.modal-content{max-width:none!important;max-height:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}.modal-body{padding:0!important}.receipt-print{color:#1c2230;background:#fff;padding:20px}.receipt-print th,.receipt-print td,.receipt-total-line{border-color:#e2e5ea!important}.no-print{display:none!important}}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.muted{color:var(--color-text-muted)}.text-right{text-align:right}.mt-0{margin-top:0}.flex-row{align-items:center;gap:10px;display:flex}.table-search{margin-bottom:12px}.table-search input{border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:320px;padding:8px 12px;font-size:14px}.table-search input:focus{border-color:var(--color-primary);outline:none}.empty-state{color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 16px;display:flex}.empty-state svg{opacity:.45}.empty-state p{margin:0;font-size:14px}td.empty-state-cell{border-bottom:none;padding:0}