*{box-sizing:border-box}body{color:#132033;background:#f4f6f8;margin:0;font-family:Inter,Arial,sans-serif}main{min-height:100vh;display:flex}aside{color:#fff;background:#081d35;width:240px;padding:28px 20px;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:1px;font-size:22px}.brand b{color:#d5ae52}.muted{color:#91a0b1;margin:6px 0 30px;font-size:12px}.nav{color:#b8c3cf;border-radius:8px;margin:5px 0;padding:12px 14px;font-size:14px}.nav.active,.nav:hover{color:#fff;background:#173652}.secure{color:#d7e0e8;font-size:13px;position:absolute;bottom:25px}.secure small{color:#8fa0b2}.content{width:100%;max-width:1500px;margin-left:240px;padding:34px}header{justify-content:space-between;align-items:center;display:flex}h1{margin:0;font-size:28px}header p{color:#6d7785;margin-top:7px}select,input{background:#fff;border:1px solid #d9dee5;border-radius:8px;width:100%;padding:11px}header select{width:150px}.cards{grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0;display:grid}.card,.panel{background:#fff;border:1px solid #e4e8ed;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0b203408}.card span,.card small{color:#75808d;display:block}.card b{margin:10px 0;font-size:25px;display:block}.grid{grid-template-columns:1.5fr .8fr;gap:18px;display:grid}.panel h2{margin-top:0}.hero{background:#f7f8fa;border-radius:10px;padding:18px}.hero strong{margin:7px 0;font-size:32px;display:block}.bar{background:#e4e8eb;border-radius:5px;height:8px}.bar i{background:#c9a44b;border-radius:5px;height:100%;display:block}.row{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;padding:14px 3px;display:flex}.row small{color:#818b96;margin-top:4px;display:block}.income{color:#16835f}.expense{color:#ba3e45}label{margin:13px 0;font-size:13px;font-weight:600;display:block}label input,label select{margin-top:6px}.two{grid-template-columns:1fr 1fr;gap:10px;display:grid}button{color:#142033;cursor:pointer;background:#caa64f;border:0;border-radius:8px;width:100%;padding:13px;font-weight:800}hr{border:0;border-top:1px solid #e7e9ec;margin:22px 0}.upload{text-align:center;color:#66717e;border:1px dashed #bdc6d0;border-radius:10px;padding:22px}.upload small{color:#9099a3}@media (max-width:900px){aside{display:none}.content{margin:0;padding:20px}.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}@media (max-width:520px){.cards{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start;gap:10px}}