:root{--brand-navy: #1b1b4e;--brand-navy-2: #39406e;--brand-lime: #a4ce4c;--brand-lavender: #c8c8e8;--surface: #f5f6f2;--card: #ffffff;--ink: #1b1b4e;--ink-secondary: #5c5f7a;--border: #dfe1e8;--good: #0a8a0a;--good-bg: #e4f6e4;--warning: #8a5b00;--warning-bg: #fdf0d2;--serious: #a34a26;--serious-bg: #fbe9e1;--critical: #d03b3b;--critical-ink: #a02020;--critical-bg: #fbe3e3;--neutral-bg: #ecedf3;--accent: #1b1b4e;--accent-hover: #39406e;--accent-ink: #ffffff;--hero-field: #a4ce4c;--hero-machine: #39406e;--hero-water: #8f96c9}@media(prefers-color-scheme:dark){:root{--surface: #10122b;--card: #1c1f42;--ink: #e8e9f5;--ink-secondary: #a7abcc;--border: #33376b;--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: #2a2d55;--accent: #a4ce4c;--accent-hover: #b8dd66;--accent-ink: #1b1b4e;--hero-field: #a4ce4c;--hero-machine: #c8c8e8;--hero-water: #8f96c9}}*{box-sizing:border-box}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--surface) inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 9999s ease-in-out 0s}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:1.25rem 1rem 3rem}.center-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--ink)}.topbar{position:relative;background:var(--brand-navy);border-bottom:3px solid var(--brand-lime);color:#fff;overflow:hidden}.topbar-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between}.topbar-brand{display:flex;align-items:center;gap:.7rem}.topbar-logo{height:40px;width:auto}.topbar-title{display:flex;flex-direction:column;line-height:1.15}.topbar-title strong{font-size:1.15rem;letter-spacing:.02em}.topbar-title span{font-size:.8rem;color:var(--brand-lime);text-transform:uppercase;letter-spacing:.14em}.topbar-hero{position:absolute;right:0;bottom:-3px;height:100%;width:min(50%,520px);opacity:.35;pointer-events:none}.topbar-right{display:flex;align-items:center;gap:.6rem}.btn-topbar{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25)}.btn-topbar:not(:disabled):hover{background:#ffffff38}.conn-warning{color:#ffd9c9;background:#d25a2859;border:1px solid rgba(255,160,110,.5);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(290px,1fr));gap:1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 1px 3px #1b1b4e12}.card-alarm{border-color:var(--critical)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.card-header h2{margin:0;font-size:1.1rem}.card-field{margin:.1rem 0 0;font-size:.82rem;color:var(--ink-secondary);display:flex;align-items:center;gap:.3rem}.card-field:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--brand-lime);display:inline-block}.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}.progress-track{height:8px;border-radius:999px;background:var(--neutral-bg);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--brand-lime);transition:width .6s ease}.progress-overdue .progress-fill{background:var(--serious)}.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}.runs{border-top:1px solid var(--border);padding-top:.5rem;font-size:.85rem}.runs summary{cursor:pointer;color:var(--ink-secondary);-webkit-user-select:none;user-select:none}.runs ul{margin:.4rem 0 0;padding-left:1.1rem}.runs li{margin-bottom:.15rem;font-variant-numeric:tabular-nums}.runs-duration{color:var(--ink-secondary)}.runs-empty{margin:.4rem 0 0;color:var(--ink-secondary)}.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:focus-visible{outline:2px solid var(--brand-lime);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--accent-ink)}.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}.btn-small-pad{padding:.4rem .9rem;align-self:flex-end}.login-page{min-height:100vh;background:var(--brand-navy);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;position:relative;overflow:hidden;padding:1rem}.login-brand{display:flex;flex-direction:column;align-items:center;gap:.6rem;z-index:1}.login-logo{height:84px;width:auto}.login-brand h1{margin:0;color:#fff;font-size:1.5rem;letter-spacing:.02em;text-align:center}.login-brand h1 span{display:block;font-size:.85rem;font-weight:600;color:var(--brand-lime);text-transform:uppercase;letter-spacing:.22em;margin-top:.15rem}.login-box{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.75rem;display:flex;flex-direction:column;gap:1rem;width:min(90vw,340px);z-index:1;box-shadow:0 10px 40px #00000859}.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}.login-hero{position:absolute;bottom:0;left:0;width:100%;height:200px;opacity:.5;pointer-events:none}.form-error{margin:0;color:var(--critical-ink);font-size:.9rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1e8c;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;z-index:20;overflow-y:auto}.modal{background:var(--card);color:var(--ink);border-radius:14px;border:1px solid var(--border);width:min(96vw,560px);padding:1.25rem 1.5rem 1.5rem;box-shadow:0 20px 60px #00000866}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.modal-header h2{margin:0;font-size:1.2rem}.settings-section{border-top:1px solid var(--border);padding:.9rem 0}.settings-section h3{margin:0 0 .6rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-secondary)}.settings-hint{margin:0;font-size:.88rem;color:var(--ink-secondary)}.settings-phone{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--ink-secondary);margin-bottom:.75rem}.settings-phone-row{display:flex;gap:.5rem}.settings-phone input{flex:1;min-width:0;width:100%;padding:.5rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font-size:1rem}.settings-grid{width:100%;border-collapse:collapse;font-size:.92rem}.settings-grid th{text-align:left;font-size:.78rem;color:var(--ink-secondary);text-transform:uppercase;letter-spacing:.03em;padding:.3rem .5rem}.settings-grid td{padding:.35rem .5rem;border-top:1px solid var(--border)}.settings-grid input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--brand-navy)}@media(prefers-color-scheme:dark){.settings-grid input[type=checkbox]{accent-color:var(--brand-lime)}}.settings-ok{margin:.5rem 0 0;color:var(--good);font-size:.9rem}.machine-editor{display:flex;flex-direction:column;gap:.5rem;padding:.7rem 0;border-top:1px dashed var(--border)}.machine-editor:first-of-type{border-top:none}.machine-editor-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.machine-editor-phone-row{grid-template-columns:1fr auto;align-items:end}.machine-editor-phone input{letter-spacing:.04em}.machine-editor label{display:flex;flex-direction:column;gap:.2rem;font-size:.78rem;color:var(--ink-secondary)}.machine-editor input{padding:.5rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font-size:1rem;min-width:0;font-variant-numeric:tabular-nums}.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}.modal-backdrop{padding:.75rem .5rem}.modal{padding:1rem;width:100%}.event-log table{font-size:.8rem}.topbar-hero{display:none}.machine-editor-row{grid-template-columns:1fr}.machine-editor-phone-row{grid-template-columns:1fr auto}}