:root{color:#eff5ff;background:#07101e;font-family:system-ui}.app{grid-template-columns:220px 1fr;min-height:100vh;display:grid}aside{background:#0b1628;border-right:1px solid #29405e;padding:22px}.brand{letter-spacing:4px;margin-bottom:25px;font-weight:900}.brand small{color:#9575ff;display:block}button{text-align:left;color:#dbe8fa;background:0 0;border:0;border-radius:8px;width:100%;padding:10px;display:block}.active{background:linear-gradient(90deg,#3678f6,#8757ed)}header{border-bottom:1px solid #29405e;justify-content:space-between;align-items:center;height:70px;padding:0 28px;display:flex}input{color:#fff;background:#111d31;border:1px solid #29405e;border-radius:8px;width:380px;padding:11px}.kpis,.grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.grid{grid-template-columns:1.4fr 1fr;margin-top:14px}article{background:#121f35;border:1px solid #29405e;border-radius:14px;padding:18px}article b{margin:8px 0;font-size:28px;display:block}small,p{color:#aab9d0}em{color:#4dd28c}.chart{min-height:250px}@media (width<=800px){.app{grid-template-columns:1fr}aside{display:none}.kpis{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}aside a{color:#dbe8fa;border-radius:8px;margin:4px 0;padding:11px 12px;text-decoration:none;display:block}aside a.active{background:linear-gradient(90deg,#3678f6,#8757ed);box-shadow:0 7px 16px #315bd955}aside a:hover{background:#17273d}main{min-width:0}section{padding:28px}