@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Syne:wght@400;500;600;700&display=swap";:root{--bg-base: #0e0800;--bg-surface: #1a0f00;--bg-card: #241500;--bg-elevated: #2e1a00;--bg-hover: #3a2200;--accent: #e07b1a;--accent-bright: #f59332;--accent-dim: #8a4a0a;--accent-glow: rgba(224,123,26,.15);--text-primary: #f5e6cc;--text-secondary: #a07850;--text-muted: #5a3f22;--status-live: #5cb85c;--status-idle: #8a4a0a;--status-alarm: #e53935;--border: rgba(224,123,26,.15);--border-strong: rgba(224,123,26,.35);--font-display: "Syne", sans-serif;--font-mono: "DM Mono", monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-display);background:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:4px}h1{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;letter-spacing:-.02em}h2{font-size:clamp(1.1rem,3vw,1.5rem);font-weight:600}h3{font-size:1rem;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--r-md);font-family:var(--font-display);font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .15s ease;letter-spacing:.02em}.btn-primary{background:var(--accent);color:#0e0800}.btn-primary:hover{background:var(--accent-bright);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--bg-hover)}.btn-danger{background:var(--status-alarm);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-lg{padding:14px 28px;font-size:1rem}.btn-sm{padding:7px 14px;font-size:.8rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.25rem}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:.72rem;font-family:var(--font-mono);font-weight:500;letter-spacing:.05em}.badge-live{background:#5cb85c26;color:var(--status-live);border:1px solid rgba(92,184,92,.3)}.badge-idle{background:#8a4a0a33;color:#c07830;border:1px solid rgba(138,74,10,.3)}.badge-alarm{background:#e5393526;color:var(--status-alarm);border:1px solid rgba(229,57,53,.3)}.badge-off{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor}.dot-pulse{animation:pulse 1.8s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}input,select{background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-primary);border-radius:var(--r-md);padding:10px 14px;font-family:var(--font-display);font-size:.9rem;width:100%;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:var(--text-muted)}.page-enter{animation:fadeUp .3s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.logo-text{font-family:var(--font-mono);font-weight:500;letter-spacing:.08em;color:var(--accent);font-size:1.1rem}