:root{--night:#031426;--deep:#06263a;--cyan:#22d3ee;--blue:#38bdf8;--warm:#fb923c}html{background:var(--night)}body{position:relative;isolation:isolate;background:linear-gradient(145deg,#031426 0%,#06283b 48%,#07354a 100%);background-attachment:fixed}body::before{content:"";position:fixed;z-index:-2;inset:0;pointer-events:none;background:radial-gradient(ellipse 58% 44% at 88% 5%,rgba(34,211,238,.19),transparent 70%),radial-gradient(ellipse 42% 38% at 3% 78%,rgba(14,116,144,.25),transparent 72%),radial-gradient(ellipse 35% 28% at 76% 68%,rgba(249,115,22,.07),transparent 72%)}body::after{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.17;background-image:linear-gradient(rgba(125,211,252,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.11) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 78%)}header{position:relative;margin-top:14px;border:1px solid rgba(148,163,184,.15);border-radius:20px;background:linear-gradient(110deg,rgba(3,20,38,.78),rgba(8,47,73,.55));box-shadow:0 16px 55px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(14px)}main{position:relative}.intro{position:relative}.intro::after{content:"";position:absolute;width:170px;height:4px;left:0;bottom:14px;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--warm),transparent);box-shadow:0 0 24px rgba(34,211,238,.38)}.metric,.alert,.thresholds article{background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border-color:rgba(148,163,184,.22);box-shadow:0 20px 55px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.055);backdrop-filter:blur(13px)}.metric{position:relative;overflow:hidden}.metric::after{content:"";position:absolute;inset:auto -25% -60% 30%;height:120px;background:radial-gradient(ellipse,rgba(56,189,248,.12),transparent 70%);pointer-events:none}.metric.temp::after{background:radial-gradient(ellipse,rgba(251,146,60,.16),transparent 70%)}.panel{border:1px solid rgba(255,255,255,.72);box-shadow:0 28px 80px rgba(0,0,0,.24),0 2px 0 rgba(255,255,255,.35) inset}.alerts .alert{transition:transform .2s ease,border-color .2s ease}.alerts .alert:hover{transform:translateY(-2px);border-color:rgba(125,211,252,.42)}footer{margin-top:16px;background:rgba(3,20,38,.38);backdrop-filter:blur(10px)}@media(max-width:1320px){header{margin-left:16px;margin-right:16px}}@media(max-width:520px){body::after{background-size:38px 38px;opacity:.12}header{margin-top:8px;border-radius:16px}.intro::after{bottom:22px}}