*{box-sizing:border-box}html,body{color:#f5f7fa;background:#07090d;min-height:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:#0b0e13;border-right:1px solid #1d222b;flex-direction:column;padding:28px 20px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:38px;display:flex}.brandIcon{background:linear-gradient(135deg,#6b5cff,#3d8bff);border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.brand strong{font-size:15px;display:block}.brand span{color:#6f7886;text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:10px;display:block}nav{gap:8px;display:grid}nav a{color:#8d96a5;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}nav a:hover,nav a.active{color:#fff;background:#151922}.sidebarFooter{color:#626b78;margin-top:auto;font-size:11px;line-height:1.6}.sidebarFooter span{display:block}.content{width:100%;max-width:1600px;margin:0 auto;padding:38px 42px}header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:36px;display:flex}h1{letter-spacing:-.04em;margin:7px 0 9px;font-size:34px}h2{margin:5px 0 0;font-size:18px}h3{margin:20px 0 7px}.subtitle{color:#818b99;margin:0;font-size:14px}.eyebrow{color:#6f7a8a;letter-spacing:.14em;margin:0;font-size:10px;font-weight:700}.statusBadge{border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;display:flex}.statusBadge.online{color:#67d997;background:#3fc07a1a;border:1px solid #3fc07a33}.statusBadge.offline{color:#ff7979;background:#ff505014;border:1px solid #ff505033}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px;display:grid}.metrics article,.panel,.pipeline{background:#0e1218;border:1px solid #1d222b;border-radius:14px}.metrics article{padding:22px}.metrics span{color:#818b99;font-size:12px;display:block}.metrics strong{margin:14px 0 6px;font-size:30px;display:block}.metrics small{color:#535c69;font-size:11px}.grid{grid-template-columns:1.7fr 1fr;gap:14px;display:grid}.panel{min-height:340px;padding:24px}.panelHeader{color:#7f8998;justify-content:space-between;display:flex}.empty{color:#697381;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:245px;display:flex}.empty p{max-width:430px;font-size:13px;line-height:1.6}.pulse{color:#7567ff;background:#7567ff14;border:1px solid #7567ff2e;border-radius:50%;place-items:center;width:68px;height:68px;display:grid}.healthList{margin-top:26px}.healthItem{border-bottom:1px solid #191e26;justify-content:space-between;align-items:center;padding:17px 0;font-size:12px;display:flex}.healthItem>div{align-items:center;gap:9px;display:flex}.dot{border-radius:50%;width:7px;height:7px}.dot.green{background:#4ed487}.dot.red{background:#f66}.healthOk{color:#50cf84}.healthError{color:#ff6868}.pipeline{margin-top:14px;padding:22px 24px}.pipelineFlow{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.pipelineFlow span{color:#a2aab7;background:#121720;border:1px solid #252b36;border-radius:8px;padding:9px 14px;font-size:12px}.pipelineFlow b{color:#3e4653}@media (max-width:1000px){.shell{grid-template-columns:1fr}.sidebar{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.content{padding:25px}}