:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}h1,h2,h3,p{margin:0}:root{color:#f5f7fb;--bg-main:linear-gradient(135deg, #08111e 0%, #13233d 100%);--surface-strong:#07101ff2;--surface:#ffffff14;--surface-soft:#ffffff0d;--surface-sidebar:#050c18f2;--text-primary:#f5f7fb;--text-secondary:#9db0c7;--border-color:#ffffff14;--input-bg:#07101fb3;--accent-start:#3f8cff;--accent-end:#5ed3ff;background:#07111f;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}:root[data-theme=light]{--bg-main:linear-gradient(135deg, #f3f7ff 0%, #e8f1ff 100%);--surface-strong:#fffffff2;--surface:#0f172a0f;--surface-soft:#0f172a0a;--surface-sidebar:#f8fafcf5;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#0f172a1a;--input-bg:#ffffffe6;--accent-start:#2563eb;--accent-end:#38bdf8}*{box-sizing:border-box}body{background:var(--bg-main);min-height:100vh;color:var(--text-primary);margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}#root{min-height:100vh}.app-shell{flex-direction:column;min-height:100vh;display:flex}.navbar{background:var(--surface-strong);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.navbar h2{margin:0}.navbar p{color:var(--text-secondary);margin:.15rem 0 0;font-size:.9rem}.navbar-actions{align-items:center;gap:.9rem;display:flex}.user-chip{background:var(--surface);border-radius:999px;align-items:center;gap:.7rem;padding:.55rem .8rem;display:flex}.user-chip span{background:linear-gradient(135deg, var(--accent-start), var(--accent-end));border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.user-chip p{color:var(--text-secondary);font-size:.8rem}.app-body{flex:1;display:flex}.sidebar{background:var(--surface-sidebar);border-right:1px solid var(--border-color);width:250px;padding:1.2rem .8rem}.sidebar nav{flex-direction:column;gap:.35rem;display:flex}.nav-link{color:#d7e0ec;border-radius:10px;padding:.75rem .95rem;transition:background .2s}.nav-link:hover,.nav-link.active{color:#fff;background:#3f8cff2e}.content-area{flex:1;padding:1.3rem}.page{min-height:100%}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#81b7ff;margin:0 0 .3rem;font-size:.75rem}.hero-banner{background:linear-gradient(135deg,#3f8cff59,#5ed3ff33);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.1rem 1.2rem;display:flex}.hero-banner h2{margin:.2rem 0;font-size:1.8rem}.hero-pill{background:#ffffff26;border-radius:999px;padding:.6rem .9rem}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.stats-grid.single-row{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border-color);border-radius:18px;padding:1rem;box-shadow:0 10px 30px #0000001f}.card h3{margin:.25rem 0;font-size:1.2rem}.card p,.card span{color:var(--text-secondary)}.content-grid{grid-template-columns:2fr 1fr;gap:1rem;display:grid}.stacked{flex-direction:column;gap:1rem;display:flex}.activity-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.activity-list li{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-bottom:.7rem;display:flex}.activity-list p{color:#8ea1b6;margin:.25rem 0 0;font-size:.9rem}.chart-card,.table-card,.list-card{background:#ffffff14;border:1px solid #ffffff14;border-radius:18px;padding:1rem}.chart-head,.table-head{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.bars{align-items:flex-end;gap:1rem;height:180px;display:flex}.bar-item{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.bar-track{background:#ffffff14;border-radius:999px;align-items:flex-end;width:100%;max-width:48px;height:120px;display:flex;overflow:hidden}.bar-fill{border-radius:999px;width:100%}.table-card table{border-collapse:collapse;width:100%}.table-card th,.table-card td{text-align:left;border-bottom:1px solid #ffffff14;padding:.7rem .2rem}.positive{color:#7be58e}.negative{color:#ff8f5c}.profile-grid{grid-template-columns:1.2fr .8fr;gap:1rem;display:grid}.settings-card{flex-direction:column;gap:.8rem;max-width:720px;display:flex}.toggle-row,.field-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.field-row select{min-width:140px}.statement-card{max-width:900px}.statement-header,.statement-summary{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.statement-summary{background:#ffffff0d;border-radius:12px;padding:.8rem}.statement-summary p{color:#a9b7ca}.statement-table{border-collapse:collapse;width:100%}.statement-table th,.statement-table td{text-align:left;border-bottom:1px solid #ffffff14;padding:.7rem .2rem}.accounts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.account-card{background:linear-gradient(135deg,#3f8cff38,#5ed3ff1f);border:1px solid #ffffff1f;border-radius:20px;padding:1rem}.account-top,.account-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.account-dot{border-radius:50%;width:12px;height:12px}.account-balance{margin:1rem 0}.account-balance h2{margin-top:.3rem}.transaction-panel{overflow-x:auto}.toolbar{margin:.8rem 0 1rem}.toolbar select{color:#fff;background:#07101fb3;border:1px solid #ffffff1f;border-radius:10px;padding:.7rem .9rem}.panel-form{gap:.8rem;max-width:560px;margin:1rem 0;display:grid}.panel-form label{flex-direction:column;gap:.35rem;font-weight:600;display:flex}.panel-form input,.panel-form select{color:#fff;background:#07101fb3;border:1px solid #ffffff1f;border-radius:10px;padding:.8rem .9rem}.subtext{color:#9db0c7;margin-top:.25rem;margin-bottom:.5rem}.success-text{color:#87f0b6;margin-top:.6rem}.list-item{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.8rem 0;display:flex}.list-item p{color:#9db0c7;margin-top:.25rem}.notification-item button{padding:.55rem .8rem}.auth-shell{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border-color);border-radius:22px;width:min(460px,100%);padding:2rem;box-shadow:0 20px 40px #00000029}.auth-form h1{margin-bottom:.3rem}.auth-form p{color:var(--text-secondary)}.auth-form form{flex-direction:column;gap:.8rem;margin-top:1rem;display:flex}.auth-form label{flex-direction:column;gap:.35rem;font-weight:600;display:flex}.auth-form input{border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);border-radius:10px;padding:.8rem .9rem}.primary-btn,.ghost-btn{cursor:pointer;border:none;border-radius:10px;padding:.75rem 1rem;transition:transform .2s}.primary-btn{background:linear-gradient(135deg, var(--accent-start), var(--accent-end));color:#fff}.ghost-btn{background:var(--surface);color:var(--text-primary)}.primary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.full{width:100%}.auth-link{text-align:center;margin-top:1rem}.not-found{text-align:center;place-items:center;display:grid}.footer{background:var(--surface-strong);color:var(--text-secondary);border-top:1px solid var(--border-color);text-align:center;padding:1rem 1.5rem}@media (width<=900px){.app-body{flex-direction:column}.sidebar{border-bottom:1px solid #ffffff14;border-right:none;width:100%}.stats-grid,.content-grid,.stats-grid.single-row{grid-template-columns:1fr}.hero-banner{flex-direction:column;align-items:flex-start;gap:.8rem}}@media (width<=640px){.navbar,.page-header{flex-direction:column;align-items:flex-start;gap:.8rem}.navbar-actions{flex-wrap:wrap;width:100%}.content-area{padding:1rem}}