:root{--bg:#f5f7fb;--panel:#fff;--text:#172033;--muted:#7b8498;--line:#e7eaf0;--accent:#ec1763;--nav:#111827}*{box-sizing:border-box}body{margin:0;font:14px Inter,Arial,sans-serif;background:var(--bg);color:var(--text);display:flex;min-height:100vh}aside{width:230px;background:var(--nav);color:#c7ceda;padding:28px 18px;position:fixed;height:100vh}.brand{font-size:25px;color:white;margin:0 12px 35px}.brand span{font-size:10px;background:var(--accent);padding:4px 7px;border-radius:5px;margin-left:7px}nav{display:flex;flex-direction:column;gap:6px}nav a{padding:12px 14px;border-radius:9px;cursor:pointer}nav a:hover,nav .active{background:#202a3b;color:white}.user{position:absolute;bottom:25px;left:30px;display:flex;flex-direction:column;color:white}.user small{color:#8e99aa;margin-top:4px}main{margin-left:230px;padding:34px 42px;width:calc(100% - 230px);max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{font-size:28px;margin:0 0 6px}p{color:var(--muted);margin:0}.actions button{border:1px solid var(--line);background:var(--panel);padding:11px 14px;border-radius:9px;margin-left:8px}.actions .ai{background:var(--accent);color:white;border:0;font-weight:700}.cards,.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article,.grid article,.metrics article{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 2px 7px #16203308}label{font-size:10px;font-weight:800;color:#8992a5;letter-spacing:.08em}.cards strong{display:block;font-size:27px;margin:12px 0 4px}.cards em{display:block;font-style:normal;color:var(--accent);font-size:12px;margin-top:14px}.grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:16px 0}.grid article{min-height:290px}.title{display:flex;justify-content:space-between}.title b{font-size:12px;color:var(--accent)}h2{margin:6px 0 20px}.chart{height:170px;display:flex;align-items:flex-end;gap:14px;border-bottom:1px solid var(--line);padding:0 10px}.chart div{background:#cbd5e1;flex:1;border-radius:5px 5px 0 0}.chart .current{background:var(--accent)}.years{display:flex;justify-content:space-around;color:#9aa3b3;font-size:10px;margin-top:8px}.status{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.status span{color:#20a36a}.metrics h3{margin:12px 0 6px}.metrics b{color:#20a36a}footer{text-align:center;color:#9aa3b3;font-size:11px;padding:28px}footer span{color:#20a36a}body.dark{--bg:#0b1220;--panel:#111b2d;--text:#eef2f8;--muted:#8f9bad;--line:#263247;--nav:#070d18}
@media(max-width:900px){aside{width:75px}.brand span,nav a{font-size:0}.brand{font-size:14px;margin-left:0}.user{display:none}main{margin-left:75px;width:calc(100% - 75px);padding:22px}.cards,.metrics{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}