:root{color-scheme:dark;--bg: #090c13;--surface: #0f141e;--surface-2: #131a27;--surface-3: #1a2233;--elevated: #212b3f;--topbar-bg: rgba(13, 18, 28, .72);--text-strong: #f4f7fd;--text: #d7deee;--muted: #8a95ad;--faint: #59647e;--line: #202a3c;--line-strong: #2c3850;--accent: #5b8cff;--accent-strong: #6f9bff;--accent-press: #4776ec;--accent-soft: rgba(91, 140, 255, .14);--accent-contrast: #ffffff;--ok: #35c98b;--ok-soft: rgba(53, 201, 139, .14);--warn: #f0b429;--warn-soft: rgba(240, 180, 41, .14);--err: #f0555b;--err-soft: rgba(240, 85, 91, .14);--info: #5b8cff;--info-soft: rgba(91, 140, 255, .14);--r-sm: 6px;--r-md: 9px;--r-lg: 14px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .38);--shadow-lg: 0 20px 55px rgba(0, 0, 0, .55);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 48px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;--ring: 0 0 0 3px var(--accent-soft)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){color-scheme:light;--bg: #eaeef6;--surface: #ffffff;--surface-2: #ffffff;--surface-3: #f1f4fb;--elevated: #ffffff;--topbar-bg: rgba(255, 255, 255, .78);--text-strong: #0d1524;--text: #24303f;--muted: #5c6a85;--faint: #8b96ac;--line: #e3e8f1;--line-strong: #cfd7e6;--accent: #3a63e0;--accent-strong: #2f55cf;--accent-press: #2749b8;--accent-soft: rgba(58, 99, 224, .1);--ok: #12a06a;--ok-soft: rgba(18, 160, 106, .12);--warn: #b7791f;--warn-soft: rgba(183, 121, 31, .12);--err: #d54350;--err-soft: rgba(213, 67, 80, .12);--info: #3a63e0;--info-soft: rgba(58, 99, 224, .1);--shadow-sm: 0 1px 2px rgba(20, 30, 60, .08);--shadow-md: 0 8px 24px rgba(20, 30, 60, .1);--shadow-lg: 0 20px 55px rgba(20, 30, 60, .18);--ring: 0 0 0 3px rgba(58, 99, 224, .22)}}:root[data-theme=light]{color-scheme:light;--bg: #eaeef6;--surface: #ffffff;--surface-2: #ffffff;--surface-3: #f1f4fb;--elevated: #ffffff;--topbar-bg: rgba(255, 255, 255, .78);--text-strong: #0d1524;--text: #24303f;--muted: #5c6a85;--faint: #8b96ac;--line: #e3e8f1;--line-strong: #cfd7e6;--accent: #3a63e0;--accent-strong: #2f55cf;--accent-press: #2749b8;--accent-soft: rgba(58, 99, 224, .1);--ok: #12a06a;--ok-soft: rgba(18, 160, 106, .12);--warn: #b7791f;--warn-soft: rgba(183, 121, 31, .12);--err: #d54350;--err-soft: rgba(213, 67, 80, .12);--info: #3a63e0;--info-soft: rgba(58, 99, 224, .1);--shadow-sm: 0 1px 2px rgba(20, 30, 60, .08);--shadow-md: 0 8px 24px rgba(20, 30, 60, .1);--shadow-lg: 0 20px 55px rgba(20, 30, 60, .18);--ring: 0 0 0 3px rgba(58, 99, 224, .22)}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(900px 420px at 100% -8%,var(--accent-soft),transparent 62%)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-sans);font-size:14px;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:10px 16px;border:1px solid transparent;border-radius:var(--r-md);background:var(--accent);color:var(--accent-contrast);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease,filter .15s ease}button:hover{background:var(--accent-strong)}button:active{background:var(--accent-press);transform:translateY(1px)}button:focus-visible{outline:none;box-shadow:var(--ring)}button.subtle{background:var(--surface-3);color:var(--text);border-color:var(--line)}button.subtle:hover{background:var(--elevated);border-color:var(--line-strong)}button.ghost{background:transparent;color:var(--text);border-color:var(--line-strong)}button.ghost:hover{background:var(--surface-3)}button.danger{background:var(--err);color:#fff}button.danger:hover{filter:brightness(1.08);background:var(--err)}button.ok{background:var(--ok);color:#04160e}button.ok:hover{filter:brightness(1.06);background:var(--ok)}button:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}button.linklike{background:transparent;border-color:transparent;color:var(--accent);padding:4px 6px;font-weight:600;font-size:13px}button.linklike:hover{background:transparent;color:var(--accent-strong);text-decoration:underline}.icon-btn{width:38px;height:38px;padding:0;background:transparent;color:var(--muted);border:1px solid var(--line)}.icon-btn:hover{background:var(--surface-3);color:var(--text);border-color:var(--line-strong)}input,select,textarea{font-family:var(--font-sans);font-size:14px;color:var(--text);background:var(--surface-3);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;width:100%;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input:hover,select:hover,textarea:hover{border-color:var(--line-strong)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring);background:var(--surface-2)}input::placeholder,textarea::placeholder{color:var(--faint)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a95ad' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}label{display:block;font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--muted);margin:12px 0 5px}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:auto;height:auto;padding:0;border:none;background:none;flex:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{position:relative;z-index:1;min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:0 24px;min-height:60px;border-bottom:1px solid var(--line);background:var(--topbar-bg);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);position:sticky;top:0;z-index:30}.topbar .user{font-size:13px;color:var(--muted);white-space:nowrap}.topbar .user b{color:var(--text);font-weight:600}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px;letter-spacing:.2px;color:var(--text-strong)}.brand .logo{width:28px;height:28px;flex:none;display:block;color:var(--accent)}.brand .dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#57e0c4);flex:none}.spacer{flex:1}.tabs{display:flex;gap:2px;flex-wrap:wrap;align-items:flex-end;padding:0 24px;border-bottom:1px solid var(--line)}.tab{padding:12px 14px;background:transparent;color:var(--muted);border:none;border-bottom:2px solid transparent;border-radius:0;font-weight:600;font-size:14px}.tab:hover{background:transparent;color:var(--text)}.tab.active{color:var(--text-strong);border-bottom-color:var(--accent)}.tab:focus-visible{box-shadow:none;outline-offset:-2px}.content{padding:24px;max-width:1140px;width:100%;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.card{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-sm)}.section{margin-bottom:28px}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.title{font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--text-strong);margin:2px 0 16px}.muted{color:var(--muted)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.device{display:flex;flex-direction:column;gap:14px;transition:border-color .15s ease,box-shadow .15s ease}.device:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.device .head{display:flex;align-items:center;gap:12px}.device .icon{width:44px;height:44px;flex:none;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.device .name{font-weight:700;font-size:15px;color:var(--text-strong)}.device .state{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.device .actions{display:flex;gap:8px;flex-wrap:wrap}.device .actions button{flex:1 1 auto;min-width:92px}.sent-feedback{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ok)}.gauge{display:flex;align-items:center;gap:10px}.gauge-track{flex:1;height:8px;border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--line);overflow:hidden}.gauge-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong));border-radius:var(--r-pill);transition:width .25s ease}.gauge-val{font-size:12px;font-weight:700;color:var(--text-strong);font-variant-numeric:tabular-nums;min-width:42px;text-align:right}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.01em;padding:3px 9px;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--surface-3);color:var(--muted);white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.badge.on,.badge.ok{color:var(--ok);background:var(--ok-soft);border-color:transparent}.badge.off{color:var(--muted);background:var(--surface-3)}.badge.off:before{opacity:.55}.badge.fault,.badge.err{color:var(--err);background:var(--err-soft);border-color:transparent}.badge.pending,.badge.warn{color:var(--warn);background:var(--warn-soft);border-color:transparent}.badge.info,.badge.open{color:var(--info);background:var(--info-soft);border-color:transparent}.badge.unknown,.badge.moving{color:var(--muted);background:var(--surface-3)}.badge.moving:before{animation:badge-bat 1.2s ease-in-out infinite}@keyframes badge-bat{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion: reduce){.badge.moving:before{animation:none;opacity:.55}}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;padding:10px 12px;color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line)}td{padding:11px 12px;border-bottom:1px solid var(--line);color:var(--text);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .12s ease}tbody tr:hover td{background:var(--surface-3)}td.row{display:table-cell}td .row{display:flex}.hint{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.45}.error{color:var(--err);font-size:13px;margin-top:8px;font-weight:500}.ok-text{color:var(--ok);font-size:13px;font-weight:500}code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-3);border:1px solid var(--line);border-radius:5px;padding:1px 6px}.center{min-height:100%;display:grid;place-items:center;padding:24px;position:relative;z-index:1}.login{width:400px;max-width:100%;padding:28px}.statuspills{display:flex;gap:14px;align-items:center}.pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}.pill .led{width:8px;height:8px;border-radius:50%;background:var(--faint);box-shadow:0 0 0 3px transparent;transition:background .2s ease,box-shadow .2s ease}.pill.ok .led{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.pill.ko .led{background:var(--err);box-shadow:0 0 0 3px var(--err-soft)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#06090e9e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:16px;animation:fade-in .15s ease}.modal{width:400px;max-width:100%;box-shadow:var(--shadow-lg);animation:modal-in .18s ease}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:var(--elevated);border:1px solid var(--line-strong);color:var(--text);padding:12px 18px;border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:120;font-size:14px;font-weight:500;animation:toast-in .2s ease}.toast .badge{margin:0}.admin-fab{position:fixed;right:22px;bottom:22px;z-index:90;padding:12px 18px;border-radius:var(--r-pill);box-shadow:var(--shadow-lg);background:var(--accent);color:var(--accent-contrast);border:1px solid transparent}.admin-fab:hover{background:var(--accent-strong)}.admin-fab svg{display:block}.mini-tc{display:flex;flex-direction:column;align-items:center;gap:8px;margin:14px 0 4px}.mini-tc-cap{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-self:flex-start}.mini-tc .bezel{padding:10px;border-radius:12px}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}}@media (max-width: 720px){.topbar{padding:10px 14px;gap:10px;flex-wrap:wrap}.topbar .statuspills{order:3;width:100%}.tabs{padding:0 14px}.content{padding:16px}.grid{grid-template-columns:1fr}.title{font-size:18px}.admin-fab-label{display:none}.admin-fab{padding:14px;border-radius:50%}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sim-wrap{display:flex;gap:32px;flex-wrap:wrap;align-items:flex-start}.device-mock{display:flex;flex-direction:column;gap:10px;align-items:center}.device-caption{font-size:12px;color:var(--muted);text-align:center;line-height:1.5}.device-caption b{color:var(--text);font-weight:600}.bezel{background:linear-gradient(160deg,#1c2130,#0d1017);border:1px solid #333c52;border-radius:16px;padding:14px;box-shadow:var(--shadow-md),inset 0 1px #ffffff0a}.bezel.remote{border-radius:22px;padding:18px 16px}.screen{container-type:size;position:relative;overflow:hidden;background:#05070f}.screen.tconnect{border-radius:5px;color:#eaf0ff;display:flex;flex-direction:column;padding:4.5cqh 3.5cqh;gap:3cqh;background:radial-gradient(120% 90% at 0% 0%,rgba(91,140,255,.1),transparent 55%),linear-gradient(180deg,#0c1223,#080b15);font-family:var(--font-sans);box-shadow:inset 0 0 0 1px #ffffff08}.tc-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:2.5cqh;border-bottom:1px solid rgba(120,140,190,.18)}.tc-brand{display:inline-flex;align-items:center;gap:1.6cqh;font-weight:800;font-size:7.5cqh;letter-spacing:.04em;color:#8fb0ff}.tc-brand .tc-logo{width:7cqh;height:7cqh;display:block}.tc-head-right{display:inline-flex;align-items:center;gap:2.2cqh}.tc-clock{font-size:6cqh;color:#7f8db0;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.tc-chip{display:inline-flex;align-items:center;gap:1.4cqh;font-size:6.2cqh;font-weight:700;letter-spacing:.02em;padding:1.4cqh 2.6cqh;border-radius:2.4cqh;border:1px solid currentColor}.tc-chip:before{content:"";width:2.2cqh;height:2.2cqh;border-radius:50%;background:currentColor}.tc-chip.ok{color:#63e6a4}.tc-chip.open{color:#7fb0ff}.tc-chip.fault{color:#ff8a8f}.tc-chip.unknown{color:#8a95ad}.tc-body{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.tc-gate{display:flex;flex-direction:column;gap:1cqh}.tc-gate-label{font-size:6.5cqh;color:#8792b4;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.tc-gate-state{font-size:20cqh;font-weight:800;line-height:1;letter-spacing:-.01em;color:#f2f6ff}.tc-gate-sub{font-size:6cqh;color:#7f8db0;margin-top:1.5cqh}.tc-enroll{display:flex;flex-direction:column;gap:1.5cqh}.tc-enroll-name{font-size:12cqh;font-weight:800;color:#f2f6ff}.tc-enroll-sub{font-size:6.2cqh;color:#8fb0ff}.tc-pinwrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqh}.tc-pin-title{font-size:7cqh;color:#9fb0d6;font-weight:600}.tc-pin{font-size:13cqh;letter-spacing:.35em;color:#63e6a4;font-family:var(--font-mono);min-height:13cqh}.tc-foot{display:grid;gap:2cqh}.tc-foot.emerg{grid-template-columns:repeat(3,1fr)}.tc-foot.pad{grid-template-columns:repeat(4,1fr);gap:1.6cqh}.tc-foot.single{grid-template-columns:1fr}.tc-key{border:1px solid #313c5e;background:linear-gradient(180deg,#172137,#101829);color:#dfe7ff;border-radius:2.2cqh;font-weight:700;font-size:6.6cqh;padding:2.6cqh 0;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s ease,border-color .1s ease}.tc-key:hover{border-color:#46557f}.tc-key:active{background:#223057}.tc-key.warn{border-color:#6b4a12;color:#ffcf6a}.tc-key.ok{border-color:#1f6b45;color:#7ef0b0}.tc-key.wide{grid-column:1 / -1}.screen.oled{background:#04070d;color:#cfe1ff;border-radius:3px;font-family:var(--font-mono);display:flex;flex-direction:column;padding:6cqh 5cqw;gap:3cqh}.oled-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:3cqh;border-bottom:1px solid rgba(160,190,240,.35)}.oled-title{font-size:15cqh;font-weight:700;letter-spacing:.04em}.oled-sig{display:inline-flex;gap:1cqw;align-items:flex-end;height:12cqh}.oled-sig span{width:2.4cqw;background:currentColor;border-radius:.5px}.oled-sig span:nth-child(1){height:45%}.oled-sig span:nth-child(2){height:70%}.oled-sig span:nth-child(3){height:100%}.oled-main{font-size:15cqh;font-weight:700;line-height:1.15}.oled-hint{font-size:11cqh;color:#a0bef09e;margin-top:auto}.press-row{display:flex;gap:8px;justify-content:center}