@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@400;500;600;700;800&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #00F5A0;--accent2: #00D9F5;--danger: #FF4757;--warning: #FFA502;--success: #2ED573;--radius: 16px;--radius-sm: 10px;--ease: cubic-bezier(.4, 0, .2, 1);--transition: all .22s var(--ease);--font-head: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "Space Mono", monospace}.dark{--bg: #0A0E1A;--bg2: #111827;--bg3: #1C2333;--bg4: #242C3D;--border: rgba(255,255,255,.07);--border-h: rgba(255,255,255,.15);--text: #F0F4FF;--text2: #8892A4;--text3: #4A5568;--shadow: 0 4px 24px rgba(0,0,0,.4)}.light{--bg: #F0F4FF;--bg2: #FFFFFF;--bg3: #E8EEF8;--bg4: #D4DEF0;--border: rgba(0,0,0,.08);--border-h: rgba(0,0,0,.18);--text: #0A0E1A;--text2: #4A5568;--text3: #8892A4;--shadow: 0 4px 24px rgba(0,0,0,.08)}html,body{height:100%;font-family:var(--font-body)}.app{display:flex;min-height:100vh;background:var(--bg);color:var(--text);transition:var(--transition)}.sidebar{width:260px;min-height:100vh;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:100}.sidebar-logo{padding:28px 24px 24px;border-bottom:1px solid var(--border)}.logo-mark{display:flex;align-items:center;gap:10px}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#0a0e1a;box-shadow:0 4px 15px #00f5a04d}.logo-text{font-family:var(--font-head);font-size:20px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-tagline{font-size:10px;color:var(--text3);letter-spacing:1.5px;text-transform:uppercase;margin-top:2px;font-family:var(--font-mono)}.sidebar-nav{flex:1;padding:20px 12px;display:flex;flex-direction:column;gap:4px}.nav-section-label{font-size:10px;color:var(--text3);letter-spacing:1.8px;text-transform:uppercase;font-family:var(--font-mono);padding:12px 12px 6px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);color:var(--text2);font-size:14px;font-weight:500;border:1px solid transparent;position:relative}.nav-item:hover{background:var(--bg3);color:var(--text)}.nav-item.active{background:linear-gradient(135deg,#00f5a01f,#00d9f514);color:var(--accent);border-color:#00f5a033}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--accent);border-radius:0 3px 3px 0}.nav-icon{font-size:17px;width:20px;text-align:center}.nav-label{flex:1}.sidebar-footer{padding:20px;border-top:1px solid var(--border)}.balance-widget{background:linear-gradient(135deg,#00f5a01a,#00d9f514);border:1px solid rgba(0,245,160,.2);border-radius:var(--radius);padding:16px}.balance-label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:1px;font-family:var(--font-mono);margin-bottom:6px}.balance-amount{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--accent)}.balance-change{font-size:11px;color:var(--success);margin-top:4px}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.topbar-title{font-family:var(--font-head);font-size:20px;font-weight:700}.topbar-right{display:flex;align-items:center;gap:12px}.role-selector{display:flex;align-items:center;gap:8px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:6px 12px}.role-label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:1px;font-family:var(--font-mono)}.role-select{background:transparent;border:none;color:var(--text);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;outline:none}.role-select option{background:var(--bg2)}.theme-toggle{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.theme-toggle:hover{border-color:var(--border-h);transform:scale(1.05)}.btn-add{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#0a0e1a;border:none;border-radius:8px;padding:8px 16px;font-family:var(--font-body);font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition)}.btn-add:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00f5a04d}.page-content{flex:1;padding:28px;overflow-y:auto}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition)}.card:hover{border-color:var(--border-h)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{padding:22px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;border-radius:50%;opacity:.06}.stat-card.s-balance:after{background:var(--accent)}.stat-card.s-income:after{background:var(--success)}.stat-card.s-expense:after{background:var(--danger)}.stat-card.s-savings:after{background:var(--accent2)}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.stat-label{font-size:12px;color:var(--text2);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.stat-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.si-green{background:#00f5a01f}.si-emerald{background:#2ed5731f}.si-red{background:#ff47571f}.si-blue{background:#00d9f51f}.stat-amount{font-family:var(--font-mono);font-size:22px;font-weight:700;margin-bottom:8px;letter-spacing:-.5px}.stat-change{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600}.stat-change.up{color:var(--success)}.stat-change.dn{color:var(--danger)}.charts-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:24px}.chart-card{padding:22px}.chart-title{font-family:var(--font-head);font-size:15px;font-weight:700;margin-bottom:20px;color:var(--text)}.bar-chart{display:flex;align-items:flex-end;gap:8px;height:180px;padding-bottom:32px}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.bar-pair{display:flex;gap:3px;align-items:flex-end;height:calc(100% - 24px);width:100%}.bar{flex:1;border-radius:4px 4px 0 0;transition:height .5s var(--ease);cursor:pointer;min-height:4px}.bar.b-income{background:linear-gradient(to top,var(--accent),rgba(0,245,160,.5))}.bar.b-expense{background:linear-gradient(to top,var(--danger),rgba(255,71,87,.5))}.bar:hover{filter:brightness(1.2)}.bar-label{font-size:10px;color:var(--text3);font-family:var(--font-mono);margin-top:8px}.chart-legend{display:flex;gap:16px;margin-top:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text2)}.legend-dot{width:8px;height:8px;border-radius:2px}.donut-container{display:flex;flex-direction:column;align-items:center}.donut-categories{width:100%;margin-top:12px;display:flex;flex-direction:column;gap:8px}.donut-cat-item{display:flex;align-items:center;gap:8px;font-size:12px}.cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cat-name{flex:1;color:var(--text2)}.cat-pct{font-family:var(--font-mono);font-size:11px;color:var(--text3)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title{font-family:var(--font-head);font-size:15px;font-weight:700}.btn-link{font-size:12px;color:var(--accent);background:none;border:none;cursor:pointer;font-family:var(--font-body);font-weight:600}.tx-list{display:flex;flex-direction:column;gap:2px}.tx-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--radius-sm);transition:var(--transition)}.tx-item:hover{background:var(--bg3)}.tx-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;background:var(--bg3)}.tx-info{flex:1;min-width:0}.tx-desc{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-meta{font-size:11px;color:var(--text3);margin-top:2px;display:flex;gap:8px;align-items:center}.tx-cat-badge{font-size:10px;padding:2px 6px;border-radius:4px;background:var(--bg4);color:var(--text2)}.tx-amount{font-family:var(--font-mono);font-size:14px;font-weight:700;flex-shrink:0}.tx-amount.income{color:var(--success)}.tx-amount.expense{color:var(--danger)}.tx-page-controls{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.search-box{flex:1;min-width:200px;position:relative}.search-box input{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:10px 14px 10px 38px;color:var(--text);font-family:var(--font-body);font-size:14px;outline:none;transition:var(--transition)}.search-box input:focus{border-color:var(--accent)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text3);font-size:15px}.filter-select{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text);font-family:var(--font-body);font-size:13px;outline:none;cursor:pointer;transition:var(--transition)}.filter-select:focus{border-color:var(--accent)}.filter-select option{background:var(--bg2)}.export-btns{display:flex;gap:8px}.btn-export{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text2);font-family:var(--font-body);font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:6px}.btn-export:hover{border-color:var(--accent);color:var(--accent)}.summary-chips{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.summary-chip{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:8px 14px;display:flex;align-items:center;gap:8px}.chip-label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.8px}.chip-val{font-family:var(--font-mono);font-size:13px;font-weight:700}.tx-table-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tx-table{width:100%;border-collapse:collapse}.tx-table th{text-align:left;padding:14px 18px;font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:1px;font-family:var(--font-mono);background:var(--bg3);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.tx-table th:hover{color:var(--text2)}.tx-table td{padding:14px 18px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:middle;color:var(--text)}.tx-table tr:last-child td{border-bottom:none}.tx-table tbody tr{transition:var(--transition)}.tx-table tbody tr:hover{background:var(--bg3)}.type-badge{font-size:10px;padding:3px 8px;border-radius:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.type-badge.income{background:#2ed5731f;color:var(--success)}.type-badge.expense{background:#ff47571f;color:var(--danger)}.btn-icon{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--bg3);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:var(--transition);color:var(--text2)}.btn-icon:hover{background:var(--bg4);color:var(--text)}.btn-icon.danger:hover{background:#ff475726;border-color:var(--danger);color:var(--danger)}.empty-state{text-align:center;padding:60px 20px;color:var(--text3)}.empty-state-icon{font-size:48px;margin-bottom:12px}.empty-state-text{font-size:16px;font-weight:600;color:var(--text2)}.empty-state-sub{font-size:13px;margin-top:4px}.viewer-banner{background:linear-gradient(135deg,#ffa50214,#ffa5020a);border:1px solid rgba(255,165,2,.2);border-radius:var(--radius);padding:14px 20px;display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:13px;color:var(--warning)}.insights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.insight-card{padding:22px}.insight-tag{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);font-family:var(--font-mono);margin-bottom:10px}.insight-headline{font-family:var(--font-head);font-size:18px;font-weight:700;margin-bottom:6px;color:var(--text)}.insight-sub{font-size:13px;color:var(--text2);line-height:1.5}.progress-list{display:flex;flex-direction:column;gap:14px}.progress-header{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13px}.progress-name{font-weight:500;color:var(--text)}.progress-amount{color:var(--text2);font-family:var(--font-mono);font-size:12px}.progress-bar{height:6px;background:var(--bg3);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .6s var(--ease)}.comp-bar-track{flex:1;height:4px;background:var(--bg3);border-radius:2px;overflow:hidden}.comp-bar-fill{height:100%;border-radius:2px;transition:width .5s var(--ease)}.comp-bar-fill.income{background:var(--success)}.comp-bar-fill.expense{background:var(--danger)}.obs-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--bg3);border-radius:10px;font-size:13px;color:var(--text2);line-height:1.5;margin-bottom:10px}.obs-title{font-weight:600;color:var(--text);margin-bottom:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;box-shadow:0 20px 60px #0006;animation:slideUp .25s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--border)}.modal-title{font-family:var(--font-head);font-size:17px;font-weight:700;color:var(--text)}.modal-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);cursor:pointer;color:var(--text2);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.modal-close:hover{background:var(--bg4);color:var(--text)}.modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;color:var(--text2);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-input,.form-select{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text);font-family:var(--font-body);font-size:14px;outline:none;transition:var(--transition);width:100%}.form-input:focus,.form-select:focus{border-color:var(--accent)}.form-select option{background:var(--bg2)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-toggle{display:flex;gap:8px}.type-btn{flex:1;padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text2);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition)}.type-btn.active-income{background:#2ed57326;border-color:var(--success);color:var(--success)}.type-btn.active-expense{background:#ff475726;border-color:var(--danger);color:var(--danger)}.modal-footer{padding:0 24px 24px;display:flex;gap:10px}.btn-cancel{flex:1;padding:11px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text2);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-cancel:hover{background:var(--bg4);color:var(--text)}.btn-submit{flex:2;padding:11px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#0a0e1a;font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition)}.btn-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00f5a04d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-row,.insights-grid{grid-template-columns:1fr}}@media (max-width: 900px){.sidebar{width:70px}.logo-text,.logo-tagline,.nav-label,.nav-section-label,.sidebar-footer{display:none}.sidebar-logo{padding:14px}.logo-mark{justify-content:center}.nav-item{justify-content:center;padding:12px}.nav-item:before{display:none}.page-content{padding:16px}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr 1fr}.topbar{padding:12px 16px}.page-content{padding:12px}.tx-page-controls{flex-direction:column}.export-btns{display:none}}