.om-page{min-height:100dvh;background:var(--bg);padding:16px 16px 40px}.om-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.om-brand{display:flex;align-items:center;gap:10px}.om-logo-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(155deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.om-brand-text{line-height:1.2}.om-brand-email{font-size:12.5px;font-weight:600;color:var(--text)}.om-brand-sub{font-size:9px;font-family:JetBrains Mono,monospace;letter-spacing:.08em;color:var(--text-faint);text-transform:uppercase;margin-top:1px}.om-signout{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:7px 15px;font-size:12px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer}.om-section-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--border);margin:0 -16px 16px;padding:0 16px;position:sticky;top:0;background:var(--bg);z-index:10}.om-section-tab{white-space:nowrap;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-faint);font-size:13px;font-weight:600;font-family:Inter,sans-serif;padding:12px 4px;margin-right:20px;cursor:pointer}.om-section-tab.active{color:var(--text);border-bottom-color:var(--accent)}.om-section-picker{position:relative;margin-bottom:16px}.om-section-picker select{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:13px 38px 13px 14px;cursor:pointer}.om-section-picker:after{content:"▾";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-faint);font-size:13px;pointer-events:none}.om-tabs{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px;margin-bottom:14px;overflow-x:auto}.om-tab{flex:1;white-space:nowrap;background:transparent;border:none;color:var(--text-dim);font-size:12px;font-weight:600;font-family:Inter,sans-serif;padding:8px 10px;border-radius:999px;cursor:pointer}.om-tab.active{background:var(--accent);color:#fff}.om-custom-range{display:flex;align-items:center;gap:8px;margin-bottom:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.om-custom-range input{flex:1;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:JetBrains Mono,monospace;font-size:12.5px;padding:7px 8px}.om-custom-range span{color:var(--text-faint);font-size:11px}.om-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.om-kpi-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent-line);border-radius:var(--radius);padding:14px 14px 12px}.om-kpi-card.wide{grid-column:1 / -1;border-left-color:var(--accent);background:linear-gradient(155deg,var(--accent-soft),var(--surface) 60%)}.om-kpi-card.positive{border-left-color:var(--positive)}.om-kpi-card.negative{border-left-color:var(--negative)}.om-kpi-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-family:JetBrains Mono,monospace;margin:0 0 8px}.om-kpi-value{font-size:21px;font-weight:700;color:var(--text);margin:0;line-height:1.1}.om-kpi-value.negative{color:var(--negative)}.om-kpi-value.positive{color:var(--positive)}.om-kpi-sub{font-size:11px;color:var(--text-faint);margin-top:4px}.om-section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4px 16px}.om-section-header{display:flex;align-items:baseline;justify-content:space-between;padding:14px 0 10px}.om-section-title{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-family:JetBrains Mono,monospace}.om-section-note{font-size:10px;color:var(--text-faint);font-style:italic}.om-stat-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--border-soft)}.om-stat-row:first-of-type{border-top:none}.om-stat-label{font-size:13px;font-weight:500;color:var(--text-dim)}.om-stat-value{font-size:14px;font-weight:700;color:var(--text)}.om-stat-value.negative{color:var(--negative)}.om-stat-value.zero{color:var(--text-faint);font-weight:500}.om-state{margin-top:40px;padding:28px 20px;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center}.om-state-title{font-size:15px;font-weight:600;color:var(--text);margin:0 0 6px}.om-state-body{font-size:13px;color:var(--text-dim);margin:0;line-height:1.5}.om-invoice-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;overflow:hidden}.om-invoice-header{width:100%;background:transparent;border:none;display:flex;justify-content:space-between;align-items:center;padding:13px 14px;cursor:pointer;text-align:left}.om-invoice-left{display:flex;flex-direction:column;gap:3px;min-width:0}.om-invoice-num{font-size:13px;font-weight:700;color:var(--text)}.om-invoice-meta{font-size:11.5px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.om-invoice-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.om-invoice-total{font-size:14px;font-weight:700;color:var(--text)}.om-invoice-chevron{color:var(--text-faint);font-size:12px;transition:transform .15s ease}.om-invoice-chevron.open{transform:rotate(90deg)}.om-pay-badge{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 8px;border-radius:999px;font-family:JetBrains Mono,monospace}.om-pay-badge.paid{background:var(--positive-bg);color:var(--positive)}.om-pay-badge.credit{background:var(--negative-bg);color:var(--negative)}.om-pay-badge.part,.om-pay-badge.deposit{background:#fbbf2424;color:var(--warning)}.om-invoice-items{border-top:1px solid var(--border-soft);padding:4px 14px 10px}.om-item-row{display:flex;justify-content:space-between;padding:7px 0;font-size:12.5px}.om-item-row+.om-item-row{border-top:1px dashed var(--border-soft)}.om-item-name{color:var(--text-dim)}.om-item-qty{color:var(--text-faint);margin-left:6px}.om-item-price{color:var(--text);font-weight:600}.om-empty-list{text-align:center;padding:30px 16px;color:var(--text-faint);font-size:13px}.om-customer-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:10px}.om-customer-left{min-width:0}.om-customer-name{font-size:13.5px;font-weight:600;color:var(--text)}.om-customer-phone{font-size:11.5px;color:var(--text-faint);margin-top:2px}.om-customer-right{text-align:right;flex-shrink:0}.om-customer-balance{font-size:14px;font-weight:700}.om-customer-balance.owing{color:var(--negative)}.om-customer-balance.clear{color:var(--text-faint);font-weight:500}.om-customer-sub{font-size:10px;color:var(--text-faint);margin-top:2px}.om-date-single{display:flex;align-items:center;gap:10px;margin-bottom:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.om-date-single label{font-size:11px;font-weight:600;color:var(--text-faint)}.om-date-single input{flex:1;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:JetBrains Mono,monospace;font-size:12.5px;padding:7px 8px}.om-expense-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:11px 14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:10px}.om-expense-left{min-width:0}.om-expense-desc{font-size:13px;font-weight:600;color:var(--text)}.om-expense-meta{font-size:11px;color:var(--text-faint);margin-top:2px}.om-expense-amount{font-size:14px;font-weight:700;color:var(--negative);flex-shrink:0}.om-closing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;margin-bottom:14px}.om-closing-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;border-top:1px solid var(--border-soft)}.om-closing-row:first-child{border-top:none}.om-closing-label{color:var(--text-dim)}.om-closing-value{color:var(--text);font-weight:600}.om-closing-diff-card{border-radius:var(--radius-lg);padding:18px;text-align:center;margin-bottom:14px}.om-closing-diff-card.balanced{background:var(--positive-bg);border:1px solid rgba(52,211,153,.3)}.om-closing-diff-card.off{background:var(--negative-bg);border:1px solid rgba(248,113,113,.3)}.om-closing-diff-card.uncounted{background:var(--surface);border:1px dashed var(--border)}.om-closing-diff-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}.om-closing-diff-value{font-size:24px;font-weight:800}.om-pending-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:11px 14px;margin-bottom:8px}.om-pending-top{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text)}.om-pending-sub{font-size:11.5px;color:var(--text-faint);margin-top:3px}.om-activity-row{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--border-soft)}.om-activity-row:first-child{border-top:none}.om-activity-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:6px;flex-shrink:0}.om-activity-body{min-width:0}.om-activity-action{font-size:13px;font-weight:600;color:var(--text)}.om-activity-detail{font-size:12px;color:var(--text-dim);margin-top:2px}.om-activity-meta{font-size:10.5px;color:var(--text-faint);margin-top:4px;font-family:JetBrains Mono,monospace}:root{--bg: #0b1220;--surface: #121a2e;--surface-2: #182238;--border: #24304a;--border-soft: #1a2338;--text: #f1f5f9;--text-dim: #94a3b8;--text-faint: #5f7089;--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .16);--accent-line: rgba(37, 99, 235, .4);--positive: #34d399;--positive-bg: rgba(52, 211, 153, .12);--negative: #f87171;--negative-bg: rgba(248, 113, 113, .12);--warning: #fbbf24;--radius: 12px;--radius-lg: 16px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.font-mono{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}