*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#0b1020;color:#e6ecff}.shell{display:flex;min-height:100vh}.sidebar{width:240px;background:#0f172a;padding:24px;border-right:1px solid #1f2a44}.sidebar .brand{font-weight:700;font-size:22px;margin-bottom:24px}.sidebar nav a{display:block;color:#b7c3e0;text-decoration:none;padding:10px 0}.content{flex:1;padding:24px}.topbar h1{margin:0 0 6px}.topbar p{margin:0;color:#8ea0c6}.grid{display:grid;gap:16px;margin:16px 0}.grid.kpis{grid-template-columns:repeat(4,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:#121a2f;border:1px solid #1e2b49;border-radius:14px;padding:16px;box-shadow:0 8px 30px rgba(0,0,0,.18)}.card strong{display:block;font-size:28px;margin-top:10px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #20304d;text-align:left;font-size:14px}a{color:#86b4ff}.heatmap-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.heat-item{padding:12px;border-radius:10px;text-align:center}.heat-item.up{background:rgba(28,167,90,.22)}.heat-item.down{background:rgba(197,56,56,.22)}.link-card{text-decoration:none;color:inherit}.link-card:hover{border-color:#3b82f6}@media(max-width:1100px){.grid.kpis,.grid.two,.heatmap-grid{grid-template-columns:1fr}}