*{box-sizing:border-box}html{color-scheme:dark}:root{--bg:#090b10;--panel:#11151d;--panel2:#171c26;--line:#262d39;--text:#f7f8fb;--muted:#8f98a8;--violet:#8b5cf6;--violet2:#6d28d9;--green:#34d399;--red:#fb7185}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#0d1016;border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 20px}.brand small{display:block;color:var(--muted);margin-top:2px}.logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--violet),var(--violet2));display:grid;place-items:center;font-weight:900}.sidebar nav{display:grid;gap:7px}.sidebar nav a{color:#c7ceda;text-decoration:none;padding:12px 13px;border-radius:11px;font-weight:650}.sidebar nav a:hover,.sidebar nav a.active{background:var(--panel2);color:#fff}.sidebar-foot{margin-top:auto;padding:14px 8px 0;border-top:1px solid var(--line);display:grid;gap:8px}.sidebar-foot span{font-size:14px}.sidebar-foot a{font-size:13px;color:var(--muted);text-decoration:none}.main{margin-left:245px;padding:28px;max-width:1500px}.topbar{display:flex;align-items:center;gap:14px;margin-bottom:22px}.topbar h1{margin:0;font-size:27px}.topbar p{margin:4px 0 0;color:var(--muted);font-size:13px}.menu-btn{display:none;background:var(--panel);border:1px solid var(--line);color:#fff;width:42px;height:42px;border-radius:11px;font-size:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card,.panel,.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.18)}.card{padding:18px}.card span{font-size:13px;color:var(--muted)}.card strong{display:block;font-size:24px;margin:7px 0 2px}.card small{color:var(--muted)}.panel{padding:20px;margin-top:16px}.panel h2{margin:0 0 14px;font-size:18px}.panel.narrow{max-width:650px}.green{color:var(--green)!important}.red{color:var(--red)!important}.muted{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.form-grid label,.stack label{display:grid;gap:7px;font-size:13px;color:var(--muted)}.span2{grid-column:span 2}.stack{display:grid;gap:13px}input,select{width:100%;background:#0b0e14;color:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;outline:none}input:focus,select:focus{border-color:var(--violet)}.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:10px;background:var(--violet);color:#fff;padding:11px 15px;font-weight:750;text-decoration:none;cursor:pointer}.btn:hover{background:#7c3aed}.btn.secondary{background:transparent;border:1px solid var(--line)}.btn.small{padding:7px 10px;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.pill{padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.pill.income{background:#063f32;color:#6ee7b7}.pill.expense{background:#4a1721;color:#fda4af}.icon-danger{background:transparent;border:1px solid #56202c;color:var(--red);border-radius:8px;width:30px;height:30px;cursor:pointer}.bars{display:grid;gap:9px}.bar-row{display:grid;grid-template-columns:75px 1fr 130px;gap:10px;align-items:center}.bar-row span,.bar-row b{font-size:12px}.bar-row b{text-align:right}.bar-track{height:8px;background:#202633;border-radius:99px;overflow:hidden}.bar-track i{display:block;height:100%;background:var(--green);border-radius:99px}.bar-row.expense .bar-track i{background:var(--red)}.notice{padding:12px 14px;border-radius:11px;margin:12px 0;font-size:14px}.notice.success{background:#073a30;color:#86efac}.notice.error{background:#40151e;color:#fecdd3}.notice.warn{background:#30260d;color:#fde68a}.centered{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(430px,100%);padding:26px}.auth-card.wide{width:min(560px,100%)}.auth-card h1{margin:12px 0 4px}.overlay{display:none}
@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-105%);transition:transform .2s ease}.sidebar.open{transform:translateX(0)}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:15}.overlay.open{display:block}.main{margin-left:0;padding:18px}.menu-btn{display:block}.metrics{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.span2{grid-column:span 1}.bar-row{grid-template-columns:58px 1fr 100px}.topbar h1{font-size:22px}}
@media(max-width:480px){.metrics{grid-template-columns:1fr}.main{padding:14px}.panel{padding:15px}}