:root{--bg: #f4f5f7;--surface: #ffffff;--text: #1b1f24;--muted: #626b77;--border: #dfe3e8;--accent: #2457d6;--accent-hover: #1d49b5;--accent-text: #ffffff;--ok-bg: #e4f5ea;--ok-text: #166534;--off-bg: #eef0f3;--off-text: #4b5563;--danger-bg: #fdecec;--danger-text: #991b1b;--warn-bg: #fdf3dc;--warn-text: #8a5a00;--radius: 12px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #111418;--surface: #1a1f26;--text: #e8ebef;--muted: #9aa3ae;--border: #2b323b;--accent: #5b8def;--accent-hover: #7aa3f3;--accent-text: #0d1117;--ok-bg: #11301d;--ok-text: #86efac;--off-bg: #232a33;--off-text: #c3c9d1;--danger-bg: #3a1515;--danger-text: #fca5a5;--warn-bg: #3a2c0f;--warn-text: #fcd34d;--shadow: 0 1px 2px rgba(0, 0, 0, .4)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0}a{color:var(--accent)}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:13px;font-weight:600;color:var(--muted)}.control{width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}.control:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.control:disabled{opacity:.55}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid transparent;border-radius:8px;font:inherit;font-weight:600;cursor:pointer;transition:background-color .12s ease,color .12s ease}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:not(:disabled):hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:not(:disabled):hover{background:var(--off-bg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.muted{color:var(--muted)}.alert{padding:10px 14px;border-radius:8px;font-size:14px}.alert-danger{background:var(--danger-bg);color:var(--danger-text)}.alert-ok{background:var(--ok-bg);color:var(--ok-text)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:600;white-space:nowrap}.chip-xs{padding:0 8px;font-size:11px}.chip-ok{background:var(--ok-bg);color:var(--ok-text)}.chip-off{background:var(--surface);color:var(--off-text);border-color:var(--border)}.chip-danger{background:var(--danger-bg);color:var(--danger-text)}.chip-warn{background:var(--warn-bg);color:var(--warn-text)}.chip-accent{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.alert-off{background:var(--off-bg);color:var(--text)}.alert-warn{background:var(--warn-bg);color:var(--warn-text)}.alert-accent{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text)}@keyframes pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 10%,transparent)}}