:root{--blue:#5b8def;--violet:#9b6bf2;--magenta:#f0529c;--amber:#f5a25c;--mint:#34d399;--void:#07070d;--white:#fff;--text:#fff;--text-muted:#fff9;--text-faint:#fff6;--danger:#ff453a;--danger-bg:#3a1414;--glass-fill:#ffffff12;--glass-border:#ffffff21;--gradient:linear-gradient(90deg, var(--blue), var(--violet), var(--magenta));--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-pill:999px;--font-display:"Space Grotesk", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{font-family:var(--font-body);background:var(--void);color:var(--text);min-height:100vh;margin:0;position:relative}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(680px at 12% 8%,#5b8def3d,#0000 60%),radial-gradient(620px at 88% 15%,#9b6bf233,#0000 60%),radial-gradient(720px at 20% 95%,#f0529c29,#0000 60%),radial-gradient(500px at 90% 90%,#f5a25c1f,#0000 60%);position:fixed;inset:0}h1,h2,h3{font-family:var(--font-display);font-weight:600}.auth-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--glass-fill);border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:360px;padding:40px;box-shadow:0 8px 24px #00000040}.auth-card h1{margin:0 0 8px;font-size:22px;font-weight:700}.auth-subtitle{color:var(--text-muted);margin:0 0 24px;font-size:14px}.auth-button{background:var(--gradient);color:#fff;border-radius:var(--radius-lg);font-family:var(--font-body);cursor:pointer;border:none;width:100%;padding:14px 20px;font-size:15px;font-weight:600;box-shadow:0 10px 30px #9b6bf259}.auth-button:hover{opacity:.92}.auth-error{color:var(--danger);margin-top:16px;font-size:13px}.auth-success{color:var(--text);font-size:14px}.auth-success a{color:var(--blue)}.loading{color:var(--text-muted);text-align:center;padding:40px}.loading.full-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.app-shell{min-height:100vh}.app-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.app-header h1{margin:0;font-size:17px;font-weight:700}.logout-button{color:var(--text-muted);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);background:0 0;padding:6px 14px;font-size:13px}.logout-button:hover{color:var(--text);border-color:var(--text-muted)}.tab-bar{border-bottom:1px solid var(--glass-border);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 24px;display:flex}.tab{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);background:0 0;border:none;padding:8px 14px;font-size:14px;font-weight:500}.tab.active{background:var(--gradient);color:#fff}.tab-bar-spacer{flex:1}.date-range-filter{gap:4px;display:flex}.range-button{color:var(--text-muted);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);background:0 0;padding:6px 10px;font-size:12px}.range-button.active{background:var(--gradient);color:#fff;border:none;padding:7px 11px}.page{flex-direction:column;gap:20px;max-width:1100px;margin:0 auto;padding:24px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stat-tile{background:var(--glass-fill);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:18px;box-shadow:0 8px 24px #00000040}.stat-label{color:var(--text-muted);margin-bottom:8px;font-size:13px}.stat-value{font-family:var(--font-display);font-size:27px;font-weight:700}.stat-caption{color:var(--text-faint);margin-top:6px;font-size:12px}.chart-card{background:var(--glass-fill);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:20px;box-shadow:0 8px 24px #00000040}.chart-card h3{color:var(--text-muted);margin:0 0 12px;font-size:14px;font-weight:600}.caveat-banner{background:var(--glass-fill);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-muted);padding:12px 16px;font-size:13px}.caveat-banner.warning{border-color:var(--amber);color:var(--amber)}.accounts-table-wrapper{background:var(--glass-fill);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow-x:auto;box-shadow:0 8px 24px #00000040}.accounts-table{border-collapse:collapse;width:100%;font-size:13px}.accounts-table th,.accounts-table td{text-align:left;white-space:nowrap;padding:10px 14px}.accounts-table thead th{color:var(--text-muted);border-bottom:1px solid var(--glass-border);background:#111017;font-weight:600;position:sticky;top:0}.accounts-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.accounts-table tbody tr:not(:last-child){border-bottom:1px solid var(--glass-border)}.accounts-table tr.expandable{cursor:pointer}.account-key{font-family:var(--font-mono);color:var(--text);cursor:default;font-size:12px}.margin-positive{color:var(--mint)}.margin-negative{color:var(--danger)}.currency-badge{color:var(--text-muted);border:1px solid var(--glass-border);border-radius:6px;margin-left:8px;padding:1px 6px;font-size:11px}.unmapped-badge{color:var(--amber);margin-left:6px;font-weight:700}.account-detail-row td{white-space:normal;background:#ffffff08}.currency-breakdown{flex-wrap:wrap;gap:12px;display:flex}.currency-chip{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.pagination{color:var(--text-muted);border-top:1px solid var(--glass-border);align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.pagination button{border:1px solid var(--glass-border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);background:0 0;padding:4px 10px}.pagination button:disabled{opacity:.4;cursor:default}