:root{--surface: #fcfcfb;--card: #ffffff;--ink: #1f1f1e;--ink-secondary: #5a5a57;--border: #e2e2de;--good: #0ca30c;--good-bg: #e4f6e4;--warning: #8a5b00;--warning-bg: #fdf0d2;--serious: #a34a26;--serious-bg: #fbe9e1;--critical: #d03b3b;--critical-ink: #a02020;--critical-bg: #fbe3e3;--neutral-bg: #eeeeeb;--accent: #1d6fb8;--accent-hover: #185d9a}@media(prefers-color-scheme:dark){:root{--surface: #1a1a19;--card: #242423;--ink: #ececea;--ink-secondary: #a3a39f;--border: #3a3a38;--good: #4cc44c;--good-bg: #1d3a1d;--warning: #fab219;--warning-bg: #3d3113;--serious: #ec835a;--serious-bg: #3f2619;--critical: #e05555;--critical-ink: #ff9d9d;--critical-bg: #451c1c;--neutral-bg: #333331;--accent: #4d9fe8;--accent-hover: #6cb2f0}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--surface);color:var(--ink);line-height:1.45}.page{max-width:1100px;margin:0 auto;padding:0 1rem 3rem}.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--ink)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.topbar h1{margin:0;font-size:1.4rem}.topbar-right{display:flex;align-items:center;gap:.75rem}.conn-warning{color:var(--serious);background:var(--serious-bg);padding:.25rem .6rem;border-radius:6px;font-size:.85rem}.alarm-banner{display:flex;align-items:center;gap:.75rem;background:var(--critical-bg);border:1px solid var(--critical);color:var(--critical-ink);border-radius:10px;padding:.75rem 1rem;margin-bottom:1.25rem}.alarm-icon{font-size:1.5rem}.alarm-machine{display:inline-flex;align-items:center;gap:.4rem;margin-right:1rem;font-weight:600}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.card-alarm{border-color:var(--critical)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.card-header h2{margin:0;font-size:1.1rem}.state-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .7rem;border-radius:999px;font-size:.9rem;font-weight:600;white-space:nowrap}.state-running{color:var(--good);background:var(--good-bg)}.state-stopped{color:var(--ink-secondary);background:var(--neutral-bg)}.state-transition{color:var(--warning);background:var(--warning-bg)}.state-unknown{color:var(--serious);background:var(--serious-bg)}.pulsing{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.pulsing{animation:none}}.card-alarm-note{margin:0;color:var(--critical-ink);font-weight:600}.card-stats{display:flex;gap:1.5rem;margin:0}.card-stats dt{font-size:.78rem;color:var(--ink-secondary);text-transform:uppercase;letter-spacing:.03em}.card-stats dd{margin:0;font-size:1.05rem;font-variant-numeric:tabular-nums;font-weight:600}.card-eta{margin:0;font-size:.92rem;color:var(--ink);font-variant-numeric:tabular-nums}.start-panel{border-top:1px solid var(--border);padding-top:.75rem;display:flex;flex-direction:column;gap:.6rem}.start-panel-label{margin:0;font-size:.85rem;color:var(--ink-secondary)}.start-panel-inputs{display:flex;gap:1rem;align-items:center}.start-panel-inputs label{display:flex;align-items:center;gap:.4rem;font-size:.9rem}.start-panel-inputs input{width:4.2rem;padding:.45rem .5rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font-size:1rem;text-align:center}.card-pending{margin:0;font-size:.88rem;color:var(--warning)}.card-warning{margin:0;font-size:.88rem;color:var(--serious)}.card-actions{display:flex;gap:.5rem;margin-top:auto}.btn{border:1px solid transparent;border-radius:8px;padding:.5rem 1rem;font-size:.95rem;font-weight:600;cursor:pointer;background:var(--neutral-bg);color:var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:not(:disabled):hover{background:var(--accent-hover)}.btn-danger{background:var(--critical);color:#fff}.btn-ghost{background:transparent;border-color:var(--border)}.btn-small{padding:.15rem .6rem;font-size:.8rem;border-radius:6px;background:var(--card);border:1px solid var(--critical);color:var(--critical-ink);cursor:pointer}.login-box{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:1rem;width:min(90vw,340px)}.login-box h1{margin:0;text-align:center}.login-box label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--ink-secondary)}.login-box input{padding:.55rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font-size:1rem}.form-error{margin:0;color:var(--critical-ink);font-size:.9rem}.event-log{margin-top:2rem}.event-log-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.event-log-header h2{margin:0;font-size:1.1rem}.event-log select{padding:.35rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--ink)}.event-log table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;font-size:.9rem}.event-log th{text-align:left;padding:.5rem .75rem;color:var(--ink-secondary);font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border)}.event-log td{padding:.45rem .75rem;border-bottom:1px solid var(--border);vertical-align:top}.event-log tr:last-child td{border-bottom:none}.cell-time{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink-secondary)}.cell-detail{word-break:break-word}.cell-empty{text-align:center;color:var(--ink-secondary);padding:1.5rem}.row-serious td{background:var(--serious-bg)}@media(max-width:640px){.card-stats{gap:1rem}.event-log table{font-size:.8rem}}