:root{--nav:#071d3d;--nav2:#0b2b55;--blue:#2563d9;--text:#121a2a;--muted:#697386;--line:#e2e6ec;--bg:#f7f8fa;--green:#31a856;--red:#ff4f5e;--orange:#f59d19}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,Segoe UI,Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:linear-gradient(180deg,var(--nav),#08264b);color:white;overflow:auto}.logo{height:56px;border-bottom:1px solid #23405f;display:flex;align-items:center;padding:0 22px;color:white;text-decoration:none;font-size:16px}.sidebar nav{padding:15px}.sidebar nav a,.group{display:block;color:#f3f7fc;text-decoration:none;padding:10px 13px;border-radius:5px}.sidebar nav a.active{background:#2863c7}.sidebar nav a.sub{padding:8px 37px;font-size:13px}.group{display:flex;justify-content:space-between;font-weight:600;margin-top:3px}.app{margin-left:220px;min-height:100vh}.topbar{height:100px;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid var(--line)}.topbar h1{margin:0;font-size:22px}.topbar p{color:var(--muted);margin:8px 0 0}.top-actions{display:flex;gap:13px;align-items:center}.year{border:1px solid var(--line);padding:11px 15px;border-radius:5px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue);color:white;font-weight:bold}.logout{border:0;background:none;font-size:20px;cursor:pointer}.page{padding:22px 28px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpis article,.card{background:white;border:1px solid var(--line);border-radius:6px;box-shadow:0 2px 5px #1020400c}.kpis article{padding:18px;display:flex;gap:14px}.kpis small,.kpis strong,.kpis p{display:block}.kpis strong{font-size:18px;margin-top:8px}.kpis p{margin:8px 0 0;color:var(--muted);font-size:12px}.ico{width:48px;height:48px;border-radius:9px;display:grid;place-items:center;font-size:25px}.blue{background:#edf2ff;color:var(--blue)}.green{background:#edf8f0;color:var(--green)}.red{background:#fff0f2;color:var(--red)}.orange{background:#fff6e9;color:var(--orange)}.charts{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:14px;margin-top:16px}.card{padding:16px}.card h3{font-size:14px;margin:0 0 20px}.bars{height:165px;border-bottom:1px solid var(--line);display:flex;align-items:end;justify-content:space-around;background:repeating-linear-gradient(to bottom,#fff 0,#fff 40px,#edf0f4 41px)}.bars i{width:13px;background:linear-gradient(#4f85ed,#2865de);border-radius:2px 2px 0 0}.months{word-spacing:13px;color:var(--muted);font-size:10px;margin-top:8px;white-space:nowrap}.linechart{width:100%;height:165px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 40px,#edf0f4 41px)}.linechart polyline{fill:none;stroke:var(--green);stroke-width:3}.linechart .expense{stroke:var(--red)}.donut{width:135px;height:135px;border-radius:50%;background:conic-gradient(#3973ea 0 42%,#3eac62 42% 60%,#efa323 60% 72%,#8c6ee8 72% 82%,#9098a6 82%);position:relative;margin:20px auto}.donut:after{content:"";position:absolute;inset:35px;background:white;border-radius:50%}.donut-card ul{float:right;margin-top:-120px;line-height:25px}.bottom-grid{display:grid;grid-template-columns:1.15fr 1.15fr .9fr;gap:14px;margin-top:16px}.card h3 a{float:right;color:var(--blue);font-size:11px;text-decoration:none}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 5px;font-size:12px}th{color:var(--muted)}.empty{color:var(--muted);padding:30px 0}.bank{border-bottom:1px solid var(--line);padding:8px 0}.bank b{float:right;color:var(--green)}.tasks{margin-top:14px}.tasks label{display:block;border-bottom:1px solid var(--line);padding:8px 0}footer{padding:25px 28px;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}footer span{float:right}.auth-body{background:linear-gradient(135deg,#061a36,#113f75);min-height:100vh}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 520px;align-items:center;max-width:1100px;margin:auto;padding:35px}.auth-brand{color:white}.auth-brand h1{font-size:42px;margin:15px 0 5px}.auth-brand p{font-size:18px;color:#bcd0e8}.auth-logo{font-size:60px;color:#6da1ff}.auth-card{background:white;border-radius:12px;box-shadow:0 25px 70px #0005;padding:42px}.auth-card h1,.auth-card h2{margin-top:0}.auth-card input{width:100%;padding:12px;border:1px solid #cfd6df;border-radius:5px;margin:7px 0 14px}.auth-card button{width:100%;padding:12px;background:var(--blue);color:white;border:0;border-radius:5px;font-weight:bold}.auth-card a{color:var(--blue)}@media(max-width:1000px){.kpis{grid-template-columns:1fr 1fr}.charts,.bottom-grid{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr}.auth-brand{text-align:center}.sidebar{width:190px}.app{margin-left:190px}}@media(max-width:650px){.sidebar{position:static;width:auto}.app{margin:0}.topbar{height:auto;align-items:flex-start}.top-actions .year,.top-actions>span:not(.avatar){display:none}.kpis{grid-template-columns:1fr}.page{padding:15px}.auth-layout{padding:18px}.auth-card{padding:25px}}