@charset "UTF-8";:root{--bg: #f3f5f8;--surface: #ffffff;--surface-2: #f8fafc;--border: #e2e7ee;--text: #16202c;--muted: #5d6b7c;--accent: #2563eb;--accent-soft: #e8efff;--danger: #dc2626;--nav-bg: #0f172a;--nav-text: #cbd5e1;--nav-active: #1e293b;--run: #16a34a;--stop: #eab308;--idle: #f97316;--alarm: #dc2626;--offline: #94a3b8;--unknown: #cbd5e1;--radius: 10px;--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .04);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0b1120;--surface: #111a2e;--surface-2: #0f172a;--border: #22304a;--text: #e2e8f0;--muted: #94a3b8;--accent: #60a5fa;--accent-soft: #1e2a44;--nav-bg: #060b16;--nav-active: #16213a;--offline: #64748b;--unknown: #475569;--shadow: none;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:14px/1.45 Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-variant-numeric:tabular-nums}a{color:var(--accent);text-decoration:none}h1{font-size:20px;margin:0;font-weight:650}h2{font-size:15px;margin:0 0 12px;font-weight:600}h3{font-size:13px;margin:0;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.page{padding:20px 24px 40px;display:flex;flex-direction:column;gap:16px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-header .sub{color:var(--muted);font-size:13px;margin-top:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;min-width:0}.card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.card-header h2{margin:0}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow)}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{white-space:nowrap;font-size:24px;font-weight:650;margin-top:2px;letter-spacing:-.01em}.kpi .hint{color:var(--muted);font-size:12px}.kpi.good .value{color:var(--run)}.kpi.warn .value{color:#ca8a04}.kpi.bad .value{color:var(--alarm)}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--text);border:1px solid var(--border);white-space:nowrap}.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--state, var(--offline))}.state-RUN{--state: var(--run)}.state-STOP{--state: var(--stop)}.state-IDLE{--state: var(--idle)}.state-ALARM{--state: var(--alarm)}.state-OFFLINE{--state: var(--offline)}.state-UNKNOWN{--state: var(--unknown)}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th,table.data td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}table.data th{color:var(--muted);font-weight:600;font-size:12px;background:var(--surface-2);position:sticky;top:0}table.data th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.data td.num,table.data th.num{text-align:right}table.data tbody tr:hover{background:var(--surface-2)}table.data td.wrap{white-space:normal}button,.btn{font:inherit;cursor:pointer;border-radius:8px;padding:6px 12px;border:1px solid var(--border);background:var(--surface);color:var(--text)}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{color:var(--danger)}button:disabled{opacity:.55;cursor:default}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 9px;min-width:0}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}label.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}label.check{display:inline-flex;align-items:center;gap:6px;font-size:13px}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.center{text-align:center}.error{color:var(--danger)}.empty{color:var(--muted);padding:24px;text-align:center}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:12px}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface)}.seg button{border:0;border-radius:0;border-right:1px solid var(--border);padding:6px 11px}.seg button:last-child{border-right:0}.seg button.active{background:var(--accent-soft);color:var(--accent);font-weight:600}@media(max-width:720px){.page{padding:14px 12px 32px}.grid-2{grid-template-columns:1fr}}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(circle at 20% 0%,var(--accent-soft),transparent 50%),var(--bg)}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 30px #0f172a14;padding:28px;display:flex;flex-direction:column;gap:14px}.auth-card h1{font-size:22px}.auth-card p{margin:0}.auth-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px}.auth-logo{width:28px;height:28px;border-radius:8px;background:conic-gradient(var(--run) 0 62%,var(--stop) 62% 80%,var(--alarm) 80% 88%,var(--offline) 88%);-webkit-mask:radial-gradient(circle,transparent 38%,#000 40%);mask:radial-gradient(circle,transparent 38%,#000 40%)}.auth-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}button.wide{width:100%;padding:10px;font-weight:600}