:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #273449;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--primary: #3b82f6;--primary-dark: #2563eb;--danger: #ef4444;--success: #22c55e;--radius: 12px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1{font-size:1.4rem;margin:0}h2{font-size:1.05rem;margin:0 0 .75rem}.muted{color:var(--muted)}.app{min-height:100vh;padding-bottom:72px}.topbar{display:flex;align-items:center;padding:.9rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar__brand{font-weight:700;font-size:1.1rem}.topbar__logout{margin-left:auto}.content{padding:1rem;max-width:1100px;margin:0 auto}.nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:space-around;background:var(--surface);border-top:1px solid var(--border)}.nav__link{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:.5rem 0;color:var(--muted);text-decoration:none;font-size:.7rem;transition:color .2s ease,background .2s ease}.nav__icon{font-size:1.25rem;transition:transform .2s ease}.nav__link:hover .nav__icon{transform:translateY(-2px)}.nav__link--active{color:var(--primary)}.nav__link--active .nav__icon{animation:pop .3s ease}.page{display:flex;flex-direction:column;gap:1rem}.page__head{display:flex;flex-direction:column;gap:.75rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.stat-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-grid--3{grid-template-columns:1fr}.stat-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:var(--radius);padding:.85rem}.stat-card__label{color:var(--muted);font-size:.8rem}.stat-card__value{font-size:1.35rem;font-weight:700;margin-top:.2rem}.stat-card__hint{color:var(--muted);font-size:.75rem;margin-top:.2rem}.charts{display:grid;gap:1rem;grid-template-columns:1fr}.legend{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.35rem}.legend li{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.legend__dot{width:10px;height:10px;border-radius:50%;flex:none}.legend__name{flex:1}.legend__value{font-weight:600}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}.field>span{color:var(--muted)}.field input,.field select,input[type=month],input[type=date]{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.6rem .7rem;font-size:1rem;width:100%}.field input:focus,.field select:focus{outline:2px solid var(--primary);border-color:transparent}input[type=color]{padding:.2rem;height:42px;cursor:pointer}.expense-form{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.field--amount input{font-size:1.4rem;font-weight:700}.field--full{grid-column:1 / -1}.expense-form__actions{grid-column:1 / -1;display:flex;gap:.5rem}.category-form{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.category-form__actions{grid-column:1 / -1;display:flex;gap:.5rem}.field--icon input,.field--color input{text-align:center}.filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;justify-content:space-between}.filters__total{font-size:.9rem;color:var(--muted)}.btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:.6rem 1rem;font-size:.95rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease}.btn:hover{border-color:var(--primary);transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.97)}.btn--primary{background:var(--primary);border-color:var(--primary);font-weight:600}.btn--primary:hover{background:var(--primary-dark);box-shadow:0 4px 14px #3b82f659}.btn--ghost{background:transparent}.btn--sm{padding:.3rem .5rem;font-size:.9rem}.btn:disabled{opacity:.6;cursor:default}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;white-space:nowrap}.badge__dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.table-wrap{overflow-x:auto;padding:0}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{padding:.7rem .8rem;text-align:left;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-weight:600;font-size:.8rem}.table .num{text-align:right}.table tbody tr{transition:background .15s ease}.table tbody tr:hover{background:var(--surface-2)}.table tr:last-child td{border-bottom:none}.row-actions{display:flex;gap:.2rem}.recent-list,.category-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.recent-list li{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem .75rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--border)}.recent-list li:last-child{border-bottom:none}.recent-list__amount{font-weight:700}.recent-list__desc{color:var(--muted);grid-column:2;font-size:.85rem}.recent-list__date{color:var(--muted);font-size:.8rem}.category-list li{display:flex;align-items:center;gap:.6rem;padding:.6rem 0;border-bottom:1px solid var(--border)}.category-list li:last-child{border-bottom:none}.category-list__name{font-weight:600}.category-list__budget{margin-left:auto;font-size:.8rem}.category-list .row-actions{margin-left:.5rem}.month-picker{display:flex;align-items:center;gap:.4rem}.month-picker__label{color:var(--muted);font-size:.85rem;margin-right:.2rem}.month-picker input{width:auto}.compare-pickers{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.compare-pickers__vs{color:var(--muted)}.alert{padding:.7rem .9rem;border-radius:8px;font-size:.9rem}.alert--error{background:#ef444426;border:1px solid var(--danger);color:#fca5a5}.alert--success{background:#22c55e26;border:1px solid var(--success);color:#86efac}.empty{text-align:center;padding:2rem 1rem;color:var(--muted)}@media (min-width: 768px){.app{padding-bottom:0}.nav{position:sticky;top:57px;bottom:auto;justify-content:flex-start;gap:.5rem;padding:.5rem 1rem;border-top:none;border-bottom:1px solid var(--border);max-width:1100px;margin:0 auto}.nav__link{flex:none;flex-direction:row;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.9rem}.nav__link--active{background:var(--surface-2)}.page__head{flex-direction:row;align-items:center;justify-content:space-between}.stat-grid{grid-template-columns:repeat(4,1fr)}.stat-grid--3{grid-template-columns:repeat(3,1fr)}.charts{grid-template-columns:1fr 1fr}.expense-form{grid-template-columns:repeat(4,1fr)}.category-form{grid-template-columns:repeat(4,1fr) auto;align-items:end}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.page{animation:fadeInUp .35s ease both}.card{animation:fadeInUp .4s ease both;transition:box-shadow .2s ease,border-color .2s ease}.card:nth-child(2){animation-delay:.05s}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.15s}.stat-card{animation:fadeInUp .4s ease both;transition:transform .18s ease,box-shadow .18s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000040}.stat-grid .stat-card:nth-child(1){animation-delay:.04s}.stat-grid .stat-card:nth-child(2){animation-delay:.1s}.stat-grid .stat-card:nth-child(3){animation-delay:.16s}.stat-grid .stat-card:nth-child(4){animation-delay:.22s}.stat-card__value{animation:pop .4s ease both}.recent-list li,.category-list li{animation:slideInLeft .3s ease both;transition:background .15s ease;border-radius:8px}.recent-list li:hover,.category-list li:hover{background:var(--surface-2)}.recent-list li:nth-child(1),.category-list li:nth-child(1){animation-delay:.03s}.recent-list li:nth-child(2),.category-list li:nth-child(2){animation-delay:.06s}.recent-list li:nth-child(3),.category-list li:nth-child(3){animation-delay:.09s}.recent-list li:nth-child(4),.category-list li:nth-child(4){animation-delay:.12s}.recent-list li:nth-child(5),.category-list li:nth-child(5){animation-delay:.15s}.recent-list li:nth-child(n+6),.category-list li:nth-child(n+6){animation-delay:.18s}.legend li{animation:slideInLeft .3s ease both}.alert{animation:fadeInUp .3s ease both}.expense-form,.category-form{animation:fadeIn .35s ease both}.empty{animation:fadeIn .4s ease both}.badge__dot{transition:transform .2s ease}.badge:hover .badge__dot{transform:scale(1.4)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login__card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:.85rem;animation:fadeInUp .4s ease both}.login__brand{font-weight:700;font-size:1.35rem;text-align:center}.login__subtitle{text-align:center;margin:0 0 .25rem;font-size:.85rem}.login__submit{margin-top:.35rem}.segmented{display:inline-flex;padding:4px;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.segmented__btn{border:none;background:transparent;color:var(--muted);padding:.45rem 1rem;border-radius:7px;cursor:pointer;font-size:.9rem;transition:background .2s ease,color .2s ease}.segmented__btn--active{background:var(--primary);color:#fff;font-weight:600}.budget-list{display:grid;gap:.9rem}.budget-bar__head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;flex-wrap:wrap;font-size:.88rem;margin-bottom:.35rem}.budget-bar__name{display:inline-flex;align-items:center;gap:.35rem}.budget-bar__nums{color:var(--muted)}.budget-bar__over{color:var(--danger);font-weight:600}.budget-bar__track{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}.budget-bar__fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.2,.8,.2,1);background:var(--success)}.budget-bar--warn .budget-bar__fill{background:#f59e0b}.budget-bar--over .budget-bar__fill{background:var(--danger)}.recurring-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.recurring-list li{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.6rem 0;border-bottom:1px solid var(--border)}.recurring-list li:last-child{border-bottom:none}.recurring-list__item--off{opacity:.5}.recurring-list__day{color:var(--muted);font-size:.85rem}.recurring-list__amount{font-weight:700}.recurring-list__desc{color:var(--muted);font-size:.85rem;flex:1;min-width:120px}.recurring-list .row-actions{margin-left:auto}.tag{font-size:.75rem;padding:.15rem .5rem;border-radius:999px;border:1px solid var(--border);white-space:nowrap}.tag--income{background:#22c55e26;border-color:var(--success);color:#86efac}.tag--expense{background:#ef44441f;border-color:#7f1d1d;color:#fca5a5}.tag-recurring{margin-left:.4rem;opacity:.7;font-size:.85rem}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}