:root{--color-void:#000d0a;--color-deep:#002b36;--color-mid:#14655b;--color-bright:#a7ffeb;--color-dim:#0a3d35;--color-bg:#000d0a;--color-bg-card:#001a14;--color-bg-raised:#002018;--color-bg-panel:#001510;--color-bg-hover:#002d22;--color-text:#a7ffeb;--color-text-sec:#5eb8a0;--color-text-muted:#2d6b5e;--color-text-inv:#000d0a;--color-border:#a7ffeb0f;--color-border-mid:#a7ffeb1f;--color-border-act:#14655b99;--color-border-bright:#a7ffeb4d;--color-online:#a7ffeb;--color-warning:#fc0;--color-critical:#f44;--color-offline:#334;--color-info:#4db8ff;--color-temp:#ff6b6b;--color-humidity:#4db8ff;--color-energy:#fc0;--color-motion:#c084fc;--color-air:#a7ffeb;--grad-primary:linear-gradient(135deg, #002b36 0%, #14655b 100%);--grad-card:linear-gradient(145deg, #001a14 0%, #002018 100%);--grad-glow:radial-gradient(ellipse at center, #14655b66 0%, transparent 70%);--grad-scanline:repeating-linear-gradient(0deg, transparent, transparent 2px, #a7ffeb04 2px, #a7ffeb04 4px);--shadow-sm:0 2px 8px #002b3699;--shadow-md:0 4px 20px #002b36cc;--shadow-lg:0 8px 40px #002b36e6;--shadow-glow:0 0 20px #a7ffeb26;--shadow-glow-bright:0 0 40px #a7ffeb4d;--font-display:"Orbitron", monospace;--font-mono:"Space Mono", monospace;--font-body:"Inter", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--t-fast:.15s cubic-bezier(.4, 0, .2, 1);--t-base:.25s cubic-bezier(.4, 0, .2, 1);--t-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";background:var(--grad-scanline);pointer-events:none;z-index:9999;opacity:.4;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#14655b1f 0%,#0000 70%);width:60%;height:60%;position:fixed;top:-30%;left:-10%}#root{z-index:1;position:relative}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-mid);border-radius:2px}::selection{background:var(--color-mid);color:var(--color-bright)}:focus-visible{outline:1px solid var(--color-bright);outline-offset:2px}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select{font-family:inherit}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@keyframes data-flow{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px #a7ffeb33}50%{box-shadow:0 0 24px #a7ffeb80}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}