:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0c1413;color:#edf3ef}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#1c3530 0%,#0c1413 48%);min-height:100vh}.shell{max-width:1200px;margin:auto;padding:24px 26px 38px}.masthead{display:flex;align-items:center;gap:17px;padding:14px 0 26px;border-bottom:1px solid #30413b}.brand-mark{display:grid;place-items:center;border:1px solid #557c66;border-radius:14px;width:58px;height:58px;color:#b7d69e;font-size:34px;background:#1a2d26}.brand{flex:1}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800;color:#99b89c}.brand h1{font-size:clamp(19px,3vw,29px);letter-spacing:.12em;margin:5px 0}.brand p{margin:0;color:#9caea5;font-size:13px}.status{border:1px solid #5b6d61;border-radius:30px;padding:9px 13px;font-size:12px;color:#c3cfc6;white-space:nowrap}.status.online{color:#b9e3aa;border-color:#477456;background:#193527}.status.offline{color:#f0b8a8;border-color:#7e4b46}.intro{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:36px 0 27px}.intro h2{font-size:clamp(29px,5vw,44px);margin:8px 0}.intro p{color:#a9b9af;margin:0;line-height:1.5}.clock{text-align:right;white-space:nowrap}.clock strong{display:block;font-size:25px;margin-top:7px;font-variant-numeric:tabular-nums}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 14px}.section-heading h3{font-size:16px;margin:0;letter-spacing:.03em}.section-heading>span{font-size:12px;color:#879c8e}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric,.network,.module{background:#16231f;border:1px solid #304239;border-radius:12px}.metric{padding:21px 19px;min-height:155px}.metric>span{font-size:10px;letter-spacing:.13em;color:#a4b9a8;font-weight:800}.metric strong{display:block;font-size:31px;line-height:1.3;margin:12px 0 6px;font-variant-numeric:tabular-nums}.metric small,.network small{color:#9aafa2;font-size:12px}.track{height:5px;background:#31443a;border-radius:5px;margin-top:15px;overflow:hidden}.track div{width:0;height:100%;background:#a8d293;transition:width .3s}.network{margin-top:27px;padding:0 20px 20px}.network .section-heading{margin:20px 0}.network-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.network-grid>div{background:#101b17;border-radius:9px;padding:19px}.network strong{display:block;font-size:22px;margin:10px 0 6px;font-variant-numeric:tabular-nums}.modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.module{padding:21px;min-height:193px;display:flex;flex-direction:column}.icon{font-size:27px;color:#b9d69e}.module h4{margin:13px 0 7px;font-size:16px}.module p{color:#a6b6ac;font-size:13px;line-height:1.5;margin:0 0 15px}.planned{font-size:10px;letter-spacing:.13em;font-weight:800;color:#93ab99;margin-top:auto}footer{border-top:1px solid #30413b;display:flex;justify-content:space-between;gap:12px;margin-top:36px;padding-top:20px;color:#849a8b;font-size:10px;letter-spacing:.12em}@media(max-width:850px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.modules{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.shell{padding:15px}.masthead{gap:10px}.brand-mark{width:43px;height:43px;font-size:26px}.brand p{font-size:11px}.status{padding:7px;font-size:10px}.intro{align-items:start;flex-direction:column;padding-top:27px}.clock{text-align:left}.metrics,.modules,.network-grid{grid-template-columns:1fr}.metric{min-height:135px}.module{min-height:170px}footer{flex-direction:column}}

.management{margin-top:27px}.management-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:13px}.management-panel{background:#16231f;border:1px solid #304239;border-radius:12px;padding:21px}.service-list{margin-top:12px}.service-row,.management-stat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #304239;font-size:13px}.service-row strong,.management-stat strong{font-size:12px;text-align:right}.service-ok{color:#b9e3aa}.service-warning{color:#f0b8a8}.management-panel small{display:block;color:#9aafa2;font-size:11px;line-height:1.5;margin-top:14px}@media(max-width:540px){.management-grid{grid-template-columns:1fr}}
