:root{--bg-base:#060d1f;--bg-surface:#0b1629;--bg-card:#0f1d35;--bg-elevated:#162540;--bg-input:#0c1a30;--accent:#3b82f6;--accent-glow:#3b82f647;--accent-dim:#3b82f621;--gold:#f59e0b;--gold-dim:#f59e0b26;--cyan:#22d3ee;--purple:#a855f7;--success:#10b981;--success-bg:#10b98121;--danger:#f43f5e;--danger-bg:#f43f5e21;--warning:#f59e0b;--warning-bg:#f59e0b21;--text-1:#eef2ff;--text-2:#7c91ab;--text-3:#3d5166;--border:hsla(0,0%,100%,.065);--border-accent:#3b82f666;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 8px 30px #00000073;--shadow-lg:0 20px 60px #0009;--glow-blue:0 0 40px #3b82f633;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--sidebar:250px;--ease:cubic-bezier(0.4,0,0.2,1);--t:0.22s}[data-theme=light]{--bg-base:#f1f5fb;--bg-surface:#fff;--bg-card:#fff;--bg-elevated:#e8eef8;--bg-input:#f4f7fc;--text-1:#0a1628;--text-2:#4a6080;--text-3:#94a3b8;--border:#00000014;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 30px #00000017}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#060d1f;background:var(--bg-base);color:#eef2ff;color:var(--text-1);font-family:Manrope,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background .22s cubic-bezier(.4,0,.2,1),color .22s cubic-bezier(.4,0,.2,1);transition:background var(--t) var(--ease),color var(--t) var(--ease)}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:inherit}.auth-screen{align-items:center;background:#060d1f;background:var(--bg-base);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.auth-wrap{animation:authIn .5s cubic-bezier(.4,0,.2,1);animation:authIn .5s var(--ease);max-width:440px;width:100%}@keyframes authIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.auth-logo{margin-bottom:32px;text-align:center}.auth-logo-mark{background:linear-gradient(135deg,#3b82f6,#7c3aed);background:linear-gradient(135deg,var(--accent),#7c3aed);border-radius:14px;box-shadow:0 0 40px #3b82f633;box-shadow:var(--glow-blue);color:#fff;display:grid;font-size:22px;height:54px;margin:0 auto 12px;place-items:center;width:54px}.auth-logo h1,.auth-logo-mark{font-family:Syne,sans-serif;font-weight:800}.auth-logo h1{font-size:24px;letter-spacing:-.5px}.auth-logo h1 span{color:#3b82f6;color:var(--accent)}.auth-logo p{color:#7c91ab;color:var(--text-2);font-size:13px;margin-top:4px}.auth-card{background:#0b1629;background:var(--bg-surface);border:1px solid hsla(0,0%,100%,.065);border:1px solid var(--border);border-radius:24px;border-radius:var(--r-xl);box-shadow:0 20px 60px #0009;box-shadow:var(--shadow-lg);padding:32px}.auth-tabs{background:#162540;background:var(--bg-elevated);border-radius:12px;border-radius:var(--r-md);display:flex;gap:4px;margin-bottom:28px;padding:4px}.auth-tab{border-radius:8px;border-radius:var(--r-sm);color:#7c91ab;color:var(--text-2);cursor:pointer;flex:1 1;font-size:13.5px;font-weight:600;padding:9px;text-align:center;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--t) var(--ease)}.auth-tab.active{background:#3b82f6;background:var(--accent);box-shadow:0 4px 14px #3b82f647;box-shadow:0 4px 14px var(--accent-glow);color:#fff}.form-group{margin-bottom:16px}.form-label{color:#7c91ab;color:var(--text-2);display:block;font-size:12px;font-weight:700;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.form-input{background:#0c1a30;background:var(--bg-input);border:1px solid hsla(0,0%,100%,.065);border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#eef2ff;color:var(--text-1);font-size:13.5px;outline:none;padding:11px 14px;transition:all .22s;transition:all var(--t);width:100%}.form-input:focus{border-color:#3b82f6;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f621;box-shadow:0 0 0 3px var(--accent-dim)}.form-select{background:#0c1a30;background:var(--bg-input);border:1px solid hsla(0,0%,100%,.065);border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#eef2ff;color:var(--text-1);font-size:13.5px;outline:none;padding:11px 14px;transition:all .22s;transition:all var(--t);width:100%}.form-select:focus{border-color:#3b82f6;border-color:var(--accent)}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.input-icon-wrap{position:relative}.input-icon-wrap .form-input{padding-left:40px}.input-icon{font-size:16px;left:13px;pointer-events:none}.input-icon,.pw-toggle{color:#3d5166;color:var(--text-3);position:absolute;top:50%;transform:translateY(-50%)}.pw-toggle{background:none;border:none;cursor:pointer;font-size:14px;padding:4px;right:12px}.pw-toggle:hover{color:#eef2ff;color:var(--text-1)}.btn-auth{background:#3b82f6;background:var(--accent);border:none;border-radius:12px;border-radius:var(--r-md);box-shadow:0 4px 15px #3b82f647;box-shadow:0 4px 15px var(--accent-glow);color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:4px;padding:13px;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--t) var(--ease);width:100%}.btn-auth:hover{box-shadow:0 8px 25px #3b82f647;box-shadow:0 8px 25px var(--accent-glow);filter:brightness(1.1);transform:translateY(-1px)}.auth-error{background:#f43f5e21;background:var(--danger-bg);border:1px solid #f43f5e;border:1px solid var(--danger);border-radius:8px;border-radius:var(--r-sm);color:#f43f5e;color:var(--danger);font-size:13px;margin-bottom:14px;padding:10px 14px}.demo-hint{background:#f59e0b26;background:var(--gold-dim);border:1px solid #f59e0b4d;border-radius:8px;border-radius:var(--r-sm);color:#f59e0b;color:var(--gold);font-size:12.5px;margin-top:14px;padding:10px 14px;text-align:center}.ticker-bar{background:#0b1629;background:var(--bg-surface);border-bottom:1px solid hsla(0,0%,100%,.065);border-bottom:1px solid var(--border);left:0;overflow:hidden;padding:7px 0;position:fixed;top:0;width:100%;z-index:200}.ticker-track{animation:ticker 40s linear infinite;display:flex;gap:40px;width:max-content}@keyframes ticker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.ticker-item{align-items:center;color:#7c91ab;color:var(--text-2);display:flex;font-family:DM Mono,monospace;font-size:12px;gap:8px;white-space:nowrap}.ticker-item .t-sym{font-weight:500}.ticker-item .t-price,.ticker-item .t-sym{color:#eef2ff;color:var(--text-1)}.ticker-item .t-chg.pos{color:#10b981;color:var(--success)}.ticker-item .t-chg.neg{color:#f43f5e;color:var(--danger)}.ticker-dot{background:hsla(0,0%,100%,.065);background:var(--border);border-radius:50%;height:5px;width:5px}.shell{display:flex;padding-top:34px}.sidebar{background:#0b1629;background:var(--bg-surface);border-right:1px solid hsla(0,0%,100%,.065);border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;min-height:calc(100vh - 34px);overflow-y:auto;padding:20px 14px;position:fixed;top:34px;transition:transform .22s cubic-bezier(.4,0,.2,1);transition:transform var(--t) var(--ease);width:250px;width:var(--sidebar);z-index:100}.logo{align-items:center;display:flex;gap:10px;margin-bottom:28px;padding:4px 8px}.logo-mark{background:linear-gradient(135deg,#3b82f6,#7c3aed);background:linear-gradient(135deg,var(--accent),#7c3aed);border-radius:8px;border-radius:var(--r-sm);box-shadow:0 0 40px #3b82f633;box-shadow:var(--glow-blue);color:#fff;display:grid;font-weight:800;height:34px;place-items:center;width:34px}.logo-mark,.logo-text{font-family:Syne,sans-serif;font-size:15px}.logo-text{font-weight:700;letter-spacing:-.3px}.logo-text span{color:#3b82f6;color:var(--accent)}.user-card{align-items:center;background:#0f1d35;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.065);border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);display:flex;gap:10px;margin-bottom:20px;padding:10px 12px;transition:all .22s;transition:all var(--t)}.user-card:hover{border-color:#3b82f6;border-color:var(--accent)}.user-avatar{background:linear-gradient(135deg,#3b82f6,#7c3aed);background:linear-gradient(135deg,var(--accent),#7c3aed);border-radius:50%;color:#fff;display:grid;flex-shrink:0;font-size:14px;font-weight:700;height:34px;place-items:center;width:34px}.user-info{flex:1 1;min-width:0}.user-name{font-size:13px;font-weight:700}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#7c91ab;color:var(--text-2);font-size:11px}.nav-section{margin-bottom:8px}.nav-label{color:#3d5166;color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:6px;padding:0 12px;text-transform:uppercase}.nav-item{align-items:center;border-radius:8px;border-radius:var(--r-sm);color:#7c91ab;color:var(--text-2);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:10px;margin-bottom:2px;padding:10px 12px;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--t) var(--ease);-webkit-user-select:none;user-select:none}.nav-item svg{flex-shrink:0;opacity:.7;transition:opacity .22s;transition:opacity var(--t)}.nav-item:hover{background:#162540;background:var(--bg-elevated);color:#eef2ff;color:var(--text-1)}.nav-item:hover svg{opacity:1}.nav-item.active{background:#3b82f621;background:var(--accent-dim);color:#3b82f6;color:var(--accent);font-weight:600}.nav-item.active svg{opacity:1}.sidebar-footer{border-top:1px solid hsla(0,0%,100%,.065);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px;margin-top:auto;padding-top:14px}.currency-selector{align-items:center;background:#0f1d35;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.065);border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);display:flex;font-size:13px;gap:8px;padding:9px 12px;transition:all .22s;transition:all var(--t)}.currency-selector:hover{border-color:#3b82f6;border-color:var(--accent)}.currency-selector select{background:none;border:none;color:#eef2ff;color:var(--text-1);cursor:pointer;flex:1 1;font-family:DM Mono,monospace;font-size:13px;outline:none}.live-dot{align-items:center;color:#10b981;color:var(--success);display:inline-flex;font-size:11px;gap:6px;padding:6px 12px}.live-dot:before{animation:pulse 2s infinite;background:#10b981;background:var(--success);border-radius:50%;content:"";height:7px;width:7px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.theme-toggle{align-items:center;border-radius:8px;border-radius:var(--r-sm);color:#7c91ab;color:var(--text-2);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:9px 12px;transition:all .22s;transition:all var(--t)}.theme-toggle:hover{color:#eef2ff;color:var(--text-1)}.theme-toggle:hover,.toggle-track{background:#162540;background:var(--bg-elevated)}.toggle-track{border:1px solid hsla(0,0%,100%,.065);border:1px solid var(--border);border-radius:10px;flex-shrink:0;height:20px;position:relative;transition:background .22s;transition:background var(--t);width:36px}.toggle-thumb{background:#7c91ab;background:var(--text-2);border-radius:50%;height:14px;left:2px;position:absolute;top:2px;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--t) var(--ease);width:14px}[data-theme=light] .toggle-track{background:#3b82f6;background:var(--accent)}[data-theme=light] .toggle-thumb{background:#fff;left:18px}.logout-btn{align-items:center;border-radius:8px;border-radius:var(--r-sm);color:#f43f5e;color:var(--danger);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;padding:9px 12px;transition:all .22s;transition:all var(--t)}.logout-btn:hover{background:#f43f5e21;background:var(--danger-bg)}.main{flex:1 1;margin-left:250px;margin-left:var(--sidebar);min-height:calc(100vh - 34px);padding:26px 28px}.topbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.page-title{font-family:Syne,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.5px}.page-subtitle{color:#7c91ab;color:var(--text-2);font-size:13px;margin-top:2px}.topbar-right{align-items:center;display:flex;gap:10px}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px;padding:8px}.hamburger span{background:#eef2ff;background:var(--text-1);border-radius:2px;height:2px;transition:all .22s;transition:all var(--t);width:22px}.sidebar-overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:90}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--r-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13.5px;font-weight:600;gap:7px;padding:9px 18px;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--t) var(--ease)}.btn-primary{background:#3b82f6;background:var(--accent);box-shadow:0 4px 14px #3b82f647;box-shadow:0 4px 14px var(--accent-glow);color:#fff}.btn-primary:hover{box-shadow:0 8px 24px #3b82f647;box-shadow:0 8px 24px var(--accent-glow);filter:brightness(1.1);transform:translateY(-1px)}.btn-ghost{background:#0f1d35;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.065);border:1px solid var(--border);color:#7c91ab;color:var(--text-2)}.btn-ghost:hover{border-color:#3b82f6;border-color:var(--accent);color:#3b82f6;color:var(--accent)}.btn-danger-soft{background:#f43f5e21;background:var(--danger-bg);border:1px solid #0000;color:#f43f5e;color:var(--danger)}.btn-danger-soft:hover{background:#f43f5e;background:var(--danger);color:#fff}.btn-success-soft{background:#10b98121;background:var(--success-bg);border:1px solid #0000;color:#10b981;color:var(--success)}.btn-sm{font-size:12.5px;padding:7px 14px}.stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:22px}.stat-card{background:#0f1d35;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.065);border:1px solid var(--border);border-radius:18px;border-radius:var(--r-lg);overflow:hidden;padding:20px;position:relative;transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--t) var(--ease)}.stat-card:before{background:#3b82f6;background:var(--card-accent,var(--accent));content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .22s;transition:opacity var(--t)}.stat-card:hover{border-color:#3b82f666;border-color:var(--border-accent);box-shadow:0 8px 30px #00000073;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-card.gold{--card-accent:var(--gold)}.stat-card.success{--card-accent:var(--success)}.stat-card.danger{--card-accent:var(--danger)}.stat-card.purple{--card-accent:var(--purple)}.stat-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.stat-label{color:#7c91ab;color:var(--text-2);font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.stat-icon{border-radius:8px;border-radius:var(--r-sm);display:grid;font-size:16px;height:34px;place-items:center;width:34px}.stat-value{font-family:DM Mono,monospace;font-size:24px;font-weight:500;letter-spacing:-1px;line-height:1;margin-bottom:8px}.stat-change{align-items:center;border-radius:20px;display:inline-flex;font-size:11.5px;font-weight:700;gap:4px;padding:3px 8px}.stat-change.pos{background:#10b98121;background:var(--success-bg);color:#10b981;color:var(--success)}.stat-change.neg{background:#f43f5e21;background:var(--danger-bg);color:#f43f5e;color:var(--danger)}.stat-sub{color:#3d5166;color:var(--text-3);font-size:11px;margin-top:4px}.card{background:#0f1d35;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.065);border:1px solid var(--border);border-radius:18px;border-radius:var(--r-lg);padding:20px;transition:border-color .22s;transition:border-color var(--t)}.card:hover{border-color:#3b82f633}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.card-title{font-family:Syne,sans-serif;font-size:14.5px;font-weight:700;letter-spacing:-.2px}.card-subtitle{color:#7c91ab;color:var(--text-2);font-size:12px;margin-top:2px}.badge{background:#3b82f621;background:var(--accent-dim);border-radius:20px;color:#3b82f6;color:var(--accent);font-size:11px;font-weight:700;padding:3px 10px}.chart-grid{grid-gap:14px;grid-template-columns:2fr 1fr}.chart-grid,.chart-grid-3{display:grid;gap:14px;margin-bottom:22px}.chart-grid-3{grid-gap:14px;grid-template-columns:1fr 1fr 1fr}.chart-wrap{height:210px;position:relative}.chart-wrap.tall{height:270px}.data-table{border-collapse:collapse;width:100%}.data-table th{color:#3d5166;color:var(--text-3);font-size:10.5px;font-weight:700;letter-spacing:.8px;padding:9px 14px;text-align:left;text-transform:uppercase}.data-table td,.data-table th{border-bottom:1px solid hsla(0,0%,100%,.065);border-bottom:1px solid var(--border)}.data-table td{font-size:13px;padding:12px 14px;transition:background .22s;transition:background var(--t)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#162540;background:var(--bg-elevated)}.asset-cell{align-items:center;display:flex;gap:10px}.asset-icon{border-radius:10px;display:grid;flex-shrink:0;font-size:14px;font-weight:700;height:34px;place-items:center;width:34px}.asset-name{font-size:13.5px;font-weight:700}.asset-sym{color:#7c91ab;color:var(--text-2);font-size:11.5px}.asset-sym,.num{font-family:DM Mono,monospace}.num{font-size:12.5px}.pos-text{color:#10b981;color:var(--success)}.neg-text{color:#f43f5e;color:var(--danger)}.chg-pill{align-items:center;border-radius:20px;display:inline-flex;font-family:DM Mono,monospace;font-size:11.5px;font-weight:700;gap:3px;padding:3px 8px}.chg-pill.pos{background:#10b98121;background:var(--success-bg);color:#10b981;color:var(--success)}.chg-pill.neg{background:#f43f5e21;background:var(--danger-bg);color:#f43f5e;color:var(--danger)}.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.filter-select{background:#0f1d35;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.065);border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#eef2ff;color:var(--text-1);font-size:12.5px;outline:none;padding:8px 11px;transition:all .22s;transition:all var(--t)}.filter-select:focus{border-color:#3b82f6;border-color:var(--accent)}.search-inline{align-items:center;background:#0f1d35;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.065);border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);display:flex;flex:1 1;gap:7px;max-width:260px;padding:8px 12px}.search-inline:focus-within{border-color:#3b82f6;border-color:var(--accent)}.search-inline input{background:none;border:none;color:#eef2ff;color:var(--text-1);font-size:12.5px;outline:none;width:100%}.search-inline svg{color:#3d5166;color:var(--text-3);flex-shrink:0}.txn-row{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.065);border-bottom:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);display:flex;gap:12px;padding:13px 14px;transition:background .22s;transition:background var(--t)}.txn-row:hover{background:#162540;background:var(--bg-elevated)}.txn-row:last-child{border-bottom:none}.txn-icon{border-radius:12px;display:grid;flex-shrink:0;font-size:17px;height:40px;place-items:center;width:40px}.txn-info{flex:1 1}.txn-name{font-size:13.5px;font-weight:600}.txn-meta{color:#7c91ab;color:var(--text-2);font-size:11.5px;margin-top:2px}.txn-amount{font-family:DM Mono,monospace;font-size:14px;font-weight:500;min-width:90px;text-align:right}.txn-actions{display:flex;flex-shrink:0;gap:6px;opacity:0;transition:opacity .22s;transition:opacity var(--t)}.txn-row:hover .txn-actions{opacity:1}.icon-btn{background:#0f1d35;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.065);border:1px solid var(--border);border-radius:7px;color:#7c91ab;color:var(--text-2);cursor:pointer;display:grid;font-size:13px;height:28px;place-items:center;transition:all .22s;transition:all var(--t);width:28px}.icon-btn:hover{border-color:#3b82f6;border-color:var(--accent);color:#3b82f6;color:var(--accent)}.icon-btn.del:hover{border-color:#f43f5e;border-color:var(--danger);color:#f43f5e;color:var(--danger)}.tag{border-radius:6px;font-size:10.5px;font-weight:700;padding:2px 7px;text-transform:capitalize}.tag-income{background:#10b98121;background:var(--success-bg);color:#10b981;color:var(--success)}.tag-expense{background:#f43f5e21;background:var(--danger-bg);color:#f43f5e;color:var(--danger)}.tag-investment{background:#f59e0b26;background:var(--gold-dim);color:#f59e0b;color:var(--gold)}.budget-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:22px}.budget-card{background:#0f1d35;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.065);border:1px solid var(--border);border-radius:18px;border-radius:var(--r-lg);padding:18px;transition:all .22s;transition:all var(--t)}.budget-card:hover{border-color:#3b82f666;border-color:var(--border-accent);transform:translateY(-2px)}.budget-head{justify-content:space-between;margin-bottom:10px}.budget-head,.budget-name{align-items:center;display:flex}.budget-name{font-size:14px;font-weight:700;gap:8px}.budget-amounts{color:#7c91ab;color:var(--text-2);font-family:DM Mono,monospace;font-size:12px}.budget-bar{background:#162540;background:var(--bg-elevated);border-radius:4px;height:7px;margin-bottom:6px;overflow:hidden}.budget-fill{border-radius:4px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);transition:width 1s var(--ease)}.budget-fill.ok{background:linear-gradient(90deg,#10b981,#34d399);background:linear-gradient(90deg,var(--success),#34d399)}.budget-fill.warn{background:linear-gradient(90deg,#f59e0b,#fbbf24);background:linear-gradient(90deg,var(--warning),#fbbf24)}.budget-fill.over{background:linear-gradient(90deg,#f43f5e,#fb7185);background:linear-gradient(90deg,var(--danger),#fb7185)}.budget-meta{align-items:center;color:#7c91ab;color:var(--text-2);display:flex;font-size:11.5px;justify-content:space-between}.insights-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:22px}.insight-card{background:#0f1d35;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.065);border:1px solid var(--border);border-radius:18px;border-radius:var(--r-lg);padding:18px}.insight-item{align-items:flex-start;border-bottom:1px solid hsla(0,0%,100%,.065);border-bottom:1px solid var(--border);display:flex;gap:12px;padding:11px 0}.insight-item:last-child{border-bottom:none}.insight-icon{border-radius:10px;display:grid;flex-shrink:0;font-size:17px;height:34px;place-items:center;width:34px}.insight-title{font-size:13px;font-weight:700;margin-bottom:3px}.insight-sub{color:#7c91ab;color:var(--text-2);font-size:11.5px}.spending-bar{background:#162540;background:var(--bg-elevated);border-radius:3px;height:5px;margin-top:6px;overflow:hidden}.spending-fill{background:linear-gradient(90deg,#3b82f6,#22d3ee);background:linear-gradient(90deg,var(--accent),var(--cyan));border-radius:3px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);transition:width 1s var(--ease)}.tools-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:22px}.converter-result{background:#3b82f621;background:var(--accent-dim);border:1px solid #3b82f666;border:1px solid var(--border-accent);border-radius:12px;border-radius:var(--r-md);margin-top:12px;padding:16px;text-align:center}.converter-result .big-num{color:#3b82f6;color:var(--accent);font-family:DM Mono,monospace;font-size:26px;font-weight:500}.sip-result{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin-top:12px}.sip-cell{background:#162540;background:var(--bg-elevated);border-radius:8px;border-radius:var(--r-sm);padding:12px;text-align:center}.sip-cell .sip-label{color:#7c91ab;color:var(--text-2);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.sip-cell .sip-val{font-family:DM Mono,monospace;font-size:17px;font-weight:500;margin-top:4px}.goal-item{background:#162540;background:var(--bg-elevated);border:1px solid hsla(0,0%,100%,.065);border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);margin-bottom:10px;padding:14px;transition:all .22s;transition:all var(--t)}.goal-item:hover{border-color:#3b82f666;border-color:var(--border-accent)}.goal-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.goal-name{font-size:13.5px;font-weight:700}.goal-amounts,.goal-name{align-items:center;display:flex;gap:8px}.goal-amounts{color:#7c91ab;color:var(--text-2);font-family:DM Mono,monospace;font-size:12px}.goal-bar{background:#0f1d35;background:var(--bg-card);border-radius:4px;height:7px;margin-bottom:5px;overflow:hidden}.goal-fill{background:linear-gradient(90deg,#3b82f6,#a855f7);background:linear-gradient(90deg,var(--accent),var(--purple));border-radius:4px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);transition:width 1s var(--ease)}.goal-meta{align-items:center;color:#7c91ab;color:var(--text-2);display:flex;font-size:11px;justify-content:space-between}.portfolio-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-bottom:18px}.ps-item{background:#0f1d35;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.065);border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);padding:14px 16px}.ps-label{color:#7c91ab;color:var(--text-2);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.ps-val{font-family:DM Mono,monospace;font-size:17px;font-weight:500;margin-top:4px}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000a6;display:grid;inset:0;opacity:0;place-items:center;pointer-events:none;position:fixed;transition:opacity .22s;transition:opacity var(--t);z-index:600}.modal-overlay.open{opacity:1;pointer-events:all}.modal-box{background:#0b1629;background:var(--bg-surface);border:1px solid hsla(0,0%,100%,.065);border:1px solid var(--border);border-radius:24px;border-radius:var(--r-xl);max-height:90vh;max-width:95vw;overflow-y:auto;padding:26px;transform:translateY(20px) scale(.97);transition:all .22s cubic-bezier(.4,0,.2,1);transition:all var(--t) var(--ease);width:480px}.modal-overlay.open .modal-box{transform:translateY(0) scale(1)}.modal-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.modal-title{font-family:Syne,sans-serif;font-size:17px;font-weight:700}.modal-close{background:#0f1d35;background:var(--bg-card);border:1px solid hsla(0,0%,100%,.065);border:1px solid var(--border);border-radius:8px;color:#7c91ab;color:var(--text-2);cursor:pointer;display:grid;font-size:17px;height:30px;place-items:center;transition:all .22s;transition:all var(--t);width:30px}.modal-close:hover{border-color:#f43f5e;border-color:var(--danger);color:#f43f5e;color:var(--danger)}.modal-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.toast-container{display:flex;flex-direction:column;gap:8px;position:fixed;right:18px;top:48px;z-index:900}.toast{align-items:center;animation:slideIn .3s cubic-bezier(.4,0,.2,1);animation:slideIn .3s var(--ease);background:#0b1629;background:var(--bg-surface);border:1px solid hsla(0,0%,100%,.065);border:1px solid var(--border);border-radius:12px;border-radius:var(--r-md);box-shadow:0 20px 60px #0009;box-shadow:var(--shadow-lg);display:flex;font-size:13px;gap:12px;min-width:260px;padding:11px 16px;transition:all .25s}.toast.out{opacity:0;transform:translateX(20px)}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.toast-icon{flex-shrink:0;font-size:17px}.toast.success{border-color:#10b981;border-color:var(--success)}.toast.error{border-color:#f43f5e;border-color:var(--danger)}.toast.info{border-color:#3b82f6;border-color:var(--accent)}.section-title{align-items:center;display:flex;font-family:Syne,sans-serif;font-size:15px;font-weight:700;gap:10px;margin-bottom:12px}.section-title:after{background:hsla(0,0%,100%,.065);background:var(--border);content:"";flex:1 1;height:1px}.empty-state{color:#7c91ab;color:var(--text-2);padding:40px 24px;text-align:center}.empty-state .big{font-size:38px;margin-bottom:10px}.empty-state p{font-size:13.5px}.flex-between{justify-content:space-between}.flex-between,.flex-gap{align-items:center;display:flex}.flex-gap{gap:8px}.mono{font-family:DM Mono,monospace}.text-success{color:#10b981;color:var(--success)}.text-danger{color:#f43f5e;color:var(--danger)}.text-gold{color:#f59e0b;color:var(--gold)}.text-accent{color:#3b82f6;color:var(--accent)}.text-muted{color:#7c91ab;color:var(--text-2)}.fw-7{font-weight:700}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-22{margin-bottom:22px}.scrollable{overflow-x:auto}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.chart-grid,.insights-grid,.tools-grid{grid-template-columns:1fr}.portfolio-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main{margin-left:0;padding:16px}.stats-grid{grid-template-columns:1fr 1fr}.chart-grid-3{grid-template-columns:1fr}.hamburger{display:flex}.sidebar-overlay.show{display:block}}@media(max-width:480px){.form-row,.sip-result,.stats-grid{grid-template-columns:1fr}.portfolio-summary{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=main.832428a0.css.map*/