*{box-sizing:border-box}body{margin:0;background:#0B1120;color:#F8FAFC;font:14px Inter,system-ui,Arial;display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#111827;border-right:1px solid #263449;padding:28px 18px}aside h2{font-size:18px;margin:0 0 32px}aside h2 span{color:#22D3EE}nav{display:grid;gap:8px}nav a{padding:12px 14px;border-radius:10px;color:#94A3B8}nav a.active{background:#1E293B;color:#F8FAFC;border:1px solid #263449}main{padding:30px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}header small,.panel small{color:#22D3EE;letter-spacing:.12em}h1{margin:6px 0 0;font-size:28px}.pill{background:#163421;color:#22C55E;border:1px solid #236236;padding:9px 13px;border-radius:999px}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.grid article,.panel{background:#172033;border:1px solid #263449;border-radius:14px}.grid article{padding:18px}.grid label{display:block;color:#94A3B8;font-size:11px}.grid strong{display:block;font-size:24px;margin-top:10px}.panel{margin-top:20px;min-height:390px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #263449}.panel h2{margin:4px 0}.panel button{background:#3B82F6;color:white;border:0;border-radius:10px;padding:11px 15px;font-weight:700}.empty{height:290px;display:grid;place-content:center;text-align:center;color:#94A3B8;font-size:18px}.empty span{font-size:13px}@media(max-width:1200px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){body{grid-template-columns:1fr}aside{display:none}main{padding:16px}.grid{grid-template-columns:repeat(2,1fr)}}