:root{--bg: #0b0e14;--bg-soft: #0f141d;--panel: rgba(255, 255, 255, .03);--panel-strong: rgba(255, 255, 255, .055);--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--text: #e6edf3;--text-dim: #8b949e;--primary: #58a6ff;--accent: #f78166;--success: #3fb950;--warning: #d29922;--danger: #f85149;--font-display: "Space Grotesk", "Noto Sans TC", sans-serif;--font-body: "Noto Sans TC", sans-serif;--font-mono: "IBM Plex Mono", monospace;--sidebar-w: 216px;--topbar-h: 56px;--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(1100px 500px at 85% -10%,rgba(88,166,255,.07),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(247,129,102,.05),transparent 60%),var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5;overflow:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}::-webkit-scrollbar-track{background:transparent}a{color:var(--primary);text-decoration:none}button{font-family:inherit}.app{display:flex;height:100vh}.main{flex:1;display:flex;flex-direction:column;min-width:0}.page{flex:1;overflow-y:auto;padding:20px 24px 32px;scroll-behavior:smooth}.page.page-flush{padding:0;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:#0b0e14bf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:width .2s ease;overflow:hidden}.brand{display:flex;align-items:center;gap:10px;padding:16px 18px 14px;border-bottom:1px solid var(--border);white-space:nowrap;overflow:hidden}.brand-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#58a6ff40,#58a6ff0f);border:1px solid rgba(88,166,255,.35);color:var(--primary);box-shadow:0 0 18px #58a6ff40}.brand-title{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.3px}.brand-sub{font-size:11px;color:var(--text-dim);font-family:var(--font-mono)}.nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;overflow-x:hidden}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;color:var(--text-dim);font-size:13.5px;font-weight:500;transition:background .18s,color .18s;position:relative;white-space:nowrap}.nav-item svg{flex-shrink:0}.nav-item:hover{background:var(--panel-strong);color:var(--text)}.nav-item.active{background:linear-gradient(90deg,#58a6ff24,#58a6ff0a);color:var(--primary)}.nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--primary);box-shadow:0 0 8px var(--primary)}.nav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;font-family:var(--font-mono)}.sidebar-foot{padding:12px 16px;border-top:1px solid var(--border);font-size:11px;color:var(--text-dim);font-family:var(--font-mono);display:flex;align-items:center;gap:8px;white-space:nowrap}.sidebar-toggle{display:flex;align-items:center;justify-content:center;margin:0 10px 10px;padding:7px 0;border-radius:9px;border:1px solid var(--border);background:var(--panel);color:var(--text-dim);cursor:pointer;transition:background .18s,color .18s}.sidebar-toggle:hover{background:var(--panel-strong);color:var(--text)}.sidebar-toggle svg{transition:transform .2s ease;transform:rotate(180deg)}.sidebar.collapsed{width:60px}.sidebar.collapsed .brand{justify-content:center;padding-left:0;padding-right:0;gap:0}.sidebar.collapsed .brand-text{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding-left:0;padding-right:0;gap:0}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-badge{position:absolute;top:3px;right:4px;margin-left:0;min-width:15px;height:15px;padding:0 4px;font-size:9.5px}.sidebar.collapsed .sidebar-toggle svg{transform:rotate(0)}.sidebar.collapsed .sidebar-foot{justify-content:center;padding-left:0;padding-right:0}.sidebar.collapsed .foot-version{display:none}.topbar{height:var(--topbar-h);flex-shrink:0;display:flex;align-items:center;gap:16px;padding:0 24px;border-bottom:1px solid var(--border);background:#0b0e14b3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20}.topbar-title{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:.4px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:14px}.clock{font-family:var(--font-mono);font-size:13.5px;color:var(--text-dim);letter-spacing:.5px}.conn-pill{display:flex;align-items:center;gap:7px;padding:4px 11px;border-radius:999px;border:1px solid var(--border-strong);font-size:12px;color:var(--text-dim);background:var(--panel)}.conn-pill .dot{width:8px;height:8px;border-radius:50%}.conn-pill.ok .dot{background:var(--success);box-shadow:0 0 8px var(--success)}.conn-pill.bad .dot{background:var(--danger);box-shadow:0 0 8px var(--danger);animation:blink 1s infinite}.conn-pill.wait .dot{background:var(--warning);box-shadow:0 0 8px var(--warning);animation:blink 1s infinite}.bell{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:var(--text-dim);transition:.18s}.bell:hover{background:var(--panel-strong);color:var(--text)}.bell-badge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center;font-family:var(--font-mono);box-shadow:0 0 10px #f8514999}.bell-badge.pulse{animation:breathe 1.8s ease-in-out infinite}.offline-banner{background:linear-gradient(90deg,#f8514938,#f851491a);border-bottom:1px solid rgba(248,81,73,.4);color:#ffb3ae;font-size:13px;text-align:center;padding:6px 12px;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;transition:border-color .2s,transform .2s,box-shadow .2s}.card.hoverable:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 28px #00000059}.card-title{font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:1px;color:var(--text-dim);text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:8px}.card-title .spacer{flex:1}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:18px}.kpi{position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(220px 90px at 20% 0%,var(--kpi-glow, rgba(88,166,255,.09)),transparent 70%)}.kpi-label{font-size:12px;color:var(--text-dim);display:flex;align-items:center;gap:7px}.kpi-value{font-family:var(--font-display);font-size:34px;font-weight:700;line-height:1.15;margin-top:6px;letter-spacing:.5px}.kpi-value small{font-size:15px;color:var(--text-dim);font-weight:500;margin-left:3px}.kpi-sub{font-size:12px;color:var(--text-dim);margin-top:4px;display:flex;gap:10px}.kpi.critical-glow{border-color:#f8514973;animation:breathe 2.2s ease-in-out infinite}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1.6;white-space:nowrap;border:1px solid color-mix(in srgb,var(--badge-c) 45%,transparent);color:var(--badge-c);background:color-mix(in srgb,var(--badge-c) 12%,transparent)}.badge .bdot{width:6px;height:6px;border-radius:50%;background:var(--badge-c);box-shadow:0 0 6px var(--badge-c)}.badge.lg{font-size:13px;padding:4px 13px}.badge.breathe-badge{animation:breathe 1.8s ease-in-out infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 14px;border-radius:9px;border:1px solid var(--border-strong);background:var(--panel-strong);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:.16s;-webkit-user-select:none;user-select:none}.btn:hover{border-color:#58a6ff80;color:var(--primary);background:#58a6ff14}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;pointer-events:none}.btn.primary{background:#58a6ff29;border-color:#58a6ff80;color:var(--primary)}.btn.primary:hover{background:#58a6ff42}.btn.danger{color:var(--danger);border-color:#f8514966}.btn.danger:hover{background:#f851491f;border-color:var(--danger)}.btn.warn{color:var(--warning);border-color:#d2992266}.btn.warn:hover{background:#d299221f}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn.ghost:hover{color:var(--primary);background:#58a6ff14}.btn.sm{padding:4px 10px;font-size:12px;border-radius:7px}.btn.icon{padding:6px}.input,.select,textarea.input{width:100%;padding:8px 11px;border-radius:9px;border:1px solid var(--border-strong);background:#00000040;color:var(--text);font-size:13px;font-family:inherit;outline:none;transition:border-color .16s,box-shadow .16s}.input:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #58a6ff26}.select option{background:#151b26}.field{display:flex;flex-direction:column;gap:5px}.field>label{font-size:12px;color:var(--text-dim);font-weight:500}.mono{font-family:var(--font-mono)}.robot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:14px}.robot-card{display:flex;flex-direction:column;gap:10px;cursor:pointer}.robot-card.offline{opacity:.65}.robot-card-head{display:flex;align-items:center;gap:12px}.robot-card-name{font-family:var(--font-display);font-size:16px;font-weight:600}.robot-card-model{font-size:11px;color:var(--text-dim);font-family:var(--font-mono)}.robot-card-mid{display:flex;align-items:center;justify-content:space-between;gap:8px}.robot-pos{font-family:var(--font-mono);font-size:11.5px;color:var(--text-dim)}.robot-status-text{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:18px}.robot-card-actions{display:flex;gap:6px;border-top:1px solid var(--border);padding-top:10px}.robot-card-actions .btn{flex:1}.batt-ring{position:relative;display:grid;place-items:center;flex-shrink:0}.batt-ring svg{transform:rotate(-90deg)}.batt-ring circle{transition:stroke-dashoffset .9s ease,stroke .9s ease}.batt-ring-val{position:absolute;font-family:var(--font-display);font-weight:700;display:flex;align-items:baseline}.batt-ring-val small{font-size:.55em;color:var(--text-dim)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;padding:8px 10px;color:var(--text-dim);font-weight:500;font-size:12px;border-bottom:1px solid var(--border-strong);white-space:nowrap}.table td{padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}.table tr:hover td{background:#ffffff05}.feed{display:flex;flex-direction:column}.feed-item{display:flex;gap:10px;padding:8px 2px;border-bottom:1px solid var(--border);font-size:12.5px;animation:fadeIn .35s ease}.feed-item:last-child{border-bottom:none}.feed-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.feed-body{flex:1;min-width:0}.feed-msg{color:var(--text);word-break:break-all}.feed-meta{color:var(--text-dim);font-size:11px;font-family:var(--font-mono);margin-top:1px;display:flex;gap:8px}.timeline{position:relative;padding-left:18px}.timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1.5px;background:var(--border-strong)}.tl-item{position:relative;padding:6px 0 10px;font-size:12.5px}.tl-item:before{content:"";position:absolute;left:-17.5px;top:11px;width:9px;height:9px;border-radius:50%;background:var(--tl-c, var(--primary));box-shadow:0 0 8px var(--tl-c, var(--primary))}.tl-time{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.alert-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;border:1px solid var(--border);background:var(--panel);margin-bottom:8px;border-left:3px solid var(--sev-c, var(--primary));animation:fadeIn .3s ease}.alert-row.critical{animation:breathe 2.2s ease-in-out infinite;border-color:#f8514959;border-left-color:var(--danger)}.alert-msg{flex:1;min-width:0;font-size:13px}.alert-meta{font-size:11.5px;color:var(--text-dim);font-family:var(--font-mono);margin-top:2px}.task-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}@media (max-width: 1100px){.task-cols{grid-template-columns:1fr}}.task-col-head{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:1px;color:var(--text-dim);margin-bottom:10px;text-transform:uppercase}.task-count{font-family:var(--font-mono);font-size:11px;background:var(--panel-strong);border:1px solid var(--border-strong);padding:1px 8px;border-radius:999px}.task-card{padding:12px 14px;margin-bottom:10px;cursor:pointer}.task-card-top{display:flex;align-items:center;gap:8px;margin-bottom:5px}.task-type{font-weight:600;font-size:13.5px}.task-id{font-family:var(--font-mono);font-size:10.5px;color:var(--text-dim)}.task-payload{font-size:12px;color:var(--text-dim);word-break:break-all}.task-times{display:flex;gap:12px;font-family:var(--font-mono);font-size:11px;color:var(--text-dim);margin-top:6px}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:60;animation:fadeIn .2s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:92vw;z-index:61;background:#0f141deb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-left:1px solid var(--border-strong);display:flex;flex-direction:column;animation:slideIn .25s cubic-bezier(.2,.8,.3,1);box-shadow:-18px 0 50px #00000080}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--border)}.drawer-title{font-family:var(--font-display);font-size:16px;font-weight:600;flex:1}.drawer-body{flex:1;overflow-y:auto;padding:16px 18px}.map-page{position:relative;width:100%;height:100%}.map-canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.map-toolbar{position:absolute;top:14px;left:14px;z-index:10;display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-width:calc(100% - 28px)}.glass-bar{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:11px;background:#0b0e14b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-strong)}.seg{display:flex;border-radius:8px;overflow:hidden;border:1px solid var(--border-strong)}.seg button{padding:5px 14px;font-size:12.5px;background:transparent;color:var(--text-dim);border:none;cursor:pointer;transition:.15s;font-weight:600}.seg button.on{background:#58a6ff33;color:var(--primary)}.legend-item{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-dim);padding:0 5px}.legend-swatch{width:9px;height:9px;border-radius:3px}.chip-label{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--text-dim);padding:0 2px 0 5px;white-space:nowrap}.chip-set{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;border:1px solid var(--border-strong);background:transparent;color:var(--text-dim);font-size:12px;font-weight:600;cursor:pointer;transition:.15s;white-space:nowrap}.chip:hover{color:var(--text);border-color:#58a6ff73}.chip.on{background:#58a6ff2e;border-color:#58a6ff8c;color:var(--primary)}.chip-dot{width:7px;height:7px;border-radius:50%;flex:none}.chip-tag{font-size:9px;line-height:1;font-weight:700;padding:2px 4px;border-radius:4px;border:1px solid currentColor;opacity:.75}.map-side{position:absolute;top:14px;right:14px;bottom:14px;width:300px;z-index:10;transform:translate(115%);transition:transform .3s cubic-bezier(.2,.8,.3,1);pointer-events:none}.map-side.open{transform:translate(0);pointer-events:auto}.map-side .card{height:auto;max-height:100%;overflow-y:auto;background:#0b0e14d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.plate{display:flex;flex-direction:column;align-items:center;gap:3px;background:#0b0e14c7;border:1px solid var(--border-strong);border-radius:8px;padding:4px 9px 6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translateZ(0);white-space:nowrap;pointer-events:none}.plate-row{display:flex;align-items:center;gap:6px}.plate-name{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--text)}.plate-dot{width:7px;height:7px;border-radius:50%}.plate-batt{width:52px;height:4px;border-radius:2px;background:#ffffff1f;overflow:hidden}.plate-batt i{display:block;height:100%;border-radius:2px;transition:width .8s ease,background .8s ease}.plate.critical{animation:breathe 1.8s ease-in-out infinite;border-color:#f851498c}.map-place-label{font-family:var(--font-mono);font-size:10px;color:#e6edf3bf;background:#0b0e1499;padding:1px 6px;border-radius:5px;border:1px solid var(--border);white-space:nowrap;pointer-events:none;transform:translateZ(0)}.floor-tag{font-family:var(--font-display);font-size:22px;font-weight:700;color:#58a6ff80;pointer-events:none;text-shadow:0 0 18px rgba(88,166,255,.4)}.ele-shaft{position:relative;width:190px;margin:0 auto;border:1px solid var(--border-strong);border-radius:12px;background:linear-gradient(180deg,#58a6ff0d,#58a6ff05);overflow:hidden}.ele-floor{height:130px;border-bottom:1px dashed var(--border-strong);position:relative;display:flex;align-items:flex-end;padding:8px 10px}.ele-floor:last-child{border-bottom:none}.ele-floor-label{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--text-dim)}.ele-car{position:absolute;left:24px;right:24px;height:104px;border-radius:10px;border:1.5px solid rgba(88,166,255,.65);background:#58a6ff1a;box-shadow:0 0 26px #58a6ff4d,inset 0 0 22px #58a6ff1f;transition:top 1.6s cubic-bezier(.45,0,.25,1);display:flex;align-items:center;justify-content:center;overflow:hidden}.ele-doors{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:none}.ele-door{flex:1;background:linear-gradient(90deg,#8b949e47,#8b949e29);transition:transform 1s ease;border-right:1px solid rgba(255,255,255,.15)}.ele-door.right{border-right:none;border-left:1px solid rgba(255,255,255,.15)}.ele-doors.open .ele-door.left{transform:translate(-101%)}.ele-doors.open .ele-door.right{transform:translate(101%)}.ele-holder{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--primary);z-index:1}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-strong);margin-bottom:14px}.tab{padding:8px 16px;font-size:13.5px;color:var(--text-dim);cursor:pointer;font-weight:500;border:none;background:none;border-bottom:2px solid transparent;transition:.15s}.tab:hover{color:var(--text)}.tab.on{color:var(--primary);border-bottom-color:var(--primary)}.tab .cnt{font-family:var(--font-mono);font-size:11px;margin-left:5px;opacity:.8}.toasts{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{padding:10px 16px;border-radius:10px;font-size:13px;max-width:380px;background:#0f141df2;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toastIn .28s cubic-bezier(.2,.8,.3,1);box-shadow:0 10px 32px #00000080;border-left:3px solid var(--primary)}.toast.error{border-left-color:var(--danger)}.toast.success{border-left-color:var(--success)}@keyframes toastIn{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:44px 20px;color:var(--text-dim);text-align:center}.empty svg{opacity:.4}.empty-title{font-family:var(--font-display);font-size:15px;font-weight:600}.empty-sub{font-size:12.5px}.grid2{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start}@media (max-width: 1100px){.grid2{grid-template-columns:1fr}}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.dim{color:var(--text-dim)}.small{font-size:12px}.section-gap{margin-top:18px}.num{font-family:var(--font-display);font-weight:700}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:12.5px}.kv dt{color:var(--text-dim);white-space:nowrap}.kv dd{font-family:var(--font-mono);text-align:right;word-break:break-all}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.media-item{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--border);aspect-ratio:4/3;background:#00000059;transition:.18s;padding:0;cursor:pointer}.media-item:hover{border-color:var(--primary);transform:translateY(-2px)}.media-item img,.media-item video{width:100%;height:100%;object-fit:cover;display:block}.media-tag{position:absolute;left:6px;bottom:6px;font-size:10.5px;font-family:var(--font-mono);background:#000000a6;padding:1px 7px;border-radius:5px;color:var(--text)}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;display:flex;align-items:center;justify-content:center;background:#04080ed1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .15s ease}.lightbox-body{display:flex;flex-direction:column;gap:8px;max-width:92vw;max-height:92vh;background:var(--panel, #0f141d);border:1px solid var(--border);border-radius:12px;padding:10px 12px 12px;box-shadow:0 18px 60px #0009}.lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.lightbox-title{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-family:var(--font-mono);color:var(--text)}.lightbox-media{max-width:88vw;max-height:78vh;min-width:min(520px,85vw);object-fit:contain;border-radius:8px;background:#000;display:block}.lightbox-analysis{max-width:88vw;padding:8px 11px;border-radius:8px;background:#ffffff0d;border:1px solid var(--border);font-size:12.5px;line-height:1.6;max-height:22vh;overflow-y:auto}.lightbox-analysis-q{color:var(--text-dim);font-size:11px;font-family:var(--font-mono);margin-bottom:4px}.lightbox-analysis-a{color:var(--text);white-space:pre-wrap}.media-ai-badge{position:absolute;top:3px;left:3px;font-size:9.5px;font-weight:700;background:var(--primary);color:#04101f;padding:0 5px;border-radius:4px;line-height:1.6}.vc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;display:flex;flex-direction:column;background:#05080d;animation:fadeIn .15s ease}.vc-head{display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--border);background:#ffffff05}.vc-title{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--text)}.vc-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-family:var(--font-mono);color:var(--text-dim)}.vc-status .vc-dot{width:7px;height:7px;border-radius:50%;background:var(--warning);animation:blink 1.1s infinite}.vc-status.ok{color:var(--success)}.vc-status.ok .vc-dot{background:var(--success);animation:none;box-shadow:0 0 6px var(--success)}.vc-status.bad{color:var(--danger)}.vc-status.bad .vc-dot{background:var(--danger);animation:none}.vc-timer{margin-left:auto;font-family:var(--font-mono);font-size:13px;color:var(--text)}.vc-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.vc-remote{width:100%;height:100%;object-fit:contain;background:#000;display:block}.vc-local{position:absolute;right:18px;bottom:18px;width:clamp(140px,20vw,260px);aspect-ratio:4 / 3;object-fit:cover;border-radius:10px;border:1px solid var(--border);background:#000;box-shadow:0 8px 28px #0000008c;z-index:2}.vc-waiting{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-dim);font-size:13px;pointer-events:none}.vc-waiting .vc-err{color:var(--danger);font-size:12px;max-width:70vw;text-align:center}.vc-pulse{animation:blink 1.4s infinite}.vc-unsupported{flex-direction:column;gap:10px;color:var(--text);font-size:14px;text-align:center;padding:20px}.vc-unsupported .dim{font-size:12.5px}.vc-foot{display:flex;justify-content:center;padding:14px 0 18px;border-top:1px solid var(--border)}.vc-hangup{padding:9px 26px;font-size:14px;border-radius:999px;background:#f8514924}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:.35}}@keyframes breathe{0%,to{box-shadow:0 0 #f8514900}50%{box-shadow:0 0 22px 2px #f8514973}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.fade-in{animation:fadeIn .35s ease}.detail-head{padding:12px 16px}.detail-name{font-family:var(--font-display);font-size:19px;font-weight:700;line-height:1.25}.detail-head .kv{gap:2px 12px;font-size:12px}.dash-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;align-items:start}@media (max-width: 900px){.dash-grid{grid-template-columns:1fr}}.media-grid.compact{grid-template-columns:repeat(6,minmax(0,1fr))}@media (max-width: 900px){.media-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}}.media-more{display:flex;justify-content:center;margin-top:10px}.fold-card{padding:0}.fold-head{width:100%;display:flex;align-items:center;gap:8px;padding:13px 16px;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:1px;color:var(--text-dim);text-transform:uppercase;transition:color .15s}.fold-head:hover{color:var(--text)}.fold-chev{flex-shrink:0;transition:transform .2s ease}.fold-chev.open{transform:rotate(90deg)}.fold-body{padding:0 16px 16px;animation:fadeIn .25s ease}.toolbar-fold{display:grid;place-items:center;width:26px;height:26px;margin-left:6px;border:none;background:transparent;color:var(--text-dim);cursor:pointer;border-radius:7px;transition:.18s}.toolbar-fold:hover{background:var(--panel-strong);color:var(--text)}.toolbar-mini{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--border);cursor:pointer;color:var(--text-dim);font-size:12.5px;font-family:var(--font-mono);transition:.18s}.toolbar-mini:hover{color:var(--text);border-color:var(--border-strong)}.map2d-tools{position:absolute;right:14px;bottom:14px;display:flex;gap:6px;z-index:5}.map2d-tools button{width:34px;height:34px;border-radius:9px;border:1px solid var(--border-strong);background:#0b0e14bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-dim);font-size:17px;cursor:pointer;transition:.18s}.map2d-tools button:hover{color:var(--text);border-color:var(--primary)}.side-media{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.side-media .media-item{aspect-ratio:4/3;border-radius:8px}.confirm-body{min-width:320px;max-width:90vw;background:var(--bg-soft);border:1px solid var(--border-strong);border-radius:12px;padding:18px 20px;box-shadow:0 18px 60px #0009}.confirm-title{font-family:var(--font-display);font-weight:600;font-size:15px;margin-bottom:8px}.confirm-msg{font-size:13.5px;color:var(--text);line-height:1.6}.place-coord{margin-left:5px;font-size:10px;color:var(--text-dim);font-family:var(--font-mono)}.plate-coord{font-size:9.5px;color:var(--text-dim);font-family:var(--font-mono);margin-top:2px;text-align:center}.side-media-tag{position:absolute;left:3px;bottom:3px;display:inline-flex;align-items:center;gap:3px;font-size:9px;font-family:var(--font-mono);line-height:1.5;background:#000000b8;padding:0 5px;border-radius:4px;color:var(--text)}.side-media-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#0000008c;color:#fff;font-size:10px;pointer-events:none}.side-media-new{position:absolute;top:3px;right:3px;font-size:9px;font-weight:700;background:var(--success);color:#04110a;padding:0 5px;border-radius:4px}.side-media .media-item.fresh{animation:freshPulse 1.2s ease-in-out 5;border-color:var(--success)}@keyframes freshPulse{0%,to{box-shadow:0 0 #3fb95000}50%{box-shadow:0 0 12px 2px #3fb950a6}}.vc-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 18px}.vc-move{display:flex;gap:6px}.vc-right{display:flex;align-items:center;gap:10px}.vc-vol{display:inline-flex;align-items:center;gap:6px;color:var(--text-dim)}.vc-vol input[type=range]{width:110px;accent-color:var(--primary)}.vc-vol-n{font-family:var(--font-mono);font-size:11.5px;min-width:24px;text-align:right}.vc-map-win{position:absolute;z-index:6;display:flex;flex-direction:column;background:#0b0e14e6;border:1px solid var(--border-strong);border-radius:14px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 18px 50px #0000009e}.vc-map-bar{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:6px 8px;border-bottom:1px solid var(--border);background:#ffffff0b;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.vc-map-grab{color:var(--text-dim);flex:0 0 auto}.vc-map-meta{margin-left:auto;min-width:0;font-family:var(--font-mono);font-size:10.5px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vc-map-close{flex:0 0 auto;display:grid;place-items:center;width:22px;height:22px;border-radius:6px;border:1px solid var(--border-strong);background:transparent;color:var(--text-dim);cursor:pointer;transition:.15s}.vc-map-close:hover{color:var(--danger);border-color:var(--danger)}.vc-map-body{position:relative;flex:1;min-height:0;overflow:hidden}.vc-map-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:14px}.vc-map-grip{position:absolute;right:0;bottom:0;width:20px;height:20px;z-index:8;display:grid;place-items:center;color:var(--text-dim);cursor:nwse-resize;touch-action:none}.vc-map-grip:hover{color:var(--primary)}.seg.xs button{padding:3px 9px;font-size:11px}.vc-mic{max-width:210px;font-size:12px;padding:5px 8px}.vc-thumbs{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:3;max-width:82vw;overflow-x:auto;padding:4px}.vc-thumb{position:relative;width:132px;aspect-ratio:4 / 3;flex:0 0 auto;border-radius:10px;overflow:hidden;border:1px solid var(--border-strong);background:#000;box-shadow:0 6px 20px #00000073}.vc-thumb video{width:100%;height:100%;object-fit:cover;display:block}.vc-thumb-name{position:absolute;left:4px;bottom:4px;max-width:calc(100% - 8px);font-size:9.5px;font-family:var(--font-mono);line-height:1.6;background:#000000b8;color:var(--text);padding:0 5px;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vc-thumb-novideo{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-dim)}.vc-count{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-family:var(--font-mono);color:var(--text-dim)}.vc-pub-err{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-size:12px;color:var(--warning);background:#0009;padding:4px 12px;border-radius:999px;z-index:3;max-width:80vw;text-align:center}.vc-ctrl{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.joy-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.joy-bar.compact{gap:6px}.joy-live-pill{display:inline-flex;align-items:center;gap:7px;padding:3px 10px;border-radius:999px;font-size:11.5px;border:1px solid var(--border-strong);background:#ffffff0a;color:var(--text-dim)}.joy-live-pill code{font-family:var(--font-mono);font-size:11px;color:var(--text)}.joy-live-pill .joy-dot{width:7px;height:7px;border-radius:50%;background:var(--text-dim)}.joy-live-pill.idle{color:var(--text);border-color:#58a6ff66}.joy-live-pill.idle .joy-dot{background:var(--primary)}.joy-live-pill.move{color:var(--success);border-color:#3fb9508c;background:#3fb9501f}.joy-live-pill.move .joy-dot{background:var(--success);box-shadow:0 0 8px var(--success)}.joy-live-pill.move code{color:var(--success)}.joy-live-pill.halt{color:var(--danger);border-color:#f851498c;background:#f851491f}.joy-live-pill.halt .joy-dot{background:var(--danger);animation:blink .8s infinite}.joy-live-pill.nopad{color:var(--warning);border-color:#d2992273}.joy-live-pill.paused{color:var(--text-dim)}.joy-live-pill.nopad .joy-dot{background:var(--warning);animation:blink 1.2s infinite}.joy-off{color:var(--danger);font-weight:600}.joy-panel{min-width:520px;max-width:620px;max-height:88vh;overflow-y:auto}.joy-status{margin:8px 0 12px;padding:7px 11px;border-radius:8px;font-size:12.5px;background:#d299221a;border:1px solid rgba(210,153,34,.35);color:var(--warning)}.joy-status.ok{background:#3fb9501a;border-color:#3fb95059;color:var(--success)}.joy-rows{display:flex;flex-direction:column}.joy-row{display:grid;grid-template-columns:108px 1fr;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)}.joy-row:last-child{border-bottom:none}.joy-row-label{display:flex;flex-direction:column;font-size:12.5px}.joy-row-label small{color:var(--text-dim);font-size:10.5px}.joy-row-body{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.joy-sel{font-size:12px;padding:4px 8px;max-width:190px}.joy-sel.wide{max-width:320px}.joy-check{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-dim)}.joy-range{flex:1;min-width:140px;accent-color:var(--primary)}.joy-num{font-family:var(--font-mono);font-size:11.5px;min-width:82px;text-align:right;color:var(--text)}.joy-bind{font-family:var(--font-mono);font-size:11.5px;color:var(--text);background:var(--panel-strong);border:1px solid var(--border);border-radius:6px;padding:2px 8px}.joy-preview{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--border)}.joy-preview-title{font-size:12.5px;font-weight:600;margin-bottom:8px}.joy-live{color:var(--success);font-size:11px}.joy-preview-row{display:grid;grid-template-columns:122px 1fr 118px;gap:10px;align-items:center;font-size:12px;margin-bottom:6px}.joy-preview-row code{font-family:var(--font-mono);font-size:11px;color:var(--text-dim)}.joy-meter{position:relative;display:block;height:8px;border-radius:999px;background:#ffffff12;overflow:hidden}.joy-meter-fill{position:absolute;top:0;height:100%;background:var(--primary);transition:width 60ms linear}.joy-meter-fill.w{background:var(--accent)}.joy-meter-mid{position:absolute;left:50%;top:0;width:1px;height:100%;background:#ffffff40}.chat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.chat-room-card{display:flex;flex-direction:column;gap:6px}.chat-room-name{font-family:var(--font-display);font-size:16px;font-weight:700}.chat-room-meta{display:flex;gap:12px;font-size:12.5px;align-items:center}.chat-room-meta .ok{color:var(--success)}.btn.ghost.danger{color:var(--danger)}.btn.ghost.danger:hover{background:#f851491a}.chat-stage{position:relative;flex:1;min-height:0;display:flex;padding:12px;overflow-y:auto}.chat-grid{flex:1;display:grid;gap:10px;align-content:center;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.chat-grid.single{grid-template-columns:minmax(0,960px);justify-content:center}.chat-tile{position:relative;border-radius:12px;overflow:hidden;background:#000;border:1px solid var(--border-strong);aspect-ratio:4 / 3;min-height:0}.chat-tile video{width:100%;height:100%;object-fit:cover;display:block}.chat-tile.cam video{object-fit:contain}.chat-tile-name{position:absolute;left:6px;bottom:6px;max-width:calc(100% - 12px);z-index:2;font-size:11px;font-family:var(--font-mono);line-height:1.7;background:#000000b8;color:var(--text);padding:0 7px;border-radius:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-tile-novideo{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-dim)}.chat-tile-x{position:absolute;top:6px;right:6px;z-index:3;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;border:1px solid var(--border-strong);background:#0000008c;color:var(--text-dim);cursor:pointer;transition:.15s}.chat-tile-x:hover{color:var(--danger);border-color:var(--danger)}.chat-speaker{flex:1;display:flex;gap:10px;min-height:0}.chat-main{flex:1;min-width:0;display:flex}.chat-main .chat-tile{flex:1;aspect-ratio:auto}.chat-main .chat-tile video{object-fit:contain}.chat-rail{width:190px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.chat-rail .chat-tile{cursor:pointer;flex:0 0 auto}.chat-rail .chat-tile:hover{border-color:var(--primary)}.whep-status{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-dim);font-size:12px;background:#0006}.whep-status.whep-clickplay{cursor:pointer;color:var(--text)}.whep-status.whep-clickplay:hover{background:#0000008c}.vc-local.off{opacity:.25}.chat-type-row{display:flex;align-items:flex-start;gap:8px;padding:9px 2px;border-bottom:1px solid var(--border)}.chat-type-row:last-child{border-bottom:none}.teleop-hint{color:var(--text-2);font-size:13px;line-height:1.8;margin:6px 0 14px;max-width:78ch}.teleop-hint b{color:var(--text);font-weight:600}.teleop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:12px}.teleop-item{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 16px;border-radius:12px;cursor:pointer;background:var(--surface-2);border:1px solid var(--border);color:var(--text);transition:border-color .15s,transform .15s,background .15s}.teleop-item:hover:not(:disabled){border-color:var(--primary);transform:translateY(-1px);background:var(--surface-3, var(--surface-2))}.teleop-item.off{opacity:.5;cursor:not-allowed}.teleop-meta{flex:1;min-width:0}.teleop-name{font-weight:600;display:flex;align-items:center;gap:8px}.teleop-badge{font-size:12px;font-weight:500}.teleop-sub{font-size:12px;color:var(--text-2);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teleop-sub.dim{opacity:.75}.teleop-go{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--primary);white-space:nowrap}.teleop-item.off .teleop-go{color:var(--text-2)}.joy-diag{font-size:12px;line-height:1.9;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin:-4px 0 12px}.joy-sub{font-size:12px;font-weight:400;color:var(--text-2);margin-left:10px}@media (max-width: 620px){.joy-rows .joy-row{grid-template-columns:1fr;align-items:stretch;gap:6px}.joy-rows .joy-row>:last-child{justify-content:flex-start}.joy-diag{font-size:12.5px}}.vjoy{position:fixed;left:18px;bottom:132px;z-index:60;width:min(42vw,170px);aspect-ratio:1 / 1;border-radius:50%;background:radial-gradient(circle at 50% 45%,#58a6ff29,#0d11176b 70%);border:1.5px solid rgba(88,166,255,.45);box-shadow:0 6px 22px #0006,inset 0 0 24px #58a6ff1a;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .15s,border-color .15s;opacity:.72}.vjoy.on{opacity:1;border-color:#58a6ffe6}.vjoy-cross{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;border:1px dashed rgba(255,255,255,.16);pointer-events:none}.vjoy-knob{position:absolute;width:34%;height:34%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(circle at 38% 34%,#cfe6ff,#58a6ff 62%,#2f6fd0);box-shadow:0 3px 12px #00000073;transition:left .05s linear,top .05s linear}.vjoy-hint{position:absolute;left:0;right:0;bottom:-22px;text-align:center;font-size:11px;color:var(--text-2);pointer-events:none;white-space:nowrap}.vjoy.on .vjoy-hint{visibility:hidden}@media (max-width: 620px){.vjoy{bottom:150px;left:14px}}@supports (height: 100dvh){.app,.vc-overlay{height:100dvh}}@media (max-width: 760px){.app{padding-left:60px}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:200;box-shadow:6px 0 24px #00000080}.sidebar.collapsed{box-shadow:none}.page{padding:14px 12px 24px}.topbar{padding-left:12px;padding-right:12px}.teleop-item{flex-wrap:wrap;gap:8px 10px}.teleop-go{width:100%;justify-content:flex-end}.teleop-hint{font-size:12.5px}.vc-overlay{overflow-x:hidden}.vc-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.vc-ctrl{order:1;flex:1 1 100%;justify-content:center;gap:8px}.vc-right{order:2;flex-wrap:wrap;justify-content:center;gap:8px}.vc-hangup{order:3;padding:8px 22px;font-size:13.5px}.vc-vol input[type=range]{width:84px}.vc-mic{max-width:44vw}.vc-head{padding:8px 10px;gap:8px;flex-wrap:wrap}.vc-title{font-size:12px}.vc-local{width:26vw;max-width:130px}.vjoy{bottom:190px}.map-toolbar{pointer-events:none}.map-toolbar>*{pointer-events:auto}.map-side{top:auto;left:8px;right:8px;bottom:8px;width:auto;max-height:38%;transform:translateY(115%)}.map-side.open{transform:translateY(0)}.map-side .card{max-height:100%}}.vc-map-win .plate{padding:3px 7px 4px;gap:2px;border-radius:6px}.vc-map-win .plate-name{font-size:10px}.vc-map-win .plate-dot{width:6px;height:6px}.vc-map-win .plate-batt{width:38px;height:3px}.vc-map-win .plate-coord{font-size:8.5px}.vc-map-win .map-place-label{font-size:9px;padding:0 4px}.vc-map-win .floor-tag{font-size:9px}.vc-map-win .map2d-tools{right:8px;bottom:8px;gap:4px}.vc-map-win .map2d-tools button{width:28px;height:28px;font-size:14px;border-radius:7px}