html{--bg-page: #ffffff;--bg-surface: #ffffff;--bg-subtle: #f7f8fa;--bg-zebra: #fafbfc;--bg-hover: #f2f4f7;--border-soft: #e4e7ec;--border-strong: #d0d5dd;--border-faint: #f2f4f7;--text-primary: #101828;--text-secondary: #475467;--text-tertiary: #344054;--text-muted: #667085;--text-faint: #98a2b3;--accent-blue: #1570ef;--accent-blue-bg: #eff8ff;--accent-blue-border: #b2ddff;--accent-blue-hover: #d1e9ff;--accent-green: #067647;--accent-green-bg: #ecfdf3;--accent-green-border: #abefc6;--accent-red: #b42318;--accent-red-bg: #fef3f2;--accent-red-border: #fecdca;--accent-amber: #b54708;--accent-amber-bg: #fffaeb;--accent-amber-border: #fedf89;--accent-orange: #dc6803;--inverse-bg: #101828;--inverse-bg-hover: #344054;--inverse-text: #ffffff;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 4px 14px rgba(16, 24, 40, .08);--shadow-lg: 0 20px 50px rgba(16, 24, 40, .25);--scrim: rgba(16, 24, 40, .55)}html[data-theme=dark]{--bg-page: #0a0a0b;--bg-surface: #18181b;--bg-subtle: #1f1f23;--bg-zebra: #1c1c20;--bg-hover: #28282e;--border-soft: rgba(255, 255, 255, .65);--border-strong: rgba(255, 255, 255, .9);--border-faint: rgba(255, 255, 255, .25);--text-primary: #fafafa;--text-secondary: #dadade;--text-tertiary: #b4b4be;--text-muted: #9b9ba6;--text-faint: #74747f;--accent-blue: #60a5fa;--accent-blue-bg: #142d44;--accent-blue-border: #2a4d76;--accent-blue-hover: #1d3a5a;--accent-green: #4ade80;--accent-green-bg: #133022;--accent-green-border: #2c5e3f;--accent-red: #f87171;--accent-red-bg: #3a1d1d;--accent-red-border: #6f3030;--accent-amber: #fbbf24;--accent-amber-bg: #3a2c14;--accent-amber-border: #604620;--accent-orange: #fb923c;--inverse-bg: #fafafa;--inverse-bg-hover: #ffffff;--inverse-text: #0a0a0b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-md: 0 4px 14px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .85), 0 0 0 1px rgba(255, 255, 255, .06);--scrim: rgba(0, 0, 0, .82);color-scheme:dark}html[data-theme=dark] aside{border-right-width:2px}html[data-theme=dark] header{border-bottom-width:2px}html[data-theme=dark] .chat-pane{border-left-width:2px}html[data-theme=dark] .card,html[data-theme=dark] .panel,html[data-theme=dark] .sheet,html[data-theme=dark] .brief,html[data-theme=dark] .col,html[data-theme=dark] .day-group,html[data-theme=dark] .summary-grid,html[data-theme=dark] .add-form,html[data-theme=dark] .advanced-panel,html[data-theme=dark] .filter-bar,html[data-theme=dark] .archived,html[data-theme=dark] .ai-card,html[data-theme=dark] .members-card,html[data-theme=dark] .member-card,html[data-theme=dark] .glance,html[data-theme=dark] .ytd-grid,html[data-theme=dark] .scan-status,html[data-theme=dark] .ai-pill,html[data-theme=dark] .empty,html[data-theme=dark] .form-error,html[data-theme=dark] .invite-success,html[data-theme=dark] .btn,html[data-theme=dark] button.primary,html[data-theme=dark] button.danger,html[data-theme=dark] .copy-btn,html[data-theme=dark] .ghost-btn,html[data-theme=dark] input[type=text],html[data-theme=dark] input[type=email],html[data-theme=dark] input[type=password],html[data-theme=dark] input[type=number],html[data-theme=dark] input[type=date],html[data-theme=dark] input[type=search],html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] table{border-width:2px}html[data-theme=dark] th,html[data-theme=dark] td,html[data-theme=dark] .thead,html[data-theme=dark] .trow,html[data-theme=dark] .members-table thead th,html[data-theme=dark] .members-table tbody td,html[data-theme=dark] .day-list .activity-row,html[data-theme=dark] .invite-row,html[data-theme=dark] .member-row,html[data-theme=dark] .archived-list li,html[data-theme=dark] .dd-item{border-bottom-width:2px}html[data-theme=dark] input:focus-visible,html[data-theme=dark] select:focus-visible,html[data-theme=dark] textarea:focus-visible,html[data-theme=dark] button:focus-visible,html[data-theme=dark] a:focus-visible{outline:2px solid var(--accent-blue);outline-offset:1px}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--text-faint);opacity:1}html[data-theme=dark] .trow.selected,html[data-theme=dark] .dd-item.unread{box-shadow:inset 3px 0 0 var(--accent-blue)}html[data-theme=dark] button:disabled,html[data-theme=dark] input:disabled,html[data-theme=dark] select:disabled,html[data-theme=dark] textarea:disabled{opacity:.55;cursor:not-allowed}html[data-theme=dark] input:disabled,html[data-theme=dark] select:disabled,html[data-theme=dark] textarea:disabled{background:var(--bg-page);color:var(--text-muted)}html[data-theme=dark] .mono,html[data-theme=dark] .income,html[data-theme=dark] .expense,html[data-theme=dark] [class*=amount]{font-variant-numeric:tabular-nums}html[data-theme=dark] .refund-tag,html[data-theme=dark] .ref-pill,html[data-theme=dark] .pending-pill,html[data-theme=dark] .role-pill{font-weight:700}html,body{margin:0;padding:0;height:100%;background:var(--bg-page);color:var(--text-primary);font-family:IBM Plex Sans,-apple-system,Segoe UI,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;transition:background .18s ease,color .18s ease}*{box-sizing:border-box}input,button,select,textarea{font-family:inherit;font-size:inherit;color:var(--text-primary);background:var(--bg-surface)}input:focus,select:focus,textarea:focus{border-color:var(--accent-blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;box-sizing:border-box;padding:0 14px;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-tertiary);font-family:inherit;font-size:13px;font-weight:500;line-height:1;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .1s,border-color .1s,color .1s}.btn:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--text-faint)}.btn.icon-only{width:36px;padding:0;flex-shrink:0}.btn:disabled,.btn.ai:disabled,.btn.primary:disabled,.btn.danger:disabled{background:var(--bg-hover);color:var(--text-faint);border-color:var(--border-soft);cursor:not-allowed;opacity:1}.btn.primary{background:var(--inverse-bg);color:var(--inverse-text);border-color:var(--inverse-bg)}.btn.primary:hover:not(:disabled){background:var(--inverse-bg-hover);border-color:var(--inverse-bg-hover)}.btn.ai{background:var(--accent-blue-bg);color:var(--accent-blue);border-color:var(--accent-blue-border)}.btn.ai:hover:not(:disabled){background:var(--accent-blue-hover);border-color:var(--accent-blue)}.btn.danger{color:var(--accent-red);border-color:var(--accent-red-border);background:var(--bg-surface)}.btn.danger:hover:not(:disabled){background:var(--accent-red-bg);border-color:var(--accent-red)}@media (max-width: 767px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=search],textarea,select{font-size:16px!important}.btn{min-height:44px;padding:0 16px}button.icon-btn{min-width:36px;min-height:36px}}