:root{--bg:#091019;--panel:#101b27;--panel2:#142233;--line:#22354a;--text:#edf4fa;--muted:#8fa2b5;--green:#34d399;--orange:#fbbf24;--red:#fb7185;--gray:#64748b;--blue:#60a5fa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#132943 0,#091019 44rem);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}header,main{max-width:1440px;margin:auto;padding-left:28px;padding-right:28px}header{padding-top:32px;display:flex;align-items:center;justify-content:space-between}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-.05em}h1 span{color:var(--blue)}h2{font-size:17px}.eyebrow{color:var(--blue);font-weight:700;font-size:11px;letter-spacing:.13em;margin-bottom:5px}.live{color:var(--muted);display:flex;align-items:center;gap:8px}.live i{width:8px;height:8px;border-radius:9px;background:var(--green);box-shadow:0 0 14px var(--green)}main{padding-top:30px;padding-bottom:50px}.summary{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.summary article,.machine-card,.alerts,dialog{background:linear-gradient(150deg,rgba(20,34,51,.96),rgba(12,24,37,.96));border:1px solid var(--line);border-radius:15px}.summary article{padding:16px}.summary span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.summary b{font-size:24px;display:block;margin-top:5px}.summary .red{color:var(--red)}.summary .green{color:var(--green)}.alerts{margin-top:20px;padding:16px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:27px 0 12px}.alerts .section-title{margin:0 0 12px}.section-title span{color:var(--muted);font-size:12px}.alert{display:flex;gap:10px;padding:9px 0;border-top:1px solid var(--line);color:#cbd5e1}.alert:first-child{border:0}.badge{font-size:10px;font-weight:800;letter-spacing:.08em;padding:3px 7px;border-radius:5px;height:max-content}.warning{background:#4a3510;color:var(--orange)}.critical{background:#4a1824;color:var(--red)}.empty{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px}.machine-card{padding:17px;cursor:pointer;transition:transform .15s,border-color .15s}.machine-card:hover{transform:translateY(-2px);border-color:#395a79}.card-head{display:flex;justify-content:space-between;gap:12px}.role,.host{color:var(--muted);font-size:12px}.role{font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.host{margin-top:3px}.status{font-size:10px;font-weight:800;letter-spacing:.08em;padding:5px 8px;border-radius:5px;height:max-content}.ONLINE{color:var(--green);background:#10372e}.DEGRADED{color:var(--orange);background:#493716}.OFFLINE{color:#b4c1cd;background:#273545}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 12px}.metric-row span{display:block;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.07em}.metric-row b{font-size:16px}.bar{height:5px;background:#213448;border-radius:6px;overflow:hidden}.bar i{display:block;height:100%;background:var(--green);border-radius:6px}footer{margin-top:13px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}dialog{color:var(--text);width:min(840px,calc(100vw - 28px));padding:28px;max-height:88vh}dialog::backdrop{background:#02070ccc}.close{position:absolute;right:13px;top:9px;border:0;background:transparent;color:var(--muted);font-size:27px;cursor:pointer}.detail-header{padding-right:30px}.detail-header p{color:var(--muted);margin-top:3px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.detail-grid div,.list{background:#0b1622;border:1px solid var(--line);border-radius:10px;padding:12px}.detail-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase}.detail-grid b{font-size:18px}.detail-section{margin-top:15px}.detail-section h3{font-size:13px;margin-bottom:7px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:4px 8px;border-radius:5px;background:#1b3148;color:#b8d7f2;font-size:12px}@media(max-width:850px){.summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:550px){header{padding-top:20px;align-items:flex-start;gap:15px;flex-direction:column}header,main{padding-left:16px;padding-right:16px}.summary{grid-template-columns:repeat(2,1fr)}.summary article:last-child{display:none}.detail-grid{grid-template-columns:repeat(2,1fr)}}
:root{--health-placeholder:1}.health{margin-top:16px;padding:15px;background:linear-gradient(150deg,rgba(20,34,51,.96),rgba(12,24,37,.96));border:1px solid var(--line);border-radius:15px}.health h2{font-size:13px;margin-bottom:10px}.health-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.health-grid div{border-left:2px solid #274867;padding-left:10px}.health-grid span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.health-grid b{font-size:14px}@media(max-width:850px){.health-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:550px){.health-grid{grid-template-columns:repeat(2,1fr)}}
:root{--network-placeholder:1}.net-compact{margin-top:13px;padding:8px 9px;border-radius:7px;background:#0b1622;color:#b9c9d7;font:11px ui-monospace,SFMono-Regular,monospace}.net-compact .net-line{display:flex;justify-content:space-between}.net-compact .netbar{height:3px;border-radius:3px;background:#20364d;margin-top:7px}.net-compact .netbar i{display:block;height:100%;border-radius:3px;background:var(--green)}.net-compact .netbar.warning i{background:var(--orange)}.net-compact .netbar.critical i{background:var(--red)}