:root{--bg: #0b1220;--panel: #182230;--panel-2: #1f2b3a;--text: #eef3f8;--muted: #8b98a5;--green: #3fb950;--yellow: #d29922;--red: #f85149;--blue: #58a6ff;--teal: #2dd4bf;--amber: #f5a623;--purple: #bc8cff;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{position:relative;max-width:1200px;margin:0 auto;padding:24px 16px 64px;overflow-x:hidden}.bg-glow{position:absolute;top:-120px;left:50%;transform:translate(-50%);width:900px;height:320px;background:radial-gradient(ellipse at center,rgba(245,166,35,.16),rgba(45,212,191,.08) 45%,transparent 70%);pointer-events:none;z-index:0}header.top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.brand-title{font-size:24px;font-weight:700;margin:0;letter-spacing:-.01em}.sun-icon{display:inline-block;color:var(--amber);filter:drop-shadow(0 0 10px rgba(245,166,35,.6));animation:spin-slow 16s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-accent{background:linear-gradient(90deg,var(--teal),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}header.top .sub{color:var(--muted);font-size:13px;margin-top:4px;display:flex;align-items:center;gap:8px}.pill{font-size:11px;padding:2px 9px;border-radius:999px;font-weight:600;letter-spacing:.02em}.pill-good{background:#3fb95026;color:var(--green)}.pill-bad{background:#f8514926;color:var(--red)}.summary-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.summary-row-secondary{margin-bottom:24px;opacity:.92}.stat-card{position:relative;background:var(--panel);border-radius:12px;padding:14px 16px;overflow:hidden;border:1px solid rgba(255,255,255,.04);transition:transform .18s ease,border-color .18s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--accent-color, var(--blue))}.stat-card.accent-amber{--accent-color: var(--amber)}.stat-card.accent-green{--accent-color: var(--green)}.stat-card.accent-teal{--accent-color: var(--teal)}.stat-card.accent-blue{--accent-color: var(--blue)}.stat-card.accent-red{--accent-color: var(--red)}.stat-card.accent-purple{--accent-color: var(--purple)}.stat-glow{position:absolute;top:-30px;right:-30px;width:80px;height:80px;border-radius:50%;background:var(--accent-color, var(--blue));opacity:.12;filter:blur(8px)}.stat-card .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:6px}.stat-icon{font-size:12px;opacity:.9}.stat-card .value{font-size:24px;font-weight:700;margin-top:6px;color:var(--text)}.stat-sub{font-size:11px;color:var(--muted);margin-top:4px}.grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.device-card{background:var(--panel);border-radius:12px;padding:16px;cursor:pointer;border:1px solid rgba(255,255,255,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.device-card:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 10px 24px #00000047}.device-card .name{font-weight:600;font-size:15px;display:flex;align-items:center}.device-card .station{color:var(--muted);font-size:12px;margin-bottom:10px}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;flex-shrink:0}.status-ok{background:var(--green);box-shadow:0 0 #3fb95099;animation:pulse-good 2s infinite}.status-warn{background:var(--yellow)}.status-off{background:var(--red)}@keyframes pulse-good{0%{box-shadow:0 0 #3fb9508c}70%{box-shadow:0 0 0 7px #3fb95000}to{box-shadow:0 0 #3fb95000}}@media (prefers-reduced-motion: reduce){.status-ok,.sun-icon{animation:none}}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;font-size:13px}.metrics .m-label{color:var(--muted)}section.section{position:relative;z-index:1;margin-top:32px}section.section h2{font-size:16px;margin-bottom:12px}.alert-item{background:var(--panel);border-left:3px solid var(--red);border-radius:0 8px 8px 0;padding:10px 14px;margin-bottom:8px;font-size:13px;transition:transform .15s ease}.alert-item:hover{transform:translate(2px)}.alert-item.resolved{border-left-color:var(--green);opacity:.7}.alert-item .meta{color:var(--muted);font-size:11px;margin-top:4px}.reports-list{display:flex;flex-wrap:wrap;gap:10px}.report-item{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px 14px;font-size:13px;color:var(--text);text-decoration:none;transition:border-color .15s ease,transform .15s ease}.report-item:hover{border-color:var(--teal);transform:translateY(-2px)}.report-icon{font-style:normal;font-size:10px;font-weight:700;background:var(--teal);color:#04342c;border-radius:4px;padding:2px 5px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;z-index:50}.modal{background:var(--panel);border-radius:12px;padding:24px;max-width:900px;width:100%;box-shadow:0 20px 60px #0006}.modal .close-btn{float:right;background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer}.chart-block{margin-top:20px}.chart-block h3{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.range-picker{display:flex;gap:6px;margin-bottom:16px}.range-picker button{background:var(--panel-2);border:1px solid transparent;color:var(--text);padding:4px 10px;border-radius:6px;cursor:pointer;font-size:12px;transition:border-color .15s ease}.range-picker button.active{border-color:var(--blue);color:var(--blue)}.empty-state{color:var(--muted);padding:40px;text-align:center}