*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#07111f;color:#eef5ff;font-family:Inter,Arial,sans-serif}.shell,body{min-height:100vh}.shell{display:grid;grid-template-columns:230px 1fr}aside{background:#09182b;border-right:1px solid #18304f;padding:26px 18px}.brand{font-weight:800;font-size:22px;letter-spacing:.08em;color:#eef5ff}.brand span{display:block;font-weight:600;font-size:13px;letter-spacing:.2em;margin-top:5px;color:#5ca9ff}nav{display:grid;grid-gap:7px;gap:7px;margin-top:34px}nav a{padding:11px 12px;border-radius:10px;color:#a9bbd2;text-decoration:none;font-size:14px}.active,nav a:hover{background:#102641;color:#fff}.main{padding:34px;max-width:1500px;width:100%}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}h1{font-size:34px;margin:5px 0 8px}h2{margin:0 0 16px}p{color:#94a8c0;line-height:1.55}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#6eb4ff}.pill{border:1px solid #2b4f78;border-radius:999px;padding:8px 12px;color:#bcd9f7;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin:28px 0}.card,.metrics article{background:#0d1d31;border:1px solid #1a3556;border-radius:16px;padding:20px}.metrics small{display:block;color:#86a4c5}.metrics strong{display:block;font-size:25px;margin-top:8px;color:#fff}.metrics em{display:block;margin-top:6px;color:#69b1ff;font-size:12px;font-style:normal}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.signal{padding:12px 14px;border-radius:10px;background:#0d223b;margin-top:9px}.signal.warning{border-left:3px solid #d3a93f}.signal.critical{border-left:3px solid #c45663}.signal.ok{border-left:3px solid #4ca87a}.rows{display:grid;grid-gap:11px;gap:11px}.rows span{padding-bottom:10px;border-bottom:1px solid #1c3553}.ai,.rows span{display:flex;justify-content:space-between}.ai{margin-top:14px;align-items:center;gap:24px}.button{display:inline-block;white-space:nowrap;padding:11px 15px;border-radius:10px;background:#3f8cff;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 0 0 1px rgba(92,169,255,.08)}.button:hover{background:#5ca9ff}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid #18304f}nav{grid-template-columns:repeat(2,1fr)}.main{padding:22px}.metrics{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.ai{display:block}.button{margin-top:12px}}@media(max-width:560px){.metrics{grid-template-columns:1fr}header{display:block}.pill{display:inline-block;margin-top:8px}}