.finance-navbar{background:linear-gradient(135deg,#6366f1,#4f46e5);padding:.75rem 0;box-shadow:0 4px 20px #6366f14d;position:sticky;top:0;z-index:100}.finance-navbar .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.finance-navbar-inner{display:flex;justify-content:space-between;align-items:center}.finance-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff;font-weight:700;font-size:1.25rem}.finance-brand svg{font-size:1.5rem}.finance-nav-links{display:flex;align-items:center;gap:.5rem}.finance-nav-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;background:#ffffff1a;color:#ffffffe6;text-decoration:none;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s}.finance-nav-btn:hover{background:#fff3;color:#fff}.finance-nav-btn.logout{background:#ef444433;color:#fca5a5}.finance-nav-btn.logout:hover{background:#ef444466;color:#fff}.finance-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.finance-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem 1.5rem;padding-right:100px}.finance-footer{text-align:center;padding:1.5rem;color:var(--text-secondary);font-size:.875rem;border-top:1px solid var(--border-color)}.finance-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}@media(max-width:768px){.finance-menu-toggle{display:block}.finance-nav-links{position:absolute;top:100%;left:0;right:0;background:#4f46e5;flex-direction:column;padding:1rem;gap:.5rem;display:none}.finance-nav-links.open{display:flex}.finance-nav-btn{width:100%;justify-content:center}.finance-main{padding-right:1.5rem;padding-bottom:100px}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dashboard-header h1{font-size:1.5rem;font-weight:700;color:var(--text-main);margin:0}.dashboard-header span{font-size:.9rem;color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;margin-bottom:2rem}.stat-card{padding:1.4rem;border-radius:16px;background:var(--bg-card);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.05);transition:all .3s ease;box-shadow:var(--shadow-sm);color:var(--text-main)}[data-theme=dark] .stat-card{border:1px solid rgba(255,255,255,.05)}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#0000001a;transform:translateY(-2px)}.stat-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(99,102,241,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}[data-theme=dark] .stat-card:before{background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%)}.stat-card p{font-size:.8rem;color:var(--text-muted);margin:0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-card h2{font-size:1.6rem;margin:.3rem 0 0;color:var(--text-main);font-weight:700}.stat-card .meta{font-size:.72rem;color:var(--text-muted);font-weight:500;margin-top:.2rem;display:block}.stat-card svg{font-size:1.5rem;margin-right:.8rem;color:var(--color-primary);opacity:.8;flex-shrink:0}.stat-card.highlight{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;box-shadow:0 4px 12px #6366f14d}.stat-card.highlight:hover{box-shadow:0 8px 20px #6366f166}.stat-card.highlight p{color:#ffffffd9}.stat-card.highlight h2{color:#fff}.stat-card.highlight .meta{color:#ffffffb3}.stat-card.highlight svg{color:#fffffff2}.trend{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:6px;font-size:.7rem;font-weight:600;margin-top:.4rem;width:fit-content}.trend.up{background:#22c55e1f;color:#16a34a}.trend.down{background:#dc26261f;color:#dc2626}[data-theme=dark] .trend.up{background:#22c55e33;color:#4ade80}[data-theme=dark] .trend.down{background:#dc262633;color:#f87171}.up{color:#16a34a}.down{color:#dc2626}[data-theme=dark] .up{color:#4ade80}[data-theme=dark] .down{color:#f87171}.insight-row{display:grid;grid-template-columns:220px 1fr 1fr;gap:1.4rem;margin-bottom:2rem}@media(max-width:900px){.insight-row{grid-template-columns:1fr 1fr}}@media(max-width:600px){.insight-row{grid-template-columns:1fr}}.insight-card{background:var(--bg-card);border-radius:16px;padding:1.4rem;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.05);transition:box-shadow .3s ease;color:var(--text-main)}[data-theme=dark] .insight-card{border:1px solid rgba(255,255,255,.05)}.insight-card:hover{box-shadow:var(--shadow-md)}.insight-card h3{font-size:.9rem;font-weight:600;color:var(--text-main);margin:0 0 1rem;display:flex;align-items:center}.health-card{display:flex;flex-direction:column;align-items:center;text-align:center}.health-ring-wrapper{width:120px;height:120px;margin:0 auto .8rem}.health-ring{width:100%;height:100%;overflow:visible}.health-label{font-weight:700;font-size:.9rem;margin-bottom:.3rem}.health-note{font-size:.72rem;color:var(--text-muted);margin:0}.budget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.budget-header h3{margin:0}.budget-edit-btn{font-size:.75rem;font-weight:600;padding:.3rem .7rem;border-radius:8px;border:1px solid rgba(99,102,241,.4);background:#6366f114;color:#6366f1;cursor:pointer;transition:all .2s ease;white-space:nowrap}.budget-edit-btn:hover{background:#6366f12e}.budget-input-row{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.budget-currency{font-size:1rem;color:var(--text-muted);font-weight:600}.budget-input{flex:1;padding:.5rem .7rem;border-radius:8px;border:1px solid rgba(99,102,241,.3);background:var(--bg-card);color:var(--text-main);font-size:.9rem;outline:none;transition:border-color .2s}.budget-input:focus{border-color:#6366f1}.budget-save-btn{padding:.5rem 1rem;border-radius:8px;background:#6366f1;color:#fff;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .2s}.budget-save-btn:hover{opacity:.85}.budget-amounts{display:flex;justify-content:space-between;font-size:.88rem;font-weight:600;margin-bottom:.6rem;color:var(--text-main)}.budget-amounts small{font-weight:400;color:var(--text-muted);margin-left:.2rem}.budget-bar-bg{width:100%;height:10px;border-radius:99px;background:#80808026;overflow:hidden;margin-bottom:.6rem}.budget-bar-fill{height:100%;border-radius:99px;transition:width .8s ease,background .4s ease}.budget-footer{display:flex;justify-content:space-between;font-size:.78rem;font-weight:500}.budget-ok{color:#22c55e}.budget-over{color:#ef4444}.budget-pct{color:var(--text-muted)}.budget-empty{font-size:.82rem;color:var(--text-muted);margin-top:.5rem}.recent-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.recent-item{display:flex;justify-content:space-between;align-items:center;padding:.55rem .75rem;border-radius:10px;background:#6366f10d;transition:background .2s ease}[data-theme=dark] .recent-item{background:#ffffff0a}.recent-item:hover{background:#6366f11a}.recent-left{display:flex;flex-direction:column;gap:.15rem}.recent-cat{font-size:.82rem;font-weight:600;color:var(--text-main)}.recent-note{font-size:.72rem;color:var(--text-muted);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-right{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.recent-amount{font-size:.88rem;font-weight:700;color:#ef4444}.recent-date{font-size:.7rem;color:var(--text-muted)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.chart-card{background:var(--bg-card);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-sm);color:var(--text-main);border:1px solid rgba(0,0,0,.04);transition:box-shadow .3s ease}[data-theme=dark] .chart-card{border:1px solid rgba(255,255,255,.04)}.chart-card:hover{box-shadow:var(--shadow-md)}.chart-card h3{font-size:.9rem;font-weight:600;color:var(--text-main);margin:0 0 1rem}.chart-card--wide{grid-column:1 / -1}.chart-box{height:280px;position:relative}.chart-box--tall{height:320px}.growth-row{display:flex;justify-content:space-between;margin-top:.6rem;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.05)}[data-theme=dark] .growth-row{border-bottom:1px solid rgba(255,255,255,.05)}.growth-row span:first-child{color:var(--text-main);font-size:.88rem}.alert-card{background:#fff7ed;border-left:5px solid #f97316;padding:1rem;margin-bottom:1.2rem;border-radius:12px;color:#9a3412;font-size:.9rem}.alert-card.alert-warning{background:#fef3c7;border-left:5px solid #eab308;color:#854d0e}[data-theme=dark] .alert-card{background:#f973161a;color:#fb923c}[data-theme=dark] .alert-card.alert-warning{background:#eab3081a;color:#fbbf24}.fade-in{animation:fade .4s ease-in}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-loader{display:flex;justify-content:center;align-items:center;height:60vh;color:var(--text-muted);font-size:1.2rem}.empty{text-align:center;margin-top:2rem;color:var(--text-muted);font-size:.85rem}.expenses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.search-card{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-bottom:1.5rem;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.05);color:var(--text-main)}[data-theme=dark] .search-card{border:1px solid rgba(255,255,255,.05)}.search-card input{border:none;outline:none;width:100%;font-size:.95rem;background:transparent;color:var(--text-main)}.table-card{overflow-x:auto;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.05)}[data-theme=dark] .table-card{border:1px solid rgba(255,255,255,.05)}table{width:100%;border-collapse:collapse;min-width:700px}thead{background:#00000005;border-bottom:1px solid rgba(0,0,0,.05)}[data-theme=dark] thead{background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05)}th,td{padding:1rem;text-align:left;color:var(--text-main)}th{font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}tbody tr{border-bottom:1px solid rgba(0,0,0,.03);transition:background .2s}[data-theme=dark] tbody tr{border-bottom:1px solid rgba(255,255,255,.03)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#00000003}[data-theme=dark] tbody tr:hover{background:#ffffff05}.title{font-weight:500}.amount{font-weight:600;font-family:Courier New,monospace}.actions{text-align:right;display:flex;justify-content:flex-end;gap:.5rem}.icon-btn{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:6px;color:var(--text-muted);transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-btn.edit:hover{background:#6366f126;color:#6366f1}.icon-btn.delete:hover{background:#ef444426;color:#ef4444}.badge{padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:500;background:#6366f11f;color:#4f46e5;white-space:nowrap}[data-theme=dark] .badge{background:#6366f133;color:#818cf8}.empty{text-align:center;padding:3rem;color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-card{background:var(--bg-card);padding:2.5rem;border-radius:24px;width:100%;max-width:520px;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-lg);color:var(--text-main);border:1px solid rgba(0,0,0,.1)}[data-theme=dark] .modal-card{border:1px solid rgba(255,255,255,.1)}.modal-card h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.input-label{display:block;font-size:.9rem;font-weight:500;color:var(--text-muted);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.5px}.input-control{width:100%;padding:.875rem 1rem;border:2px solid rgba(0,0,0,.1);border-radius:12px;font-size:.95rem;font-family:inherit;transition:all .3s ease;background:var(--bg-body);color:var(--text-main)}[data-theme=dark] .input-control{border:2px solid rgba(255,255,255,.1)}.input-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #6366f11a}.row{display:flex;gap:1rem}.row .input-group{flex:1}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.05)}[data-theme=dark] .modal-actions{border-top:1px solid rgba(255,255,255,.05)}.btn-ghost{background:#0000000d;color:var(--text-main);border:none}[data-theme=dark] .btn-ghost{background:#ffffff0d}.btn-ghost:hover{background:#0000001a}[data-theme=dark] .btn-ghost:hover{background:#ffffff1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--primary-hue: 250;--secondary-hue: 180;--color-primary: hsl(var(--primary-hue), 70%, 60%);--color-primary-hover: hsl(var(--primary-hue), 70%, 50%);--color-primary-light: hsl(var(--primary-hue), 70%, 95%);--color-secondary: hsl(var(--secondary-hue), 60%, 50%);--bg-body: hsl(220, 20%, 97%);--bg-card: #ffffff;--bg-sidebar: #ffffff;--text-main: hsl(220, 20%, 20%);--text-muted: hsl(220, 10%, 50%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--transition: all .3s ease;--font-main: "Inter", system-ui, -apple-system, sans-serif}[data-theme=dark]{--bg-body: hsl(220, 20%, 10%);--bg-card: hsl(220, 20%, 15%);--text-main: hsl(220, 20%, 95%);--text-muted: hsl(220, 10%, 70%);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-body);color:var(--text-main);transition:background-color .3s ease,color .3s ease;min-height:100vh;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-sm);font-weight:500;border:none;transition:var(--transition);font-size:.95rem;gap:8px}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 10px #6464ff4d}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 15px #6464ff66}.btn-outline{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary-light)}.input-group{margin-bottom:16px}.input-label{display:block;margin-bottom:6px;font-weight:500;font-size:.9rem;color:var(--text-muted)}.input-field{width:100%;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid transparent;background:var(--bg-body);color:var(--text-main);transition:var(--transition);font-size:1rem}.input-field:focus{outline:none;border-color:var(--color-primary);background:var(--bg-card);box-shadow:0 0 0 3px var(--color-primary-light)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.text-center{text-align:center}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.w-full{width:100%}