:root{--navy:#111a2e;--mint:#a9dfc4;--ink:#172238;--muted:#8995a8;--line:#e8edf2;--bg:#f5f7fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px Inter,system-ui,Segoe UI,sans-serif;color:var(--ink)}button,input,select{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:218px;background:var(--navy);color:#eaf0fb;padding:25px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin:0 8px 48px}.logo{background:var(--mint);color:#122039;border-radius:12px;width:38px;height:38px;display:grid;place-items:center;font-size:18px}.brand strong{font-size:17px}.brand strong span{color:var(--mint)}.brand small{display:block;color:#93a4c2;font-size:8px;letter-spacing:2px;margin-top:5px}.label{font-size:9px;letter-spacing:2px;color:#8091b0;margin:0 10px 13px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{border:0;background:transparent;color:#aebbd1;text-align:left;padding:14px 12px;border-radius:10px;cursor:pointer;font-weight:600}.sidebar nav button span{margin-left:12px}.sidebar nav button.active,.sidebar nav button:hover{background:#293650;color:white;box-shadow:inset 3px 0 var(--mint)}.foot{margin-top:auto;border-top:1px solid #33405a;padding:20px 5px 4px;display:flex;gap:9px;align-items:center;font-size:11px}.foot i{width:9px;height:9px;background:var(--mint);border-radius:50%}.foot small{display:block;color:#91a1bb;font-size:9px;margin-top:5px}main{margin-left:218px;padding:28px 36px 30px;max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}header small{font-size:9px;letter-spacing:2px;color:#8b98ad;font-weight:700}h1{font-size:25px;margin:5px 0 0}.right{display:flex;align-items:center;gap:12px;color:#8793a8;font-size:11px}.right button,.import,.avatar{width:36px;height:36px;border-radius:50%;background:white;color:#56647b;display:grid;place-items:center;border:0;font-weight:700;cursor:pointer}.import{font-size:18px}.avatar{background:#e2f3eb;color:#438b70}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:10px 0 20px}.toolbar p{font-size:11px;color:#98a3b4;margin:5px 0}.primary{background:var(--mint);color:#102139;border:0;border-radius:9px;padding:12px 17px;font-weight:750;cursor:pointer}.primary:hover{filter:brightness(.96)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:15px 0}.card,.panel{background:white;border-radius:14px;padding:21px;box-shadow:0 5px 20px #18253b08}.stat.dark{background:#1a253d;color:white}.stat label{font-size:11px;color:#8793a8}.stat.dark label{color:#b8c5dc}.amount{font-size:25px;font-weight:800;margin:15px 0 6px}.hint,.sub{font-size:10px;color:#9aa5b6}.stat.dark .hint{color:#b6c5d8}.two{display:grid;grid-template-columns:1.3fr .8fr;gap:16px}.panel h3{font-size:14px;margin:0 0 5px}.empty{padding:48px 10px;text-align:center;color:#9aa5b6;font-size:12px}table{width:100%;border-collapse:collapse;margin-top:15px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);font-size:12px}th{color:#98a3b4;font-size:9px;letter-spacing:1px}td:last-child,th:last-child{text-align:right}.positive{color:#4c9a78}.negative{color:#d47777}.progress{height:7px;background:#edf1f5;border-radius:10px;overflow:hidden;margin:12px 0}.progress span{display:block;height:100%;background:#9bd9ba}.action{border:0;background:#f1f4f7;border-radius:6px;padding:6px 9px;cursor:pointer;color:#5b687c}.overlay{position:fixed;inset:0;background:#10182788;display:grid;place-items:center;padding:18px;z-index:10}.hidden{display:none!important}.modal{width:min(500px,100%);background:white;border-radius:16px;padding:27px;position:relative;max-height:90vh;overflow:auto}.modal h2{margin:0 0 20px}.x{position:absolute;right:16px;top:12px;border:0;background:none;font-size:24px;cursor:pointer;color:#8b96a8}.field{display:grid;gap:7px;margin:13px 0}.field label{font-size:11px;color:#65728a;font-weight:650}.field input,.field select{width:100%;padding:12px;border:1px solid #dfe5ed;border-radius:8px;outline:none}.field input:focus,.field select:focus{border-color:#80c9a8}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}footer{font-size:10px;color:#9aa5b6;text-align:center;padding:28px 0 5px}#toast{position:fixed;bottom:20px;right:20px;background:#17243a;color:white;padding:12px 17px;border-radius:9px;opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1}@media(max-width:900px){.sidebar{width:72px;padding:20px 9px}.brand{margin:0 8px 35px}.brand>div,.label,.sidebar nav button span,.foot div{display:none}.sidebar nav button{text-align:center}.foot{justify-content:center}main{margin-left:72px;padding:22px 18px}.cards{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}}@media(max-width:520px){main{padding:18px 12px}.cards{gap:8px}.card,.panel{padding:14px}.amount{font-size:20px}header{align-items:flex-start}.right{gap:6px}#date{display:none}th,td{padding:9px 5px;font-size:10px}.toolbar{gap:10px}.toolbar .primary{padding:10px;font-size:11px}}