:root{color:#ecf7ef;background:#08110c;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}aside{background:#0d281a;padding:26px 18px}.brand{align-items:center;gap:10px;font-size:25px;font-weight:800;display:flex}.brand i{color:#123522;background:#75e7a7;border-radius:11px;place-items:center;width:36px;height:36px;font-style:normal;display:grid}nav{gap:7px;margin-top:35px;display:grid}button{font:inherit;cursor:pointer}nav button{color:#b9cebf;text-align:left;background:0 0;border:0;border-radius:10px;padding:12px}nav .active{color:#fff;background:#ffffff17;font-weight:700}main{width:100%;max-width:1180px;margin:auto;padding:30px}header,.panel-head,.dialog-head,.actions{justify-content:space-between;align-items:center;gap:18px;display:flex}h1,h2,p{margin:0}h1{font-size:29px}header p,.panel-head span{color:#96a79b;margin-top:5px}.primary{color:#062d1b;background:#49cb88;border:0;border-radius:11px;padding:11px 16px;font-weight:800}.alert{color:#ffc6c2;background:#4a2222;border-radius:10px;margin-top:18px;padding:12px}.metrics{grid-template-columns:repeat(3,1fr);gap:15px;margin:26px 0;display:grid}.metrics article,.panel{background:#111d16;border:1px solid #24352b;border-radius:15px}.metrics article{padding:19px}.metrics small{color:#a5b5aa;display:block}.metrics strong{margin-top:8px;font-size:25px;display:block}.income{color:#49cb88}.expense{color:#ef7772}.panel{padding:20px}.panel h2{font-size:17px}.empty{text-align:center;color:#96a79b;padding:55px}.tx{border-top:1px solid #233229;grid-template-columns:12px 1fr auto;align-items:center;gap:13px;padding:15px 0;display:grid}.tx:first-of-type{margin-top:17px}.tx>i{border-radius:7px;width:10px;height:36px}.tx b,.tx span{display:block}.tx span{color:#96a79b;margin-top:4px;font-size:12px}.overlay{background:#000a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#111d16;border:1px solid #2d4034;border-radius:18px;gap:15px;width:min(440px,100%);padding:24px;display:grid}.dialog-head button{color:#fff;background:0 0;border:0;font-size:28px}.dialog label{color:#b9c9be;gap:7px;font-size:13px;display:grid}.dialog input,.dialog select{color:#fff;font:inherit;background:#0a130e;border:1px solid #34473b;border-radius:9px;padding:12px}.actions{justify-content:flex-end}.actions>button:not(.primary){color:#b9c9be;background:0 0;border:0}@media (max-width:700px){.shell{grid-template-columns:1fr}aside{padding:15px}.brand{margin-bottom:14px}nav{grid-template-columns:repeat(4,1fr);margin:0}nav button{text-align:center;padding:9px 3px;font-size:11px}main{padding:20px 15px}.metrics{grid-template-columns:1fr}h1{font-size:23px}}