:root{color:#17202a;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}main{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#0c1f2e;padding:24px 18px}.brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.brand-mark{color:#07121c;background:#2fb47c;border-radius:8px;place-items:center;width:44px;height:44px;font-size:22px;font-weight:800;display:grid}.brand h1{margin:0;font-size:21px}.brand p{color:#b6c5d1;margin:2px 0 0;font-size:13px}nav{gap:8px;display:grid}nav a{color:#dce8f2;border-radius:8px;align-items:center;gap:10px;padding:11px 12px;text-decoration:none;display:flex}nav a:hover{background:#163247}.content{align-content:start;gap:22px;padding:28px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:#35745d;margin:0 0 4px;font-size:13px;font-weight:700}h2,h3{margin:0}h2{color:#122233;font-size:28px}h3{font-size:20px}.icon-button,.primary,.danger{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;display:inline-flex}.icon-button{color:#17202a;background:#fff;border:1px solid #d9e2ea;padding:0 14px}.primary{color:#fff;background:#207a59;padding:0 16px;font-weight:700}.danger{color:#b42318;background:#fff1f1;padding:0 14px}.alert{color:#b42318;background:#fff1f1;border:1px solid #ffd1d1;border-radius:8px;padding:12px 14px}.metrics-grid{grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px;display:grid}.metric-card,.section-block{background:#fff;border:1px solid #dce5ee;border-radius:8px;box-shadow:0 8px 22px #1a2c3d0d}.metric-card{gap:8px;padding:18px;display:grid}.metric-card svg{color:#207a59}.metric-card span{color:#5d6f7f;font-size:13px}.metric-card strong{font-size:30px}.section-block{padding:20px}.section-heading{margin-bottom:16px}.section-heading p{color:#667789;margin:4px 0 0;font-size:14px}.service-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;display:grid}.service-card{color:#17202a;border:1px solid #dde7f0;border-radius:8px;gap:6px;padding:14px;text-decoration:none;display:grid}.service-card:hover{border-color:#207a59}.service-card span{font-weight:800}.service-card small{color:#667789;overflow-wrap:anywhere}.node-layout,.form-layout{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:18px;display:grid}.node-list{gap:10px;display:grid}.node-row{text-align:left;cursor:pointer;background:#fff;border:1px solid #dde7f0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:64px;padding:12px;display:flex}.node-row.active,.node-row:hover{background:#f5fbf8;border-color:#207a59}.node-row span{gap:3px;display:grid}.node-row small{color:#667789}.status{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;min-width:76px;height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.status.online{color:#146c43;background:#e7f8ee}.status.offline{color:#b42318;background:#fff1f1}.status.unknown{color:#536170;background:#eef3f7}.details{gap:12px;display:grid}.details div{border-bottom:1px solid #edf2f6;justify-content:space-between;gap:16px;padding-bottom:10px;display:flex}.details span{color:#667789}.details p{color:#334456;margin:4px 0;line-height:1.55}form{gap:13px;display:grid}label{color:#314255;gap:6px;font-size:14px;font-weight:700;display:grid}input,textarea{color:#17202a;background:#fbfdff;border:1px solid #d7e1ea;border-radius:8px;width:100%;padding:11px 12px}textarea{resize:vertical}.checklist ol{color:#314255;margin:0;padding-left:22px;line-height:1.8}.muted{color:#667789}@media (width<=960px){main{grid-template-columns:1fr}.sidebar{position:static}.metrics-grid,.service-grid,.node-layout,.form-layout{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}.login-shell{background:#0c1f2e;grid-template-columns:1fr;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border:1px solid #dce5ee;border-radius:8px;width:min(440px,100%);padding:28px;box-shadow:0 24px 80px #030c1647}.login-brand{color:#17202a;margin-bottom:26px}.login-brand p{color:#667789}.login-form{gap:16px;display:grid}.topbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.user-chip{color:#314255;background:#fff;border:1px solid #d9e2ea;border-radius:8px;align-items:center;height:40px;padding:0 12px;font-weight:700;display:inline-flex}