@import"https://fonts.googleapis.com/css2?family=Spline+Sans:wght@400;500;600&family=Spline+Sans+Mono:wght@500;600&display=swap";:root{--bg: #0e1419;--panel: #161e26;--panel-2: #1c2731;--line: #28333d;--text: #e4ecf2;--muted: #8294a3;--ok: #3ec98a;--warn: #f2b134;--crit: #ff5c6c;--accent: #57b7d6;--radius: 12px;--shadow: 0 1px 0 rgba(255, 255, 255, .03), 0 8px 24px rgba(0, 0, 0, .35);font-family:Spline Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(87,183,214,.08),transparent 60%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{max-width:1280px;margin:0 auto;padding:24px}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;padding:16px 20px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.topbar__title{display:flex;align-items:center;gap:10px}.topbar h1{font-size:18px;font-weight:600;margin:0;letter-spacing:-.01em}.topbar__sub{color:var(--muted);font-size:13px}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.dot[data-live=true]{background:var(--ok);box-shadow:0 0 #3ec98ab3;animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #3ec98a99}70%{box-shadow:0 0 0 8px #3ec98a00}to{box-shadow:0 0 #3ec98a00}}.summary{display:flex;gap:8px;margin-left:auto}.stat{font-size:13px;font-weight:600;padding:5px 10px;border-radius:999px;border:1px solid var(--line)}.stat--crit{color:var(--crit)}.stat--warn{color:var(--warn)}.stat--ok{color:var(--ok)}.controls{display:flex;align-items:center;gap:14px}.btn{background:var(--accent);color:#05222c;border:none;font-weight:600;font-size:13px;padding:8px 16px;border-radius:8px;cursor:pointer;transition:filter .15s ease}.btn:hover{filter:brightness(1.08)}.rate,.toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.rate select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px 8px}.grid{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.empty{grid-column:1 / -1;text-align:center;color:var(--muted);padding:48px}.card{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);transition:border-color .3s ease}.card--warning{border-left-color:var(--warn)}.card--critical{border-left-color:var(--crit);animation:critFlash 2s ease-in-out infinite}@keyframes critFlash{0%,to{box-shadow:var(--shadow)}50%{box-shadow:var(--shadow),0 0 0 1px #ff5c6c66}}.card__head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.card__name{font-size:15px;font-weight:600;margin:0}.card__room{font-size:12px;color:var(--muted)}.pill{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;border-radius:999px}.pill--normal{color:var(--ok);background:#3ec98a1f}.pill--warning{color:var(--warn);background:#f2b1341f}.pill--critical{color:var(--crit);background:#ff5c6c24}.metrics{display:flex;flex-direction:column;gap:10px}.metric__top{display:flex;justify-content:space-between;align-items:baseline}.metric__label{font-size:12px;color:var(--muted)}.metric__value{font-family:Spline Sans Mono,monospace;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}.metric__value--warning{color:var(--warn)}.metric__value--critical{color:var(--crit)}.metric__unit{font-size:11px;color:var(--muted);margin-left:3px;font-weight:400}