@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Rajdhani:wght@500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8f6ff;--panel:#06121cc7;--panel-strong:#081a28f0;--line:#6ecdff38;--line-strong:#6ecdff80;--blue:#66d9ff;--amber:#ffbe55;--red:#ff6262;--green:#7dffb2;background:#03070b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:1100px;min-height:100vh;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 25% 15%,#388cb42e,#0000 34%),radial-gradient(circle at 85% 65%,#10507833,#0000 32%),linear-gradient(135deg,#020406 0%,#06111a 55%,#020305 100%);min-height:100vh;padding:24px;position:relative}.command-header{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040e16c7;border-radius:22px;grid-template-columns:1fr minmax(360px,520px) auto;align-items:center;gap:18px;padding:16px 18px;display:grid;position:relative;box-shadow:0 24px 80px #00000059,inset 0 0 35px #52c7ff0d}.brand-lockup,.status-chip,.search-console,.metric-card,.primary-action{align-items:center;display:flex}.brand-lockup{gap:14px}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.22em;margin:0 0 4px;font-size:11px}h1,h2{letter-spacing:-.04em;margin:0}h1{font-size:24px}h2{font-size:28px}.muted{color:#e8f6ffad}.search-console{border:1px solid var(--line);background:#00000042;border-radius:16px;gap:10px;padding:10px 10px 10px 14px}.search-console input{color:#e8f6ff;background:0 0;border:0;outline:0;width:100%}.search-console button,.primary-action{color:#021017;background:var(--blue);border:0;border-radius:12px;padding:10px 14px;font-weight:800}.status-chip{border:1px solid var(--line);color:var(--green);background:#7dffb214;border-radius:999px;justify-content:center;gap:8px;padding:12px 14px}.map-frame{border:1px solid var(--line);background:radial-gradient(circle,#66d9ff14,#0000 45%),linear-gradient(90deg,#66d9ff0a 1px,#0000 1px) 0 0/42px 42px,linear-gradient(#66d9ff0a 1px,#0000 1px) 0 0/42px 42px,#030a10;border-radius:28px;justify-content:center;align-items:center;height:calc(100vh - 48px);margin-top:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #66d9ff14}.command-wall-frame{border:1px solid var(--line);background:radial-gradient(circle at 18% 20%,#66d9ff24,#0000 30%),radial-gradient(circle at 72% 68%,#ffbe5514,#0000 28%),linear-gradient(90deg,#66d9ff0a 1px,#0000 1px) 0 0/46px 46px,linear-gradient(#66d9ff0a 1px,#0000 1px) 0 0/46px 46px,linear-gradient(135deg,#020507 0%,#07131d 54%,#020304 100%);border-radius:28px;height:calc(100vh - 48px);margin-top:0;padding:26px 372px 28px 26px;position:relative;overflow:hidden;box-shadow:inset 0 0 100px #66d9ff14,0 34px 110px #00000073}.command-wall-frame:before,.command-wall-frame:after{content:"";pointer-events:none;position:absolute}.command-wall-frame:before{opacity:.8;background:linear-gradient(115deg,#0000 0 24%,#66d9ff0f 34%,#0000 46% 100%),radial-gradient(circle,#0000 45%,#00000075);inset:0}.command-wall-frame:after{mix-blend-mode:screen;background:repeating-linear-gradient(#ffffff05,#ffffff05 1px,#0000 1px 6px);inset:0}.command-wall-radar{opacity:.22;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#0000 0 18%,#66d9ff0d 18.3%,#0000 18.8% 36%,#66d9ff09 36.3%,#0000 36.8% 54%,#66d9ff07 54.3%,#0000 54.8%),conic-gradient(#0000 0deg 294deg,#66d9ff38 342deg,#0000 360deg);border-radius:50%;width:118vmax;height:118vmax;animation:9s linear infinite radarSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.command-wall-grid{pointer-events:none;border:1px solid #66d9ff14;border-radius:24px;position:absolute;inset:18px}.command-wall-header,.command-wall-board{z-index:3;position:relative}.command-wall-header{align-items:center;gap:14px;max-width:920px;margin-bottom:18px;margin-left:9px;display:flex}.command-wall-mark{width:46px;height:46px;color:var(--blue);background:#66d9ff14;border:1px solid #66d9ff59;border-radius:16px;place-items:center;display:grid;box-shadow:0 0 24px #66d9ff29}.command-wall-header h1{letter-spacing:.02em;text-transform:uppercase;font-size:28px}.command-wall-board{gap:16px;height:calc(100% - 86px);padding:4px 8px 22px 9px;display:grid;overflow-y:auto}.command-host-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#081824ad,#02080db8),#0000002e;border:1px solid #66d9ff21;border-radius:22px;box-shadow:inset 0 0 34px #66d9ff0a}.command-host-group-header{color:#e8f6ffdb;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid #66d9ff1f;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;font-size:12px;font-weight:900;display:flex}.command-host-group-header strong{min-width:28px;height:24px;color:var(--blue);background:#66d9ff14;border:1px solid #66d9ff3d;border-radius:999px;place-items:center;font-size:11px;display:grid}.command-host-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;padding:16px;display:grid}.command-host-card{color:#e8f6ff;text-align:left;cursor:pointer;--signal-color:#8c98a5cc;--signal-soft:#8c98a52e;background:#02090fc7;border:1px solid #66d9ff2e;border-radius:20px;min-height:218px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 28px #66d9ff0a,0 18px 38px #00000047}.command-host-card.status-online{--signal-color:#5be0a0;--signal-soft:#5be0a02e}.command-host-card.status-warning{--signal-color:#ffc857;--signal-soft:#ffc8572e}.command-host-card.status-offline{--signal-color:#ff7a7a;--signal-soft:#ff7a7a2e}.command-host-card:hover,.command-host-card.is-selected{border-color:var(--signal-color);transform:translateY(-1px)}.command-host-card.is-selected{box-shadow:inset 0 0 34px var(--signal-soft), 0 0 0 1px var(--signal-color), 0 18px 42px #00000057, 0 0 32px var(--signal-soft)}.command-host-sky{background:radial-gradient(circle at 50% 18%, var(--signal-soft), transparent 42%), linear-gradient(180deg, #ffffff09, transparent 70%);height:104px;display:block;position:relative;overflow:hidden}.command-host-beam{clip-path:polygon(38% 100%,62% 100%,100% 0,0 0);background:linear-gradient(180deg, var(--signal-soft), transparent 80%);filter:blur(1px);width:104px;height:132px;animation:2.5s ease-in-out infinite alternate batBeamPulse;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}.command-host-signal{width:58px;height:58px;box-shadow:0 0 14px var(--signal-color), 0 0 34px var(--signal-soft);background:radial-gradient(circle,#ffe28a 0%,#ffc857 58%,#7f520d 100%);border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;left:50%;transform:translate(-50%)}.command-host-signal svg{width:48px;height:48px}.command-host-signal circle{fill:#02070ae6}.command-host-signal path{fill:#f4ead2}.command-host-body{gap:8px;padding:14px;display:grid}.command-host-kicker,.command-host-meta,.command-host-meta span{align-items:center;display:flex}.command-host-kicker{color:var(--signal-color);letter-spacing:.18em;text-transform:uppercase;gap:7px;font-size:10px;font-weight:900}.command-host-body strong{color:#e8f6ff;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:14px;overflow:hidden}.command-host-ip{color:#e8f6ffa3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.command-host-meta{flex-wrap:wrap;gap:8px}.command-host-meta span{color:#e8f6ff9e;letter-spacing:.06em;text-transform:uppercase;background:#ffffff08;border:1px solid #66d9ff1f;border-radius:999px;gap:5px;padding:5px 7px;font-size:10px}@media (width<=1320px){.command-wall-frame{padding-right:26px}}.world-stage{aspect-ratio:1536/1024;flex-shrink:0;width:500%;height:auto;position:relative}.map-grid{background:radial-gradient(circle,#0000 62%,#0000008f);position:absolute;inset:0}.scanline{pointer-events:none;z-index:3;background:repeating-linear-gradient(#ffffff05,#ffffff05 1px,#0000 1px 5px);position:absolute;inset:0}.district{color:#e8f6ff40;text-transform:uppercase;letter-spacing:.12em;font-size:46px;font-weight:900;position:absolute}.district-a{top:16%;left:9%}.district-b{top:28%;right:8%}.district-c{bottom:12%;left:24%}.route-layer{width:100%;height:100%;position:absolute;inset:0}.route-layer path{fill:none;stroke:#66d9ff2e;stroke-width:.35px;stroke-dasharray:1.5 1.5}.route-layer .active-route{stroke:#66d9ffd9;stroke-width:.55px;stroke-linecap:round;stroke-dasharray:2 1;filter:drop-shadow(0 0 7px #66d9ffcc)}.route-layer.is-driving .active-route{opacity:0}.host-node{z-index:4;color:#e8f6ff;border:1px solid var(--line);background:#051018c7;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 28px #66d9ff29}.host-node.online{color:var(--green)}.host-node.warning{color:var(--amber)}.host-node.offline{color:var(--red)}.host-label{color:#e8f6ff;letter-spacing:.03em;font-size:12px;font-weight:800}.host-ping{opacity:.22;border:1px solid;border-radius:999px;animation:2s infinite pulse;position:absolute;inset:-8px}@keyframes pulse{0%{opacity:.36;transform:scale(.82)}to{opacity:0;transform:scale(1.35)}}.tumbler-cursor{z-index:6;text-align:center;pointer-events:none;transform-origin:50%;width:132px;position:absolute;transform:translate(-50%,-50%)}.tumbler-cursor p{color:var(--blue);letter-spacing:.18em;text-shadow:0 0 14px #66d9ff99;margin:8px 0 0;font-size:10px;font-weight:900}.vehicle-body{width:96px;height:52px;margin:auto;position:relative}.tactical-vehicle{filter:drop-shadow(0 0 18px #66d9ff3d)}.tumbler-cursor.is-moving .tactical-vehicle{filter:drop-shadow(0 0 28px #66d9ff80);animation:.16s linear infinite alternate engineShake}.tactical-vehicle .tumbler-img{transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;width:90px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.tumbler-flame-wrap{pointer-events:none;z-index:1;visibility:hidden;width:0;height:0;position:absolute;top:50%;left:10%;transform:translateY(-50%)}.tumbler-cursor.is-moving .tumbler-flame-wrap{visibility:visible}.tumbler-flame-wrap .exhaust{top:-14px;left:-72px}.armor-shadow{clip-path:polygon(0 50%,12% 22%,37% 12%,66% 8%,100% 34%,100% 66%,66% 92%,37% 88%,12% 78%);background:linear-gradient(90deg,#000000e6,#22313df2 48%,#050a0ef5);border:1px solid #ffffff24;border-radius:20px;position:absolute;inset:7px 5px;box-shadow:inset 0 0 12px #ffffff0f,0 0 34px #66d9ff2e}.front-prong{clip-path:polygon(0 18%,82% 0,100% 50%,82% 100%,0 82%);background:linear-gradient(90deg,#192733,#05080c);border:1px solid #ffffff1f;width:34px;height:15px;position:absolute;right:0}.prong-top{top:7px;transform:skew(-12deg)}.prong-bottom{bottom:7px;transform:skew(12deg)}.side-armor{background:linear-gradient(90deg,#04070a,#233443 48%,#0b1219);border:1px solid #ffffff1f;width:46px;height:14px;position:absolute;left:17px;box-shadow:inset 0 0 8px #66d9ff14}.armor-top{clip-path:polygon(0 100%,18% 0,92% 0,100% 100%);top:4px}.armor-bottom{clip-path:polygon(0 0,18% 100%,92% 100%,100% 0);bottom:4px}.rear-armor{clip-path:polygon(0 50%,30% 8%,100% 0,100% 100%,30% 92%);background:linear-gradient(90deg,#020406,#172631);border:1px solid #ffffff1f;width:25px;height:26px;position:absolute;top:13px;left:3px}.cockpit{display:block;position:absolute}.canopy-main{background:linear-gradient(90deg,#2c495ab3,#66d9ff3d);border:1px solid #66d9ff47;border-radius:40% 55% 55% 40%;width:25px;height:20px;top:16px;left:42px;box-shadow:inset 0 0 10px #66d9ff26}.canopy-core{background:#050d12d1;border:1px solid #66d9ff3d;border-radius:999px;width:12px;height:12px;top:20px;left:49px}.hood-line{transform-origin:0;background:#66d9ff57;height:1px;position:absolute;box-shadow:0 0 8px #66d9ff73}.line-a{width:22px;top:20px;left:30px;transform:rotate(-15deg)}.line-b{width:22px;top:31px;left:29px;transform:rotate(15deg)}.line-c{width:22px;top:26px;left:61px}.engine-glow{filter:blur(7px);opacity:.34;background:#66d9ff70;border-radius:999px;width:25px;height:16px;position:absolute;top:18px;left:-10px}.tumbler-cursor.is-moving .engine-glow{opacity:1;animation:.32s ease-in-out infinite alternate enginePulse}.headlamp{filter:blur(2px);opacity:.62;background:#66d9ff80;border-radius:999px;width:18px;height:5px;position:absolute;right:1px}.beam-top{top:14px;transform:rotate(-5deg)}.beam-bottom{bottom:14px;transform:rotate(5deg)}@keyframes engineShake{0%{transform:translateY(-5px)rotate(-.35deg)}to{transform:translateY(5px)rotate(.35deg)}}@keyframes enginePulse{0%{opacity:.48;transform:scaleX(.75)}to{opacity:.95;transform:scaleX(1.7)}}.wheel{background:linear-gradient(90deg,#000,#0c1116);border:1px solid #ffffff29;border-radius:4px;width:15px;height:10px;position:absolute;box-shadow:inset 0 0 6px #ffffff0d}.left-front{top:2px;right:20px}.right-front{bottom:2px;right:20px}.left-mid{top:0;left:34px}.right-mid{bottom:0;left:34px}.left-rear{top:7px;left:8px}.right-rear{bottom:7px;left:8px}.tumbler-cursor.is-moving .wheel{box-shadow:inset 0 0 6px #ffffff14,0 0 10px #66d9ff24}.batcomputer-panel{z-index:10;border:1px solid var(--line-strong);background:var(--panel-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;width:320px;max-height:calc(100vh - 130px);padding:14px;position:absolute;top:96px;right:24px;overflow-y:auto;box-shadow:0 30px 90px #0000008c,inset 0 0 48px #66d9ff0f}.batcomputer-panel h2{font-size:14px}.batcomputer-panel .muted{margin:4px 0 0;font-size:12px}.batcomputer-panel .eyebrow{letter-spacing:.18em;font-size:9px}.icon-button{border:1px solid var(--line);color:#e8f6ff;background:#ffffff0a;border-radius:12px;width:34px;height:34px;position:absolute;top:16px;right:16px}.panel-grid{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.metric-card{border:1px solid var(--line);background:#00000038;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:10px}.metric-card span{font-size:11px}.metric-card strong{font-size:20px}.terminal-card{color:var(--green);background:#00000059;border:1px solid #7dffb233;border-radius:12px;margin:10px 0;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.terminal-card p{margin:4px 0}.primary-action{justify-content:center;gap:10px;width:100%;min-height:40px;padding:8px 12px;font-size:12px}.deployment-overlay{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.deployment-card{text-align:center;border:1px solid var(--line-strong);background:#05121ceb;border-radius:24px;width:360px;padding:26px;box-shadow:0 30px 100px #000000a6}.countdown{border:1px solid var(--line-strong);width:120px;height:120px;color:var(--blue);border-radius:999px;place-items:center;margin:18px auto;font-size:42px;font-weight:900;display:grid;box-shadow:inset 0 0 36px #66d9ff1f}.dispatched-toast{z-index:100;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05121cf2;border-radius:12px;padding:12px 24px;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.toast-text{color:var(--blue);margin:0;font-size:14px;font-weight:500}.delivery-toast--delivered .toast-text{color:var(--green)}.delivery-toast--failed .toast-text{color:var(--red)}.map-frame:before{content:"";opacity:.34;filter:saturate(.8)contrast(1.15);pointer-events:none;background:linear-gradient(90deg,#03070b2e,#03070b85);position:absolute;inset:0}.map-title-card{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00080db8;border-radius:18px;min-width:260px;padding:14px 16px;position:absolute;top:22px;left:22px}.map-title-card p{color:var(--blue);letter-spacing:.24em;margin:0 0 5px;font-size:11px;font-weight:900}.map-title-card strong{letter-spacing:.12em;font-size:13px;display:block}.road-path{fill:none;stroke-linecap:round;stroke-linejoin:round}.road-path.main{stroke:#ffd260f5;stroke-width:1.05px;filter:drop-shadow(0 0 7px #ffc446d9)}.road-path.secondary{stroke:#78e1ffc7;stroke-width:.62px;filter:drop-shadow(0 0 3px #66d9ff80)}.route-layer .active-route{fill:none;stroke:#8ce6ff;stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round}.route-junction circle:first-child{fill:#e8f6ff;opacity:.9}.route-junction circle:last-child{fill:none;stroke:#66d9ff8c;stroke-width:.25px;animation:2s infinite pulse}@keyframes routeMarch{0%{stroke-dashoffset:0}to{stroke-dashoffset:-3.8px}}.map-frame{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.map-frame.is-dragging{cursor:grabbing}.map-frame:before{display:none}.world-layer{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.map-vignette{z-index:18;pointer-events:none;background:radial-gradient(circle at 50% 46%,#0000 56%,#00000047 100%),linear-gradient(#0000001f,#0000 18% 76%,#0000002e);position:absolute;inset:0}.map-title-card{z-index:24}.map-title-card span{color:#e8f6ff7a;letter-spacing:.08em;margin-top:7px;font-size:11px;display:block}.camera-reset{z-index:24;border:1px solid var(--line);color:var(--blue);letter-spacing:.14em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00080db8;border-radius:14px;padding:11px 14px;font-size:11px;font-weight:900;position:absolute;bottom:22px;right:22px}.fog-layer{z-index:17;pointer-events:none;mix-blend-mode:screen;filter:blur(22px);opacity:.24;position:absolute;inset:-18%}.fog-a{background:radial-gradient(circle at 24% 34%,#66d9ff1f,#0000 26%),radial-gradient(circle at 72% 62%,#b4dcff13,#0000 34%),radial-gradient(circle at 46% 78%,#66d9ff0f,#0000 28%);animation:24s ease-in-out infinite alternate fogDriftA}.fog-b{opacity:.16;background:radial-gradient(circle at 64% 20%,#ffffff0e,#0000 24%),radial-gradient(circle at 16% 78%,#66d9ff16,#0000 32%);animation:32s ease-in-out infinite alternate fogDriftB}.radar-sweep{z-index:16;pointer-events:none;opacity:.18;mix-blend-mode:screen;background:radial-gradient(circle,#0000 0 18%,#66d9ff0b 18.4%,#0000 18.8% 34%,#66d9ff09 34.4%,#0000 34.8% 52%,#66d9ff06 52.4%,#0000 52.8%),conic-gradient(#0000 0deg 292deg,#66d9ff05 310deg,#66d9ff38 342deg,#0000 360deg);border-radius:999px;width:118vmax;height:118vmax;animation:7s linear infinite radarSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-radar{opacity:.26;z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#0000 0 18%,#66d9ff0a 18.3%,#0000 18.6% 36%,#66d9ff08 36.3%,#0000 36.6% 54%,#66d9ff06 54.3%,#0000 54.6%),conic-gradient(#0000 0deg 292deg,#66d9ff33 342deg,#0000 360deg);border-radius:50%;width:115vmax;height:115vmax;animation:8s linear infinite radarSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-radar *{pointer-events:none}.route-layer,.host-node,.tumbler-cursor,.map-grid,.district{position:absolute}.route-layer{z-index:3}.host-node{z-index:8}.tumbler-cursor{z-index:10}.map-grid,.district{z-index:1}.scanline{z-index:22}@keyframes fogDriftA{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(4%,2%)scale(1.08)}}@keyframes fogDriftB{0%{transform:translate(3%,2%)scale(1.05)}to{transform:translate(-5%,-2%)scale(1.12)}}@keyframes radarSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.tactical-vehicle{transform-origin:50%;width:150px;height:90px}.tactical-vehicle .armor-shadow{clip-path:polygon(0 50%,10% 18%,30% 8%,61% 4%,82% 17%,100% 38%,100% 62%,82% 83%,61% 96%,30% 92%,10% 82%);background:linear-gradient(90deg,#000000fa,#1d2b36fa 44%,#04090dfa),linear-gradient(#ffffff14,#0000 45%);inset:6px 5px}.tactical-vehicle .front-prong{width:42px;height:17px;right:-3px}.tactical-vehicle .prong-top{top:5px}.tactical-vehicle .prong-bottom{bottom:5px}.tactical-vehicle .side-armor{width:54px;height:15px;left:18px}.tactical-vehicle .rear-armor{width:31px;height:32px;top:12px;left:0}.tactical-vehicle .canopy-main{width:31px;height:22px;top:17px;left:48px}.tactical-vehicle .canopy-core{width:13px;height:13px;top:22px;left:57px}.tactical-vehicle .line-a{width:25px;top:20px;left:34px}.tactical-vehicle .line-b{width:25px;top:34px;left:34px}.tactical-vehicle .line-c{width:24px;top:28px;left:68px}.rear-nozzle{z-index:3;background:linear-gradient(90deg,#010203,#1b2a36 70%,#4bd8ff);border:1px solid #66d9ff3d;border-radius:999px 0 0 999px;width:18px;height:8px;position:absolute;left:-8px;box-shadow:inset 0 0 8px #000000bf,0 0 12px #66d9ff29}.nozzle-top{top:16px;transform:rotate(-5deg)}.nozzle-bottom{bottom:16px;transform:rotate(5deg)}.tactical-vehicle .engine-glow{filter:blur(8px);opacity:.35;background:radial-gradient(circle,#6ceaffe6,#1f77ff6b 45%,#0000 72%);width:36px;height:22px;top:18px;left:-22px}.exhaust-flame{clip-path:polygon(0 50%,18% 20%,32% 42%,50% 4%,68% 45%,100% 28%,100% 72%,68% 55%,50% 96%,32% 58%,18% 80%);filter:blur(.4px)drop-shadow(0 0 10px #66d9ffa6);opacity:0;transform-origin:100%;z-index:1;background:linear-gradient(90deg,#0000,#3c96ff2e,#69eeffd1);border-radius:999px 0 0 999px;width:40px;height:16px;position:absolute;top:21px;left:-42px}.flame-b{opacity:0;filter:blur(1.2px)drop-shadow(0 0 12px #66d9ff8c);width:32px;height:10px;top:25px}.exhaust-smoke{filter:blur(5px);opacity:0;background:radial-gradient(circle,#82bad229,#0000 65%);border-radius:999px;width:24px;height:24px;position:absolute;top:18px;left:-54px;transform:scale(.4)}.smoke-b{top:27px;left:-46px}.scan-light{mix-blend-mode:screen;opacity:.55;pointer-events:none;z-index:5;background:linear-gradient(105deg,#0000 0 34%,#96f0ff38 44%,#0000 55% 100%);border-radius:20px;animation:3.2s ease-in-out infinite vehicleScan;position:absolute;inset:7px 12px;transform:translate(-34px)}.headlight-cone{clip-path:polygon(0 26%,100% 0,100% 100%,0 74%);filter:blur(3px);opacity:.22;transform-origin:0;z-index:0;background:linear-gradient(90deg,#66d9ff52,#0000 84%);width:56px;height:14px;position:absolute;right:-43px}.cone-top{top:10px;transform:rotate(-8deg)}.cone-bottom{bottom:10px;transform:rotate(8deg)}.tumbler-cursor.is-moving .exhaust-flame{opacity:.86;animation:.18s linear infinite alternate flameBurst}.tumbler-cursor.is-moving .flame-b{opacity:.55;animation:.12s linear infinite alternate-reverse flameBurstSmall}.tumbler-cursor.is-moving .exhaust-smoke{animation:1.05s ease-out infinite smokeTrail}.tumbler-cursor.is-moving .smoke-b{animation-delay:.32s}.tumbler-cursor.is-moving .headlight-cone{opacity:.42;animation:.72s ease-in-out infinite alternate headlightBreath}.tumbler-cursor.is-moving .scan-light{animation-duration:1.35s}.tumbler-cursor.is-moving .wheel{animation:.11s linear infinite alternate wheelTremor}@keyframes vehicleScan{0%,20%{opacity:0;transform:translate(-42px)}45%{opacity:.72}76%,to{opacity:0;transform:translate(52px)}}@keyframes flameBurst{0%{filter:blur(.8px)drop-shadow(0 0 8px #66d9ff94);transform:scaleX(.65)translate(5px)}to{filter:blur(1.6px)drop-shadow(0 0 18px #66d9ffe6);transform:scaleX(1.45)translate(-5px)}}@keyframes flameBurstSmall{0%{transform:scaleX(.75)translate(2px)}to{transform:scaleX(1.25)translate(-4px)}}@keyframes smokeTrail{0%{opacity:0;transform:translate(0)scale(.35)}20%{opacity:.28}to{opacity:0;transform:translate(-28px)scale(1.35)}}@keyframes headlightBreath{0%{opacity:.28;transform:scaleX(.9)}to{opacity:.48;transform:scaleX(1.08)}}@keyframes wheelTremor{0%{transform:translateY(-.6px)}to{transform:translateY(.6px)}}.login-shell{background:radial-gradient(circle at 50% 44%,#66d9ff1f,#0000 32%),radial-gradient(circle at 12% 12%,#ffbe550f,#0000 26%),linear-gradient(135deg,#010305,#06121b 55%,#010203);place-items:center;min-height:100vh;padding:42px;display:grid;position:relative;overflow:hidden}.login-theme-switch{z-index:5;border:1px solid var(--hops-line,#6ecdff38);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040e168c;border-radius:999px;gap:4px;padding:4px;display:inline-flex;position:absolute;top:20px;right:20px}.login-theme-switch button{width:32px;height:32px;color:var(--hops-muted,#e8f6ffa8);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;transition:all .15s;display:grid}.login-theme-switch button:hover{color:var(--hops-text,#e8f6ff)}.login-theme-switch button.is-active{background:var(--hops-blue,#66d9ff);color:#041019}.login-grid-bg{background-color:#0000;background-image:linear-gradient(90deg,#66d9ff0b 1px,#0000 1px),linear-gradient(#66d9ff0b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0 55%,#0000 82%);mask-image:radial-gradient(circle,#000 0 55%,#0000 82%)}.login-fog{pointer-events:none;mix-blend-mode:screen;filter:blur(26px);opacity:.32;position:absolute;inset:-18%}.login-fog-a{background:radial-gradient(circle at 28% 44%,#66d9ff1f,#0000 28%),radial-gradient(circle at 72% 58%,#ffffff0e,#0000 34%);animation:28s ease-in-out infinite alternate fogDriftA}.login-fog-b{background:radial-gradient(circle at 62% 22%,#66d9ff14,#0000 26%),radial-gradient(circle at 18% 76%,#ffbe550e,#0000 24%);animation:36s ease-in-out infinite alternate fogDriftB}.login-radar{opacity:.26;background:radial-gradient(circle,#0000 0 18%,#66d9ff0a 18.3%,#0000 18.6% 36%,#66d9ff08 36.3%,#0000 36.6% 54%,#66d9ff06 54.3%,#0000 54.6%),conic-gradient(#0000 0deg 292deg,#66d9ff33 342deg,#0000 360deg);border-radius:50%;width:115vmax;height:115vmax;animation:8s linear infinite radarSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-panel{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030c12c2;border-radius:34px;grid-template-columns:420px 1fr;gap:34px;width:min(1180px,92vw);min-height:680px;padding:28px;display:grid;position:relative;box-shadow:0 34px 120px #00000094,inset 0 0 60px #66d9ff0e}.login-copy{background:linear-gradient(#ffffff0a,#0000002e);border:1px solid #66d9ff24;border-radius:26px;padding:36px 28px}.login-copy h1{margin-bottom:18px;font-size:48px;line-height:.94}.login-subtitle{color:#e8f6ffa8;margin:0 0 28px;line-height:1.65}.access-status-card{color:var(--green);background:#7dffb20e;border:1px solid #7dffb23d;border-radius:18px;align-items:center;gap:12px;margin-bottom:22px;padding:15px;display:flex}.access-status-card strong,.access-status-card span{display:block}.access-status-card strong{letter-spacing:.16em;font-size:12px}.access-status-card span{color:#e8f6ff94;margin-top:4px;font-size:12px}.login-form{gap:14px;display:grid}.login-form label{color:#e8f6ff9e;letter-spacing:.12em;text-transform:uppercase;gap:8px;font-size:12px;display:grid}.login-form input{border:1px solid var(--line);color:#e8f6ff;background:#0000004d;border-radius:14px;outline:0;height:48px;padding:0 14px}.login-form input:focus{border-color:var(--line-strong);box-shadow:0 0 24px #66d9ff14}.login-form button{color:#021017;letter-spacing:.14em;background:linear-gradient(135deg,#72e2ff,#a8f2ff);border:0;border-radius:15px;justify-content:center;align-items:center;gap:10px;height:50px;margin-top:6px;font-weight:900;display:flex}.login-error{color:#ff8080;letter-spacing:.06em;background:#ff50501f;border:1px solid #ff50504d;border-radius:8px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:flex}.vehicle-login-stage{background:radial-gradient(circle,#66d9ff1b,#0000 36%),radial-gradient(circle,#ffffff0b,#0000 24%),linear-gradient(#ffffff06,#00000038);border:1px solid #66d9ff1f;border-radius:28px;place-items:center;min-height:620px;display:grid;position:relative;overflow:hidden}.vehicle-login-stage:before{content:"";border:1px solid #66d9ff24;border-radius:50%;position:absolute;inset:80px;box-shadow:inset 0 0 55px #66d9ff0f,0 0 80px #66d9ff0f}.hangar-ring{border:1px solid #66d9ff2b;border-radius:50%;position:absolute}.ring-outer{border-style:dashed;width:540px;height:540px;animation:32s linear infinite slowSpin}.ring-inner{width:390px;height:390px;animation:23s linear infinite slowSpinReverse}.top-vehicle{filter:drop-shadow(0 0 34px #66d9ff38);width:368px;height:475px;position:relative}.vehicle-shadow{filter:blur(18px);background:radial-gradient(#000000c7,#0000 68%);border-radius:48% 48% 42% 42%;width:276px;height:492px;position:absolute;top:72px;left:42px}.top-body{clip-path:polygon(50% 0,76% 7%,94% 26%,98% 48%,84% 78%,65% 96%,35% 96%,16% 78%,2% 48%,6% 26%,24% 7%);background:linear-gradient(90deg,#fff1,#0000 12% 88%,#ffffff0d),linear-gradient(#253642 0%,#0a1219 34%,#030609 100%);border:1px solid #ffffff29;width:216px;height:444px;position:absolute;top:88px;left:72px;box-shadow:inset 0 0 32px #ffffff0b,inset 0 -48px 80px #0000008c}.top-nose{clip-path:polygon(50% 0,88% 28%,100% 100%,0 100%,12% 28%);background:linear-gradient(#273846,#05090e);border:1px solid #ffffff26;width:124px;height:180px;position:absolute;top:18px;left:118px}.top-wing{background:linear-gradient(#1c2a35,#03070a);border:1px solid #ffffff21;width:110px;height:238px;position:absolute;top:162px;box-shadow:inset 0 0 22px #66d9ff09}.wing-left{clip-path:polygon(100% 0,64% 18%,0 62%,30% 100%,96% 72%);left:10px}.wing-right{clip-path:polygon(0 0,36% 18%,100% 62%,70% 100%,4% 72%);right:10px}.top-rear{background:linear-gradient(#0e1a23,#020304);border:1px solid #ffffff1f;width:118px;height:162px;position:absolute;bottom:22px}.rear-left{clip-path:polygon(18% 0,100% 18%,88% 100%,0 88%);left:48px}.rear-right{clip-path:polygon(82% 0,0 18%,12% 100%,100% 88%);right:48px}.top-wheel{background:repeating-linear-gradient(0deg,#050708 0 8px,#171d22 8px 12px),linear-gradient(90deg,#000,#202a31,#000);border:2px solid #ffffff1a;border-radius:24px;width:78px;height:132px;position:absolute;box-shadow:inset 0 0 18px #000000bf,0 0 18px #00000073}.wheel-fl{top:152px;left:4px;transform:rotate(-8deg)}.wheel-fr{top:152px;right:4px;transform:rotate(8deg)}.wheel-rl{bottom:86px;left:18px;transform:rotate(6deg)}.wheel-rr{bottom:86px;right:18px;transform:rotate(-6deg)}.top-hatch{transform-origin:50% 88%;z-index:4;background:linear-gradient(#3d5462f5,#04080cfa);border:1px solid #66d9ff38;width:82px;height:156px;transition:transform 1.05s cubic-bezier(.18,.9,.18,1.05),filter .8s;position:absolute;top:232px;box-shadow:inset 0 0 18px #66d9ff14,0 0 14px #00000080}.hatch-left{clip-path:polygon(20% 0,100% 12%,90% 100%,0 82%);left:96px}.hatch-right{clip-path:polygon(80% 0,0 12%,10% 100%,100% 82%);right:96px}.cockpit-well{z-index:3;background:radial-gradient(circle at 50% 62%,#66d9ff2e,#000000c7 58%);border:1px solid #66d9ff3d;border-radius:32px 32px 40px 40px;width:108px;height:116px;position:absolute;top:266px;left:126px;box-shadow:inset 0 0 25px #66d9ff1f}.dash-glow{filter:blur(8px);opacity:.18;z-index:5;background:radial-gradient(circle,#66d9ff99,#0000 64%);border-radius:50%;width:76px;height:48px;transition:opacity .8s,transform .8s;position:absolute;top:296px;left:142px}.login-engine{filter:blur(6px);z-index:3;background:radial-gradient(circle,#66d9ff94,#1e62a02e 44%,#0000 68%);border-radius:50%;width:44px;height:35px;animation:1.2s ease-in-out infinite alternate enginePulse;position:absolute;bottom:41px}.engine-left{left:67px}.engine-right{right:67px}.security-sweep{clip-path:polygon(50% 0,100% 30%,86% 100%,14% 100%,0 30%);mix-blend-mode:screen;opacity:.4;pointer-events:none;z-index:8;background:linear-gradient(#0000 0 36%,#66d9ff2e 44%,#0000 54% 100%);width:224px;height:460px;animation:3.4s ease-in-out infinite verticalScan;position:absolute;top:72px;left:68px}.tumbler-img{object-fit:unset;z-index:2;filter:drop-shadow(0 0 18px #66d9ff47);width:auto;height:100%;transition:filter .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.is-running-off .tumbler-img{filter:drop-shadow(0 0 32px #66d9ff8c)}.is-running-off .login-flame-wrap{visibility:visible}.login-flame-wrap{transform-origin:50%;pointer-events:none;z-index:1;visibility:hidden;width:0;height:0;position:absolute;bottom:20px;left:42%;transform:rotate(-90deg)}.exhaust{pointer-events:none;z-index:1;width:72px;height:28px;position:absolute;top:18px;left:-54px}.exhaust-core{clip-path:polygon(100% 50%,82% 34%,58% 22%,34% 10%,0 0,12% 50%,0 100%,34% 90%,58% 78%,82% 66%);filter:blur(1px)drop-shadow(0 0 12px #5adcffd9)drop-shadow(0 0 28px #008cff8c);transform-origin:100%;background:radial-gradient(at 85%,#fffffff2 0%,#7ddcfff2 12%,#00b4ffb8 28%,#0078ff40 55%,#0000 75%);animation:.12s infinite alternate flamePulse,.18s infinite alternate flameNoise;position:absolute;inset:0}.exhaust-glow{filter:blur(10px);background:radial-gradient(at 80%,#00b4ff3d,#0000 70%);animation:.18s infinite alternate glowPulse;position:absolute;inset:-8px}.exhaust-heat{filter:blur(8px);opacity:.3;background:linear-gradient(90deg,#ffffff14,#0000);width:64px;height:40px;animation:.4s linear infinite heatWave;position:absolute;top:-6px;left:-12px}.exhaust-smoke{filter:blur(10px);background:radial-gradient(circle,#788ca024,#0000 70%);width:42px;height:22px;animation:.8s ease-out infinite smokeDrift;position:absolute;top:2px;left:-18px}@keyframes flamePulse{0%{opacity:.72;transform:scaleX(.92)scaleY(.92)}to{opacity:1;transform:scaleX(1.18)scaleY(1.06)}}@keyframes flameNoise{0%{clip-path:polygon(100% 50%,82% 34%,58% 22%,34% 10%,0 0,12% 50%,0 100%,34% 90%,58% 78%,82% 66%)}to{clip-path:polygon(100% 50%,84% 28%,54% 14%,26% 6%,0 10%,10% 50%,0 90%,28% 94%,56% 84%,84% 72%)}}@keyframes glowPulse{0%{opacity:.4;transform:scale(.92)}to{opacity:.85;transform:scale(1.18)}}@keyframes heatWave{0%{transform:translate(0)scaleY(1)}to{transform:translate(-8px)scaleY(1.08)}}@keyframes smokeDrift{0%{opacity:.2;transform:translate(0)scale(.5)}to{opacity:0;transform:translate(-22px)scale(1.4)}}.top-vehicle.is-spinning{animation:30s linear infinite turntableSpin}.top-vehicle.is-decelerating{animation:1.4s cubic-bezier(.16,.84,.32,1) forwards turntableDecel}.top-vehicle.is-settled{transform:rotate(var(--decel-end,0deg))}.top-vehicle.is-running-off{animation:1.6s cubic-bezier(.4,0,.2,1) forwards tumblerRunOff}@keyframes turntableSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes turntableDecel{0%{transform:rotate(var(--decel-start,0deg))}to{transform:rotate(var(--decel-end,360deg))}}@keyframes tumblerRunOff{0%{opacity:1;transform:rotate(0)translateY(0)scale(1)}12%{opacity:1;transform:rotate(0)translateY(18px)scale(1.02)}to{opacity:0;transform:rotate(0)translateY(-160%)scale(.88)}}.vehicle-readout{border:1px solid var(--line);color:var(--blue);letter-spacing:.14em;background:#00080db8;border-radius:999px;align-items:center;gap:10px;padding:12px 16px;font-size:12px;font-weight:900;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes slowSpinReverse{to{transform:rotate(-360deg)}}@keyframes verticalScan{0%,18%{opacity:0;transform:translateY(-150px)}42%{opacity:.65}78%,to{opacity:0;transform:translateY(150px)}}@keyframes loginVehicleTension{0%{transform:translateY(-1px)}to{transform:translateY(1px)}}.ocean-layer rect{fill:#03080d}.ocean-layer path{fill:none;stroke:#66d9ff13;stroke-width:.18px;stroke-dasharray:2 5}.island{fill:url(#islandCore);stroke:#66d9ff57;stroke-width:.26px;filter:drop-shadow(0 0 5px #66d9ff33)}.island-layer path:nth-child(2){stroke:#ffcc522e}.city-layer rect{fill:#d6eaf538;filter:drop-shadow(0 0 1.6px #66d9ff3d)}.city-layer rect:nth-child(3n){fill:#ffcc5238}.district-labels text{fill:#e8f6ff47;letter-spacing:.18em;text-anchor:middle;paint-order:stroke;stroke:#00000080;stroke-width:.35px;font-size:2.15px;font-weight:900}.map-grid{background:linear-gradient(#66d9ff09 1px,#0000 1px) 0 0/56px 56px,linear-gradient(90deg,#66d9ff09 1px,#0000 1px) 0 0/56px 56px,radial-gradient(circle,#0000 62%,#0000008f)}.road-path.underground{stroke:#c8e6ff8c;stroke-width:.45px;stroke-dasharray:1.4 1.4;filter:drop-shadow(0 0 3px #66d9ff52)}.road-path.bridge{stroke:#ffd260d9;stroke-width:.85px;stroke-dasharray:2.4 1.4;filter:drop-shadow(0 0 5px #ffc44699)}.island-wayne,.island-narrows,.island-southgotham,.island-bleake,.island-southcoast{fill:url(#islandCore);stroke:#8cdcff8c;stroke-width:.46px;filter:drop-shadow(0 0 4px #66d9ff38)}.island-mainland{fill:url(#islandMainland);stroke:#ffcc826b;stroke-width:.52px;filter:drop-shadow(0 0 5px #66d9ff38)}.wayne-tower rect{fill:#081620f2;stroke:#ffcc52f2;stroke-width:.28px;filter:drop-shadow(0 0 3.6px #ffcc52c7)}.wayne-tower text{fill:#ffcc52;text-anchor:middle;letter-spacing:.02em;font-size:3.4px;font-weight:900}.wayne-tower .wayne-tower-label{fill:#e8f6ffeb;letter-spacing:.22em;paint-order:stroke;stroke:#0000008c;stroke-width:.28px;font-size:2px;font-weight:800}.bridge-glyphs line{stroke:#ffd260f2;stroke-width:.55px;stroke-linecap:round;filter:drop-shadow(0 0 2.4px #ffcc52b3)}.host-node{padding:8px 12px 8px 8px}.cave-number{color:#ffcc52f2;letter-spacing:0;background:#00080dd9;border:1px solid #ffcc52b3;border-radius:999px;flex:none;place-items:center;width:18px;height:18px;font-size:10px;font-weight:900;display:grid}.host-node .host-label{gap:1px;display:grid}.host-node .host-label-name{letter-spacing:.06em;color:#e8f6ff;font-size:11px;font-weight:900}.host-node .host-label-ip{letter-spacing:.04em;color:#e8f6ff8c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;font-weight:700}.host-dot{cursor:pointer;z-index:4;background:#66d9fff2;border:1px solid #ffffff8c;border-radius:50%;width:11px;height:11px;padding:0;transition:transform .15s,box-shadow .15s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 8px #66d9ff8c,inset 0 0 4px #fff6}.host-dot.status-unknown{box-shadow:none;background:#8c98a599}.host-dot.status-online{background:#5be0a0;box-shadow:0 0 10px #5be0a0a6,inset 0 0 4px #fff6}.host-dot.status-warning{background:#ffc857;animation:1.6s ease-in-out infinite hostDotPulse;box-shadow:0 0 10px #ffc857b3,inset 0 0 4px #fff6}.host-dot.status-offline{opacity:.55;background:#ff5c5c;box-shadow:0 0 8px #ff5c5c66,inset 0 0 4px #ffffff4d}.host-dot:hover{z-index:6;transform:translate(-50%,-50%)scale(1.7)}@keyframes hostDotPulse{0%,to{box-shadow:0 0 10px #ffc857b3,inset 0 0 4px #fff6}50%{box-shadow:0 0 16px #ffc857,inset 0 0 6px #fff9}}.host-dot-tooltip{white-space:nowrap;color:#d8e6f5;z-index:12;pointer-events:none;background:#080e16f5;border:1px solid #66d9ff73;border-radius:8px;flex-direction:column;gap:2px;padding:8px 12px;font-size:11px;line-height:1.4;display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 8px 20px #00000080}.host-dot:hover .host-dot-tooltip{display:flex}.host-dot-name{color:#66d9ff;letter-spacing:.05em;font-weight:700}.host-dot-ip{color:#d8e6f5d9;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.host-dot-stats{color:#d8e6f5a6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.host-dot-zone{color:#d8e6f580;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.compass-rose{z-index:24;border:1px solid var(--line);width:54px;height:54px;color:var(--blue);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00080dc7;border-radius:999px;place-items:center;display:grid;position:absolute;top:22px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 18px #66d9ff1f}.compass-rose span{letter-spacing:.2em;color:#e8f6ffb3;font-size:10px;font-weight:900;position:absolute;top:-16px}.map-hud-corner{z-index:24;pointer-events:none;justify-items:end;gap:8px;display:grid;position:absolute;bottom:76px;right:22px}.scale-bar{border:1px solid var(--line);color:#e8f6ffd1;letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00080dc7;border-radius:12px;align-items:center;gap:4px;padding:8px 12px;font-size:10px;font-weight:800;display:flex}.scale-bar .scale-tick{background:linear-gradient(90deg,#66d9ffd9 0 50%,#ffffffb3 50% 100%);border-radius:2px;width:22px;height:4px;display:inline-block}.svg-badge{border:1px solid var(--line);color:#e8f6ff99;letter-spacing:.18em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00080dc7;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:10px;font-weight:800;display:flex}.logout-pill{z-index:27;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:44px;color:var(--blue);cursor:pointer;font:inherit;letter-spacing:.22em;text-transform:uppercase;background:#020a10db;border-radius:14px;align-items:center;gap:10px;padding:0 16px 0 14px;font-size:11px;font-weight:900;transition:color .18s,border-color .18s,background .18s,transform .18s;display:inline-flex;position:absolute;top:22px;right:22px;box-shadow:0 8px 24px #00000073,inset 0 0 16px #66d9ff14}.logout-pill span{color:#e8f6ff;white-space:nowrap}.logout-pill:hover{color:var(--red);background:#22080ceb;border-color:#ff62628c;transform:translateY(-1px)}.logout-pill:hover span{color:#ffc6d2f2}.hostops-pill{right:150px}.hostops-pill:hover{color:var(--blue);border-color:var(--line-strong);background:#020a10eb}.hostops-pill:hover span{color:#e8f6ff}.logout-confirm-overlay{z-index:85;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02060ab3;place-items:center;display:grid;position:fixed;inset:0}.logout-confirm-card{color:#e8f6ff;text-align:center;background:#081016f5;border:1px solid #ff626266;border-radius:22px;width:460px;max-width:calc(100vw - 48px);padding:26px 28px 22px;box-shadow:0 30px 90px #000000a6,inset 0 0 40px #ff62620d}.logout-confirm-card h2{letter-spacing:.04em;margin:6px 0 8px;font-size:20px}.logout-confirm-card .muted{max-width:360px;margin:0 auto;font-size:12px;line-height:1.55}.logout-confirm-icon{width:44px;height:44px;color:var(--red);background:#3c0c12b3;border:1px solid #ff62628c;border-radius:999px;place-items:center;margin:0 auto 10px;display:grid}.logout-confirm-actions{justify-content:center;gap:12px;margin-top:22px;display:flex}.logout-confirm-actions .primary-action,.logout-confirm-actions .ghost-button{width:auto}.primary-action.is-destructive{background:var(--red);color:#1a0608;border-color:var(--red)}.primary-action.is-destructive:hover{background:#ff8585;border-color:#ff8585}:root[data-theme=light] .logout-confirm-overlay{background:#14283c59}:root[data-theme=light] .logout-confirm-card{color:#102131;background:#fff;border-color:#c22b2b59;box-shadow:0 30px 90px #143c5a40,inset 0 0 40px #c22b2b0a}:root[data-theme=light] .logout-confirm-card .eyebrow{color:#0a7ea8}:root[data-theme=light] .logout-confirm-card .muted{color:#102131a8}:root[data-theme=light] .logout-confirm-icon{color:#c22b2b;background:#c22b2b1a;border-color:#c22b2b80}:root[data-theme=light] .ghost-button{color:#102131d1;border-color:#145a8247}:root[data-theme=light] .ghost-button:hover{color:#102131;background:#0a7ea814;border-color:#0a7ea880}:root[data-theme=light] .primary-action.is-destructive{color:#fff;background:#d83a3a;border-color:#d83a3a}:root[data-theme=light] .primary-action.is-destructive:hover{background:#c22b2b;border-color:#c22b2b}.tracer-toggle{z-index:12;color:var(--cyan,#66d9ff);letter-spacing:.22em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e16c7;border:1px solid #66d9ff8c;border-radius:999px;padding:8px 14px;font-family:Rajdhani,JetBrains Mono,monospace;font-size:11px;font-weight:700;transition:background .12s,border-color .12s;position:absolute;top:18px;right:18px}.tracer-toggle:hover{background:#142638e6;border-color:#66d9ffe6}.tracer-overlay{z-index:8;cursor:crosshair;position:absolute;inset:0}.tracer-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tracer-polyline{fill:none;stroke:#66d9ff8c;stroke-width:.18px;stroke-dasharray:.4 .4;vector-effect:non-scaling-stroke}.tracer-cubic-preview{fill:none;stroke:#ff4fb8;stroke-width:.32px;stroke-dasharray:.6 .4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #ff4fb899)}.tracer-pin{border:1.5px solid var(--cyan,#66d9ff);color:#e8f6ff;pointer-events:none;z-index:9;background:#080e16eb;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700;display:inline-flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 6px #66d9ffb3}.tracer-pin.is-anchor{color:#d6ffe2;border-color:#4cd964;box-shadow:0 0 6px #4cd964d9}.tracer-panel{z-index:12;color:#e8f6ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060c14eb;border:1px solid #66d9ff59;border-radius:18px;flex-direction:column;gap:10px;width:320px;padding:14px 16px;font-family:Rajdhani,system-ui,sans-serif;font-size:12px;display:flex;position:absolute;top:18px;right:18px;box-shadow:0 12px 36px #0000008c}.tracer-panel-head{justify-content:space-between;align-items:center;display:flex}.tracer-panel-head strong{letter-spacing:.18em;text-transform:uppercase;color:var(--cyan,#66d9ff);font-family:JetBrains Mono,monospace;font-size:12px}.tracer-close{color:#e8f6ff;cursor:pointer;background:0 0;border:1px solid #e8f6ff33;border-radius:999px;width:22px;height:22px;font-size:14px;line-height:1}.tracer-close:hover{background:#e8f6ff14}.tracer-row{align-items:center;gap:10px;display:flex}.tracer-row>span{text-transform:uppercase;letter-spacing:.14em;color:#e8f6ff99;flex:0 0 50px;font-size:10px}.tracer-row select{color:#e8f6ff;background:#080e16d9;border:1px solid #66d9ff40;border-radius:8px;flex:1;padding:6px 8px;font-family:JetBrains Mono,monospace;font-size:11px}.tracer-snap-row{color:#e8f6ffc7;font-size:11px}.tracer-snap-row input{accent-color:var(--cyan,#66d9ff);margin:0}.tracer-anchors{color:#d6ffe2;background:#4cd96414;border:1px solid #4cd96440;border-radius:8px;margin:0;padding:6px 8px;font-family:JetBrains Mono,monospace;font-size:10px}.tracer-status{color:#e8f6ffa6;margin:0;font-family:JetBrains Mono,monospace;font-size:10px}.tracer-actions{gap:8px;display:flex}.tracer-actions button{color:#e8f6ff;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:#080e16d9;border:1px solid #66d9ff4d;border-radius:999px;flex:1;padding:7px 10px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;transition:background .12s,border-color .12s,opacity .12s}.tracer-actions button:hover:not(:disabled){background:#142638f2;border-color:#66d9ffb3}.tracer-actions button:disabled{opacity:.35;cursor:not-allowed}.tracer-actions .tracer-copy{color:#ffd6ee;border-color:#ff4fb880}.tracer-actions .tracer-copy:hover:not(:disabled){background:#3a0e24d9;border-color:#ff4fb8e6}.tracer-output{resize:vertical;color:#b9e9ff;background:#02060ceb;border:1px solid #66d9ff40;border-radius:10px;outline:none;width:100%;padding:10px;font-family:JetBrains Mono,Menlo,monospace;font-size:11px;line-height:1.5}.tracer-output:focus{border-color:#66d9ff99}.tracer-hint{text-align:center;color:#e8f6ff66;letter-spacing:.08em;margin:0;font-family:JetBrains Mono,monospace;font-size:9px}.road-overlay-layer{pointer-events:none}.route-layer .road-overlay{fill:none;stroke:#ff50c8f2;stroke-width:.9px;stroke-dasharray:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #ff50c8b3)}.routes-toggle{z-index:12;color:#ffa0e1f2;letter-spacing:.22em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e16c7;border:1px solid #ff78d78c;border-radius:999px;padding:8px 14px;font-family:Rajdhani,JetBrains Mono,monospace;font-size:11px;font-weight:700;position:absolute;top:18px;right:96px}.routes-toggle:hover{background:#261226e6;border-color:#ff78d7e6}.routes-toggle.is-active{color:#ff50c8;border-color:#ff50c8;box-shadow:0 0 12px #ff50c866}.find-tumbler{z-index:12;color:#8ce6fff2;letter-spacing:.22em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e16c7;border:1px solid #66d9ff8c;border-radius:999px;padding:8px 14px;font-family:Rajdhani,JetBrains Mono,monospace;font-size:11px;font-weight:700;position:absolute;top:18px;right:326px}.find-tumbler:hover{color:#b4f0ff;background:#122632e6;border-color:#66d9ffe6}.tumbler-cursor.is-highlighted:before{content:"";pointer-events:none;z-index:20;border:2px solid #66d9ffe6;border-radius:50%;width:90px;height:90px;margin-top:-45px;margin-left:-45px;animation:.55s ease-out 3 tumblerFindPulse;position:absolute;top:50%;left:50%}@keyframes tumblerFindPulse{0%{opacity:1;transform:scale(.55);box-shadow:0 0 #66d9ff99,inset 0 0 #66d9ff99}to{opacity:0;transform:scale(2.6);box-shadow:0 0 28px #66d9ff00,inset 0 0 12px #66d9ff00}}.zoom-pill{z-index:12;color:#8ce6fff2;letter-spacing:.18em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080e16c7;border:1px solid #66d9ff8c;border-radius:999px;align-items:center;gap:10px;padding:6px 14px;font-family:Rajdhani,JetBrains Mono,monospace;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.zoom-pill-label{color:#e8f6ff99;letter-spacing:.22em;font-size:10px}.zoom-pill-value{text-align:right;letter-spacing:.06em;color:#8ce6ff;min-width:46px;font-family:JetBrains Mono,monospace;font-size:11px}.zoom-pill input[type=range]{appearance:none;cursor:pointer;background:#66d9ff2e;border-radius:999px;outline:none;width:130px;height:4px}.zoom-pill input[type=range]::-webkit-slider-runnable-track{background:#66d9ff38;border-radius:999px;height:4px}.zoom-pill input[type=range]::-moz-range-track{background:#66d9ff38;border-radius:999px;height:4px}.zoom-pill input[type=range]::-webkit-slider-thumb{appearance:none;cursor:grab;background:#8ce6ff;border:1px solid #080e16e6;border-radius:999px;width:14px;height:14px;margin-top:-5px;box-shadow:0 0 10px #66d9ffb3}.zoom-pill input[type=range]::-moz-range-thumb{cursor:grab;background:#8ce6ff;border:1px solid #080e16e6;border-radius:999px;width:14px;height:14px;box-shadow:0 0 10px #66d9ffb3}.zoom-pill input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;background:#b4f0ff}.zoom-pill input[type=range]:active::-moz-range-thumb{cursor:grabbing;background:#b4f0ff}.host-projector{cursor:pointer;pointer-events:auto;transform-origin:50% 100%;z-index:5;--beam-color:#66d9ff8c;--bat-color:#66d9ff;background:0 0;border:0;width:117px;height:187px;padding:0;position:absolute;transform:translate(-50%,-100%)}.host-projector.status-unknown{--beam-color:#8c98a54d;--bat-color:#8c98a5b3}.host-projector.status-online{--beam-color:#5be0a08c;--bat-color:#5be0a0}.host-projector.status-warning{--beam-color:#ffc8578c;--bat-color:#ffc857}.host-projector.status-offline{--beam-color:#ff5c5c66;--bat-color:#ff7a7a}.host-projector-beam{background:linear-gradient(0deg, var(--beam-color), transparent 80%);clip-path:polygon(0 0,100% 0,60% 100%,40% 100%);filter:blur(.4px);pointer-events:none;animation:2.4s ease-in-out infinite alternate batBeamPulse;position:absolute;inset:0}.host-projector-bat{width:117px;height:117px;filter:drop-shadow(0 0 7px var(--bat-color)) drop-shadow(0 0 18px var(--bat-color));pointer-events:auto;transition:transform .18s;position:absolute;top:-85px;left:50%;transform:translate(-50%)}.host-projector-dot{background:var(--bat-color);width:18px;height:18px;box-shadow:0 0 14px var(--bat-color), 0 0 29px var(--bat-color);pointer-events:none;border-radius:50%;animation:2.4s ease-in-out infinite alternate batBeamPulse;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.host-projector:hover{z-index:7}.host-projector:hover .host-projector-dot{transform:translate(-50%,50%)scale(1.35)}.host-projector:hover .host-projector-beam{opacity:1;filter:blur()}.host-projector:hover .host-projector-bat{transform:translate(-50%)scale(1.18)}@keyframes batBeamPulse{0%{opacity:.65}to{opacity:1}}.host-projector-tooltip{transform:translateX(-50%) scale(var(--tooltip-counter-scale,1));transform-origin:50% 100%;white-space:nowrap;color:#d8e6f5;z-index:12;pointer-events:none;background:#080e16f5;border:1px solid #66d9ff73;border-radius:10px;flex-direction:column;gap:6px;min-width:180px;padding:14px 20px;font-size:15px;line-height:1.45;display:none;position:absolute;bottom:calc(100% + 12px);left:50%;box-shadow:0 8px 20px #00000080}.host-projector:hover .host-projector-tooltip{display:flex}.host-projector-name{color:#66d9ff;letter-spacing:.05em;font-size:16px;font-weight:700}.host-projector-ip{color:#d8e6f5d9;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.host-projector-stats{color:#d8e6f5a6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.host-projector-zone{color:#d8e6f580;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.loader-shell{z-index:2000;background:#020810;position:fixed;inset:0;overflow:hidden}.loader-shell-radar{background:radial-gradient(circle at 50% 48%,#66d9ff0f,#0000 55%),#020810;place-items:center;display:grid}.loader-radar-hero{aspect-ratio:1;place-items:center;width:min(520px,70vmin);display:grid;position:relative}.loader-radar-dial{border:1px solid #66d9ff6b;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 80px #66d9ff1a,0 0 100px #66d9ff29}.loader-radar-rings{background:radial-gradient(circle,#0000 0 30%,#66d9ff1a 30.4%,#0000 30.8% 54%,#66d9ff14 54.4%,#0000 54.8% 78%,#66d9ff0f 78.4%,#0000 78.8%);border-radius:50%;position:absolute;inset:0}.loader-radar-sweep{background:conic-gradient(#0000 0deg 295deg,#66d9ffa6 350deg,#0000 360deg);border-radius:50%;animation:4.5s linear infinite loaderRadarSpin;position:absolute;inset:0}@keyframes loaderRadarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-radar-ticks{border-radius:50%;position:absolute;inset:0}.loader-radar-ticks span{transform-origin:50% min(260px,35vmin);width:2px;height:14px;transform:translateX(-50%) rotate(var(--tick-angle));background:#66d9ff8c;position:absolute;top:0;left:50%}.loader-radar-copy{z-index:1;text-align:center;color:#e8f6ff;width:72%;position:relative}.loader-radar-eyebrow{color:var(--blue);letter-spacing:.32em;margin:0 0 10px;font-size:12px;font-weight:900}.loader-radar-copy h2{letter-spacing:.22em;color:#e8f6ff;text-shadow:0 0 22px #66d9ff80;margin:0;font-size:clamp(18px,2.4vw,26px);font-weight:900}.loader-radar-dots{color:#66d9ffd9;letter-spacing:.32em;width:44px;height:6px;margin-top:12px;font-size:16px;line-height:6px;display:inline-block}.loader-radar-dots:after{content:"...";animation:1.2s steps(4,end) infinite radarDots;display:inline-block}@keyframes radarDots{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.loader-city-track{filter:blur(6px)brightness(.25)saturate(.5);will-change:transform;width:3200px;height:55%;animation:1.1s linear infinite loaderCityScroll;display:flex;position:absolute;bottom:22%;left:0}.loader-city-half{flex-shrink:0;width:1600px;height:100%;position:relative}.loader-building{background:linear-gradient(#1c3050 0%,#0d1e30 55%,#050d18 100%);border-top:1px solid #66d9ff38;position:absolute;bottom:0}@keyframes loaderCityScroll{0%{transform:translate(0)}to{transform:translate(-1600px)}}.loader-speed-lines{pointer-events:none;position:absolute;inset:0;overflow:hidden}.loader-speed-line{background:linear-gradient(90deg, transparent 0%, rgba(102, 217, 255, var(--opacity,.3)) 35%, #c8f5ffe6 65%, transparent 100%);height:1px;width:var(--width,120px);animation:loaderSpeedLine var(--dur,.4s) var(--delay,0s) linear infinite;position:absolute;left:0;right:0}@keyframes loaderSpeedLine{0%{transform:translate(110vw)}to{transform:translate(-110vw)}}.loader-road{background:linear-gradient(90deg,#0000,#66d9ff59 20% 80%,#0000);height:2px;position:absolute;bottom:22%;left:0;right:0}.loader-road-markings{background:repeating-linear-gradient(90deg,#0000,#0000 48px,#ffdc502e 48px 80px);width:200%;height:2px;animation:.35s linear infinite loaderRoadScroll;position:absolute;top:6px;left:0}@keyframes loaderRoadScroll{0%{transform:translate(0)}to{transform:translate(-80px)}}.loader-car-shadow{filter:blur(6px);background:radial-gradient(#000000a6 0%,#0000 70%);border-radius:50%;width:440px;height:18px;position:absolute;bottom:calc(22% - 10px);left:50%;transform:translate(-38%)}.loader-stage{position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.loader-tumbler{z-index:2;filter:drop-shadow(0 0 22px #66d9ff38)brightness(.9);width:auto;height:135px;animation:90ms linear infinite alternate loaderRumble;display:block;position:relative}@keyframes loaderRumble{0%{transform:translateY(0)}to{transform:translateY(2px)}}.loader-exhaust-a,.loader-exhaust-b{z-index:1;width:0;height:0;position:absolute}.loader-exhaust-a{bottom:95px;left:22px}.loader-exhaust-b{opacity:.65;bottom:85px;left:14px}.loader-exhaust-b .exhaust-core{animation-delay:60ms,90ms}.loader-exhaust-b .exhaust-glow{animation-delay:40ms}.loader-hud{text-transform:uppercase;letter-spacing:.18em;white-space:nowrap;flex-direction:column;align-items:center;gap:5px;font-family:Share Tech Mono,Courier New,monospace;display:flex;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.loader-hud-label{color:#66d9ff66;font-size:10px}.loader-hud-sub{color:#66d9ffbf;font-size:12px;font-weight:600}.loader-hud-dots:after{content:"";animation:1.2s steps(4,end) infinite loaderDots}@keyframes loaderDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.host-projector:disabled,.camera-reset:disabled,.zoom-pill input[type=range]:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.host-inactive-banner{color:#ffc6d2f2;letter-spacing:.18em;text-transform:uppercase;background:#500c1699;border:1px solid #ff506673;border-radius:12px;align-items:center;gap:8px;margin:14px 0 4px;padding:8px 12px;font-size:11px;font-weight:800;display:flex}.batcomputer-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.batcomputer-panel-title{min-width:0}.batcomputer-panel-title .eyebrow{margin-top:0}.batcomputer-panel-title h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.batcomputer-panel-actions{flex:none;gap:6px;display:flex}.batcomputer-panel-action{border:1px solid var(--line);color:#e8f6ff;background:#ffffff0a;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.batcomputer-panel-action:hover:not(:disabled){background:#66d9ff14;border-color:#66d9ff73}.batcomputer-panel-action:disabled{cursor:not-allowed;opacity:.5}.host-recovery-overlay{z-index:65;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#02060aad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.host-recovery-card{border:1px solid var(--line-strong);background:#040c14f5;border-radius:18px;width:min(460px,100vw - 48px);padding:22px;position:relative;box-shadow:0 30px 90px #000000a6}.host-recovery-card h3{letter-spacing:.04em;margin:4px 44px 8px 0;font-size:20px}.host-recovery-steps{color:#e8f6ffd6;gap:10px;margin:18px 0;padding-left:20px;font-size:13px;line-height:1.5;display:grid}.host-recovery-links{grid-template-columns:1fr 1fr;gap:10px;display:grid}.host-recovery-links a{color:#021017;background:var(--blue);letter-spacing:.12em;text-align:center;text-transform:uppercase;border:1px solid #66d9ff57;border-radius:12px;place-items:center;min-height:42px;padding:8px 12px;font-size:11px;font-weight:900;text-decoration:none;display:grid}.host-recovery-links a:last-child{color:#e8f6ffe6;background:#ff626224;border-color:#ff62626b}.batcomputer-full-modal{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02060ac7;place-items:center;display:grid;position:fixed;inset:0}.batcomputer-full-card{border:1px solid var(--line-strong);color:#e8f6ff;background:#040c14f0;border-radius:24px;flex-direction:column;width:90vw;max-width:1280px;height:88vh;padding:22px 26px 18px;display:flex;box-shadow:0 40px 120px #000000b3,inset 0 0 60px #66d9ff0d}.batcomputer-full-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:14px;display:flex}.batcomputer-full-header h2{letter-spacing:.06em;margin:4px 0 2px;font-size:22px}.batcomputer-full-footer{border-top:1px solid var(--line);padding-top:12px}.batcomputer-full-footer p{letter-spacing:.05em;margin:0;font-size:11px}.bc-env-grid{flex:auto;grid-template-columns:repeat(3,1fr);gap:16px;min-height:0;padding:14px 0;display:grid}.bc-env-column{border:1px solid var(--line);background:#00080ea6;border-radius:18px;flex-direction:column;min-height:0;transition:border-color .18s,background .18s;display:flex}.bc-env-column.is-dragover{background:#281a0699;border-color:#ffcc52b3}.bc-env-header{border-bottom:1px solid var(--line);letter-spacing:.24em;color:#e8f6ffdb;align-items:center;gap:10px;padding:12px 14px;font-size:11px;font-weight:900;display:flex}.bc-env-header strong{flex:auto}.bc-env-count{color:#8ce6fff2;letter-spacing:.1em;background:#66d9ff1a;border:1px solid #66d9ff52;border-radius:999px;place-items:center;min-width:26px;height:22px;padding:0 8px;font-size:10px;font-weight:900;display:grid}.bc-env-dot{border-radius:999px;width:8px;height:8px;box-shadow:0 0 8px}.bc-env-dot.env-dev{color:#8ce6ff;background:#8ce6ff}.bc-env-dot.env-stage{color:#ffcc52;background:#ffcc52}.bc-env-dot.env-prod{color:#70fca8;background:#70fca8}.bc-env-body{flex-direction:column;flex:auto;gap:10px;min-height:0;padding:14px;display:flex;overflow-y:auto}.bc-env-empty{text-align:center;letter-spacing:.08em;color:#e8f6ff66;border:1px dashed #66d9ff2e;border-radius:14px;margin:auto;padding:18px;font-size:11px}.bc-device{color:#e8f6ff;text-align:left;width:100%;font:inherit;cursor:grab;background:#ffffff05;border:1px solid #66d9ff33;border-radius:14px;grid-template-columns:auto 56px 1fr 10px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .18s,background .18s,transform .18s;display:grid}.bc-device:hover{background:#66d9ff0f;border-color:#66d9ff8c;transform:translateY(-1px)}.bc-device:active{cursor:grabbing}.bc-device-tags{flex-direction:column;align-items:center;gap:4px;display:flex}.bc-device-tag{letter-spacing:.05em;border:1px solid;border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:900;transition:opacity .15s;display:inline-flex}.bc-device-tag--appium.is-on{color:#66d9ff;background:#66d9ff1f}.bc-device-tag--appium.is-off{color:#66d9ff40;opacity:.5;background:0 0}.bc-device-tag--relay.is-on{color:#ffd966;background:#ffd9661f}.bc-device-tag--relay.is-off{color:#ffd96640;opacity:.5;background:0 0}.bc-device-icon{border:1px solid var(--line);background:#00080db3;border-radius:14px;place-items:center;width:56px;height:56px;display:grid}.bc-device.platform-tvos .bc-device-icon{color:#b4cdebf2;border-color:#b4cdeb73}.bc-device.platform-roku .bc-device-icon{color:#b07cf0f2;border-color:#b07cf080}.bc-device.platform-firetabsel .bc-device-icon{color:#ff915af2;border-color:#ff915a80}.bc-device-meta{gap:2px;min-width:0;display:grid}.bc-device-meta strong{letter-spacing:.08em;color:#e8f6ff;font-size:12px;font-weight:900}.bc-device-platform{letter-spacing:.18em;text-transform:uppercase;color:#e8f6ff80;font-size:10px}.bc-device-status{border-radius:999px;width:8px;height:8px;box-shadow:0 0 6px}.bc-device-status.status-on{color:var(--green);background:var(--green)}.bc-device-status.status-off{color:#8c98a5b3;background:#8c98a5b3}.device-config-overlay{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#02060ab3;place-items:center;display:grid;position:fixed;inset:0}.device-config-modal{border:1px solid var(--line-strong);color:#e8f6ff;background:#040c14f5;border-radius:22px;flex-direction:column;width:640px;max-width:calc(100vw - 48px);max-height:80vh;padding:22px 24px 18px;display:flex;box-shadow:0 30px 90px #000000a6}.device-config-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:12px;display:flex}.device-config-header h3{letter-spacing:.06em;margin:4px 0 2px;font-size:18px}.device-config-body{flex-direction:column;flex:auto;gap:16px;padding:16px 0;display:flex;overflow-y:auto}.device-config-section h4{letter-spacing:.24em;color:var(--blue);text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:900}.device-config-section dl,.device-config-section .device-config-rows{gap:4px;margin:0;display:grid}.device-config-row{background:#00080d80;border:1px solid #66d9ff1a;border-radius:10px;grid-template-columns:140px 1fr;align-items:center;gap:12px;padding:8px 10px;display:grid}.device-config-row.is-editable{background:#281a0659;border-color:#ffcc5252}.device-config-row dt{letter-spacing:.18em;text-transform:uppercase;color:#e8f6ff8c;font-size:10px}.device-config-row dd{color:#e8f6ff;text-overflow:ellipsis;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden}.device-config-row select,.device-config-row input[type=text],.device-config-row input[type=number]{color:#ffcc52f2;width:100%;font:inherit;letter-spacing:.04em;background:#00080dcc;border:1px solid #ffcc528c;border-radius:8px;outline:none;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700}.device-config-row select{letter-spacing:.18em;cursor:pointer;font-family:inherit;font-weight:900}.device-config-row select:focus,.device-config-row input[type=text]:focus,.device-config-row input[type=number]:focus{border-color:var(--blue);box-shadow:0 0 0 2px #66d9ff2e}.device-config-row input:invalid,.device-config-row select:invalid{border-color:var(--red);box-shadow:0 0 0 2px #ff62622e}.device-config-checkbox{color:#e8f6ffc7;cursor:pointer;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:inline-flex}.device-config-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--amber);cursor:pointer}.device-config-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding-top:12px;display:flex}.ghost-button{border:1px solid var(--line);color:#e8f6ffc7;font:inherit;letter-spacing:.18em;cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;font-size:11px;font-weight:900;transition:background .18s,color .18s,border-color .18s}.ghost-button:hover{color:#e8f6ff;background:#66d9ff0f;border-color:#66d9ff73}.deployment-overlay.deployment-confirm{background:#02060a99}.deployment-overlay .deployment-actions{justify-content:center;gap:12px;margin-top:16px;display:flex}.session-expired-overlay{z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.session-expired-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02060acc;position:absolute;inset:0}.session-expired-card{z-index:10000;border:1px solid var(--line);background:var(--panel-strong);border-radius:12px;width:100%;max-width:360px;padding:28px;position:relative;box-shadow:0 20px 60px #0009}.session-expired-header{color:var(--red);align-items:center;gap:12px;margin-bottom:12px;display:flex}.session-expired-header h2{letter-spacing:.18em;margin:0;font-size:14px;font-weight:900}.session-expired-subtitle{color:#e8f6ffa6;margin:0 0 20px;font-size:12px}.session-expired-form{flex-direction:column;gap:12px;display:flex}.session-expired-form input[type=password]{border:1px solid var(--line);color:#e8f6ff;font:inherit;background:#00080dcc;border-radius:8px;outline:none;padding:10px 12px;font-size:12px;transition:border-color .2s}.session-expired-form input[type=password]:focus{border-color:var(--blue);box-shadow:0 0 0 2px #66d9ff2e}.session-expired-form input[type=password]:disabled{opacity:.6;cursor:not-allowed}.session-expired-error{color:var(--red);background:#ff62621f;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:600;display:flex}.session-expired-actions{gap:8px;margin-top:4px;display:flex}.session-expired-actions button{font:inherit;letter-spacing:.18em;cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px 12px;font-size:11px;font-weight:900;transition:all .2s}.btn-reconnect{color:var(--blue);border:1px solid var(--blue);background:#66d9ff26}.btn-reconnect:hover:not(:disabled){background:#66d9ff40}.btn-reconnect:disabled{opacity:.5;cursor:not-allowed}.btn-logout{color:#e8f6ffa6;border:1px solid var(--line);background:0 0}.btn-logout:hover:not(:disabled){color:#e8f6ff;background:#66d9ff0f;border-color:#66d9ff73}.btn-logout:disabled{opacity:.5;cursor:not-allowed}.consignment-badge{background:var(--red);color:#fff;letter-spacing:.04em;border:2px solid #03070b;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:9px;font-weight:900;display:flex;position:absolute;top:-6px;right:-6px}.consignment-panel{border:1px solid var(--line);background:var(--panel-strong);z-index:49;border-radius:12px;flex-direction:column;width:340px;max-height:calc(100vh - 120px);display:flex;position:fixed;bottom:80px;right:24px;box-shadow:0 12px 40px #0006}.consignment-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px;display:flex}.consignment-header h3{letter-spacing:.18em;margin:0;font-size:12px;font-weight:900}.consignment-close{color:#e8f6ff80;cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s}.consignment-close:hover{color:#e8f6ff}.consignment-list{flex:1;min-height:0;padding:12px 0;overflow-y:auto}.consignment-list::-webkit-scrollbar{width:4px}.consignment-list::-webkit-scrollbar-thumb{background:#66d9ff40;border-radius:2px}.consignment-list::-webkit-scrollbar-thumb:hover{background:#66d9ff73}.consignment-empty{text-align:center;color:#e8f6ff80;padding:20px 16px;font-size:11px}.consignment-row{border-bottom:1px solid #6ecdff14;align-items:flex-start;gap:10px;padding:10px 16px;font-size:11px;display:flex}.consignment-row:last-child{border-bottom:none}.consignment-dot-wrapper{flex-shrink:0;padding-top:2px}.consignment-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.consignment-dot.status-pending-dispatch,.consignment-dot.status-dispatching{background:var(--amber);animation:1.5s ease-in-out infinite pulse-amber}.consignment-dot.status-delivered{background:var(--green)}.consignment-dot.status-failed{background:var(--red)}.consignment-dot.status-cancelled{background:#e8f6ff33}@keyframes pulse-amber{0%,to{opacity:1}50%{opacity:.5}}.consignment-info{flex:1;min-width:0}.consignment-summary{color:#e8f6ff;word-break:break-word;margin-bottom:2px;font-weight:600}.consignment-error{color:var(--red);margin-top:3px;font-size:10px}.consignment-status{flex-shrink:0;align-items:center;gap:4px;display:flex}.badge-pending-dispatch,.badge-dispatching,.badge-delivered,.badge-failed,.badge-cancelled{letter-spacing:.08em;white-space:nowrap;border-radius:4px;padding:3px 6px;font-size:9px;font-weight:900}.badge-pending-dispatch,.badge-dispatching{color:var(--amber);background:#ffbe5533}.badge-delivered{color:var(--green);background:#7dffb233}.badge-failed{color:var(--red);background:#ff626233}.badge-cancelled{color:#e8f6ff80;background:#e8f6ff1a}.consignment-time{color:#e8f6ff66;white-space:nowrap;flex-shrink:0;font-size:10px}.consignment-countdown{color:var(--amber);text-align:right;flex-shrink:0;min-width:28px;font-family:Courier New,monospace;font-size:11px;font-weight:600}.consignment-cancel-btn{color:#e8f6ff4d;cursor:pointer;background:0 0;border:none;flex-shrink:0;width:20px;height:20px;margin-left:4px;padding:0;font-size:14px;line-height:1;transition:color .15s;position:relative}.consignment-cancel-btn:hover{color:var(--red)}.bottom-right-actions{z-index:50;pointer-events:auto;flex-direction:row;align-items:center;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.bra-btn{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#020a10db;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:border-color .2s,background .2s;display:inline-flex;position:relative;box-shadow:0 8px 24px #00000073,inset 0 0 16px #66d9ff14}.bra-btn:hover{border-color:var(--blue);background:#020e18eb}.bra-btn:active{transform:scale(.95)}.bra-tumbler-icon{filter:brightness(.9);width:20px;height:auto}.bra-btn--test{opacity:.7;border-style:dashed;font-size:9px;display:none;position:relative}.bra-test-label{color:var(--blue);letter-spacing:.3px;font-size:8px;font-weight:600;position:absolute;bottom:-2px;right:1px}.bra-help-icon{color:#66d9ffbf}.tutorial-backdrop{z-index:500;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tutorial-card{background:var(--surface,#0d1117);border:1px solid #66d9ff2e;border-radius:12px;width:380px;max-width:calc(100vw - 32px);padding:32px 28px 24px;position:relative;box-shadow:0 8px 40px #0009}.tutorial-close{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;line-height:1;transition:color .15s;position:absolute;top:12px;right:12px}.tutorial-close:hover{color:#ffffffd9}.tutorial-step-counter{letter-spacing:.08em;color:#66d9ff99;text-transform:uppercase;margin-bottom:20px;font-size:11px;font-weight:600}.tutorial-step-body{min-height:140px}.tutorial-icon{color:#66d9ffd9;background:#66d9ff14;border:1px solid #66d9ff26;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.tutorial-title{color:#fff;margin:0 0 10px;font-size:16px;font-weight:600;line-height:1.3}.tutorial-desc{color:#fff9;margin:0;font-size:13px;line-height:1.6}.tutorial-pip-row{gap:6px;margin:24px 0 20px;display:flex}.tutorial-pip{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .15s,transform .15s}.tutorial-pip.is-active{background:#66d9ffd9;transform:scale(1.3)}.tutorial-nav{justify-content:flex-end;gap:10px;display:flex}:root[data-theme=light] .login-shell{color:#102131;background:radial-gradient(circle at 50% 44%,#0a7ea81a,#0000 34%),radial-gradient(circle at 12% 12%,#b5730d0f,#0000 26%),linear-gradient(135deg,#eef3f7 0%,#f7fafc 55%,#e7eff5 100%)}:root[data-theme=light] .login-grid-bg{background-color:#0000;background-image:linear-gradient(90deg,#145a820f 1px,#0000 1px),linear-gradient(#145a820f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:54px 54px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}:root[data-theme=light] .login-fog{mix-blend-mode:multiply;opacity:.14}:root[data-theme=light] .login-radar{opacity:.4;background:radial-gradient(circle,#0000 0 18%,#0a7ea80f 18.3%,#0000 18.6% 36%,#0a7ea80d 36.3%,#0000 36.6% 54%,#0a7ea80a 54.3%,#0000 54.6%),conic-gradient(#0000 0deg 292deg,#0a7ea838 342deg,#0000 360deg)}:root[data-theme=light] .login-panel{background:#ffffffd1;border-color:#145a8233;box-shadow:0 34px 120px #143c5a2e,inset 0 0 60px #0a7ea80d}:root[data-theme=light] .login-copy{background:linear-gradient(#ffffffbf,#e4eef58c);border-color:#145a8229}:root[data-theme=light] .login-copy h1{color:#0a1a28}:root[data-theme=light] .login-copy .eyebrow{color:#0a7ea8}:root[data-theme=light] .login-subtitle{color:#102131b3}:root[data-theme=light] .access-status-card{color:#1c8f56;background:#1c8f5614;border-color:#1c8f5647}:root[data-theme=light] .access-status-card span{color:#10213199}:root[data-theme=light] .login-form label{color:#102131a8}:root[data-theme=light] .login-form input{color:#102131;background:#ffffffeb;border-color:#145a8238}:root[data-theme=light] .login-form input::placeholder{color:#10213166}:root[data-theme=light] .login-form input:focus{border-color:#0a7ea899;box-shadow:0 0 24px #0a7ea81f}:root[data-theme=light] .login-form button{color:#04121b;background:linear-gradient(135deg,#22a7d6,#4fc6ee)}:root[data-theme=light] .login-theme-switch{background:#ffffffb3;border-color:#145a8238}:root[data-theme=light] .vehicle-login-stage{background:radial-gradient(circle,#0a7ea814,#0000 36%),linear-gradient(#ffffff80,#d7e4ee66);border-color:#145a8224}:root[data-theme=light] .vehicle-login-stage:before,:root[data-theme=light] .hangar-ring{border-color:#145a822e}:root[data-theme=light] .vehicle-readout{color:#0a7ea8;background:#ffffffd1;border-color:#145a8238}:root[data-theme=light] .loader-shell{color:#102131;background:#eef3f7}:root[data-theme=light] .loader-shell-radar{background:radial-gradient(circle at 50% 48%,#0a7ea80f,#0000 55%),#eef3f7}:root[data-theme=light] .loader-radar-dial{border-color:#0a7ea866;box-shadow:inset 0 0 80px #0a7ea814,0 0 100px #0a7ea81f}:root[data-theme=light] .loader-radar-rings{background:radial-gradient(circle,#0000 0 30%,#0a7ea81f 30.4%,#0000 30.8% 54%,#0a7ea81a 54.4%,#0000 54.8% 78%,#0a7ea814 78.4%,#0000 78.8%)}:root[data-theme=light] .loader-radar-sweep{background:conic-gradient(#0000 0deg 295deg,#0a7ea880 350deg,#0000 360deg)}:root[data-theme=light] .loader-radar-ticks span{background:#0a7ea880}:root[data-theme=light] .loader-radar-copy,:root[data-theme=light] .loader-radar-copy h2{color:#0a1a28;text-shadow:0 0 22px #0a7ea833}:root[data-theme=light] .loader-radar-eyebrow{color:#0a7ea8}:root[data-theme=light] .loader-radar-dots{color:#0a7ea8d9}:root[data-theme=light] .loader-building{background:linear-gradient(#c7d6e4 0%,#a4b8cb 55%,#8ca2b8 100%);border-top-color:#0a7ea840}:root[data-theme=light] .loader-speed-line{background:linear-gradient(90deg, transparent 0%, rgba(10, 126, 168, var(--opacity,.3)) 35%, #143c5ad9 65%, transparent 100%)}:root[data-theme=light] .loader-road{background:linear-gradient(90deg,#0000,#0a7ea866 20% 80%,#0000)}:root[data-theme=light] .loader-car-shadow{background:radial-gradient(#143c5a59 0%,#0000 70%)}:root[data-theme=light] .loader-stage{bottom:16%}:root[data-theme=light] .loader-tumbler{filter:drop-shadow(0 6px 16px #143c5a40)}:root[data-theme=light] .loader-hud-label{color:#0a7ea88c}:root[data-theme=light] .loader-hud-sub{color:#0a7ea8e6}:root{--hops-bg:#03070b;--hops-panel:#06121cd1;--hops-panel-strong:#081a28f5;--hops-line:#6ecdff38;--hops-line-strong:#6ecdff80;--hops-text:#e8f6ff;--hops-muted:#e8f6ffa8;--hops-blue:#66d9ff;--hops-amber:#ffbe55;--hops-red:#ff6262;--hops-green:#7dffb2}:root[data-theme=light]{--hops-bg:#eef4f8;--hops-panel:#ffffffdb;--hops-panel-strong:#fffffff7;--hops-line:#145a8238;--hops-line-strong:#145a826b;--hops-text:#0a2230;--hops-muted:#0a22309e;--hops-blue:#0a7ea8;--hops-amber:#b5730d;--hops-red:#c22b2b;--hops-green:#1c8f56}.hops-topbar{border-bottom:1px solid var(--hops-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#040e1699;align-items:center;gap:18px;padding:14px 20px;display:flex}:root[data-theme=light] .hops-topbar{background:#ffffff8c}.hops-brand{align-items:center;gap:12px;min-width:240px;display:flex}.hops-brand-mark{border:1px solid var(--hops-line-strong);width:42px;height:42px;color:var(--hops-blue);background:#66d9ff14;border-radius:14px;place-items:center;display:grid}.hops-eyebrow{color:var(--hops-blue);text-transform:uppercase;letter-spacing:.22em;margin:0;font-size:10px}.hops-brand h1{letter-spacing:-.03em;margin:2px 0 0;font-size:20px}.hops-tabs{gap:8px;margin-left:8px;display:flex}.hops-tabs button{border:1px solid var(--hops-line);color:var(--hops-muted);background:0 0;border-radius:12px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;transition:all .15s;display:flex}.hops-tabs button:hover{color:var(--hops-text);border-color:var(--hops-line-strong)}.hops-tabs button.is-active{color:#041019;background:var(--hops-blue);border-color:var(--hops-blue);font-weight:600}.hops-topbar-spacer{flex:1}.hops-identity{color:var(--hops-muted);align-items:center;gap:8px;padding-right:6px;font-size:12px;display:flex}.hops-role-badge{text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--hops-line-strong);color:var(--hops-amber);border-radius:999px;padding:3px 8px;font-size:10px}.hops-btn{border:1px solid var(--hops-line-strong);color:var(--hops-text);background:#66d9ff1a;border-radius:12px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;transition:all .15s;display:inline-flex}.hops-btn:hover:not(:disabled){background:#66d9ff33}.hops-btn.is-primary{background:var(--hops-blue);color:#041019;border-color:var(--hops-blue);font-weight:600}.hops-btn.is-danger{color:var(--hops-red);background:#ff626224;border-color:#ff626280}.hops-btn.is-danger.is-primary{background:var(--hops-red);color:#1a0505}.hops-btn.is-ghost{border-color:var(--hops-line);color:var(--hops-muted);background:0 0}.hops-btn.is-ghost.is-danger{color:var(--hops-red);border-color:#ff626280}.hops-btn.is-ghost.is-danger:hover:not(:disabled){background:#ff626224}.hops-btn:disabled{opacity:.45;cursor:not-allowed}.hops-btn.is-sm{border-radius:9px;padding:6px 12px;font-size:12px}.hops-input,.hops-select,.hops-textarea{border:1px solid var(--hops-line);width:100%;color:var(--hops-text);background:#00000047;border-radius:10px;padding:9px 12px;font-size:13px}:root[data-theme=light] .hops-input,:root[data-theme=light] .hops-select,:root[data-theme=light] .hops-textarea{background:#ffffffe6}:root[data-theme=light] .hops-btn.is-primary,:root[data-theme=light] .hops-btn.is-danger.is-primary,:root[data-theme=light] .hops-tabs button.is-active{color:#fff}.hops-input:focus,.hops-select:focus,.hops-textarea:focus{border-color:var(--hops-line-strong);outline:none}.hops-field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.hops-field>span{text-transform:uppercase;letter-spacing:.14em;color:var(--hops-muted);font-size:11px}.hops-muted{color:var(--hops-muted)}.hops-shell{flex:1;grid-template-columns:300px 1fr;min-height:0;display:grid}.hops-sidebar{border-right:1px solid var(--hops-line);flex-direction:column;gap:12px;padding:16px;display:flex;overflow:auto}.hops-sidebar-head{justify-content:space-between;align-items:center;display:flex}.hops-host-list{flex-direction:column;gap:6px;display:flex}.hops-host-item{text-align:left;border:1px solid var(--hops-line);background:var(--hops-panel);color:var(--hops-text);border-radius:12px;padding:11px 13px;transition:all .12s}.hops-host-item:hover{border-color:var(--hops-line-strong)}.hops-host-item.is-active{border-color:var(--hops-blue);box-shadow:inset 0 0 0 1px var(--hops-blue)}.hops-host-item .name{font-size:14px;font-weight:600}.hops-host-item .meta{color:var(--hops-muted);margin-top:3px;font-size:11px}.hops-main{min-height:0;padding:22px 26px;overflow:auto}.hops-panel{border:1px solid var(--hops-line);background:var(--hops-panel);border-radius:18px;margin-bottom:18px;padding:20px}.hops-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.hops-panel-head h2{letter-spacing:-.02em;margin:0;font-size:20px}.hops-kv{grid-template-columns:160px 1fr;gap:8px 16px;font-size:13px;display:grid}.hops-kv dt{color:var(--hops-muted)}.hops-kv dd{margin:0;font-family:SFMono-Regular,ui-monospace,monospace}.hops-device-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.hops-device-card{border:1px solid var(--hops-line);background:var(--hops-panel-strong);border-radius:14px;padding:14px}.hops-device-card .dc-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.hops-device-card .dc-name{font-weight:600}.hops-chip{text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--hops-line-strong);color:var(--hops-blue);border-radius:999px;padding:3px 8px;font-size:10px}.hops-chip.tvos{color:var(--hops-blue)}.hops-chip.roku{color:var(--hops-amber)}.hops-chip.firetabsel{color:var(--hops-green)}.hops-chip.is-off{color:var(--hops-red);border-color:#ff626280}.hops-device-card dl{grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-size:12px;display:grid}.hops-device-card dt{color:var(--hops-muted)}.hops-device-card dd{margin:0;font-family:ui-monospace,monospace}.hops-modal-overlay{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#02060ab8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.hops-modal{border:1px solid var(--hops-line-strong);background:var(--hops-panel-strong);border-radius:20px;width:min(680px,100%);max-height:88vh;padding:24px;overflow:auto;box-shadow:0 30px 90px #00000080}.hops-modal.is-wide{width:min(900px,100%)}.hops-modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.hops-modal-head h2{margin:4px 0 0;font-size:22px}.hops-form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.hops-form-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.hops-error-banner{color:var(--hops-red);background:#ff62621f;border:1px solid #ff626280;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:0 20px;padding:10px 14px;font-size:13px;display:flex}.hops-detail-list{color:var(--hops-red);margin:8px 0 0;padding-left:18px;font-size:12px}.hops-life-grid{grid-template-columns:1.1fr 1fr;gap:18px;display:grid}.hops-mode-switch{border:1px solid var(--hops-line);border-radius:12px;display:inline-flex;overflow:hidden}.hops-mode-switch button{color:var(--hops-muted);background:0 0;border:none;padding:8px 18px}.hops-mode-switch button.is-active{color:#041019;font-weight:600}.hops-mode-switch button.deploy.is-active{background:var(--hops-blue)}.hops-mode-switch button.destroy.is-active{background:var(--hops-red);color:#1a0505}.hops-step-list{flex-direction:column;gap:6px;max-height:420px;padding-right:4px;display:flex;overflow:auto}.hops-step{border:1px solid var(--hops-line);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.hops-step:hover{border-color:var(--hops-line-strong)}.hops-step.is-selected{border-color:var(--hops-blue);background:#66d9ff14}.hops-step .idx{color:var(--hops-muted);font-family:ui-monospace,monospace;font-size:11px}.hops-step .softfail{color:var(--hops-amber);margin-left:auto;font-size:10px}.hops-precheck{color:var(--hops-muted);align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.hops-terminal{border:1px solid var(--hops-line);color:#b9f5d0;white-space:pre-wrap;background:#01060a;border-radius:12px;height:320px;padding:14px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;line-height:1.5;overflow:auto}.hops-terminal .ln-err{color:var(--hops-red)}.hops-terminal .ln-ok{color:var(--hops-green)}.hops-terminal .ln-info{color:var(--hops-blue)}.hops-terminal .ln-warn{color:var(--hops-amber)}.hops-prod-guard{background:#ffbe5514;border:1px solid #ffbe5580;border-radius:12px;margin-top:10px;padding:12px 14px}.hops-table{border-collapse:collapse;width:100%;font-size:13px}.hops-table th,.hops-table td{text-align:left;border-bottom:1px solid var(--hops-line);padding:10px 12px}.hops-table th{color:var(--hops-muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.hops-table td .row-actions{gap:8px;display:flex}.hops-loading,.hops-empty{color:var(--hops-muted);justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.is-spinning{animation:1s linear infinite hops-spin}@keyframes hops-spin{to{transform:rotate(360deg)}}:root{--bc-bg:#02090e;--bc-bg-elevated:#06121a;--bc-bg-panel:#06121ae0;--bc-bg-soft:#091823;--bc-border:#173647;--bc-border-strong:#0e79b0;--bc-text:#f4f8fb;--bc-muted:#7f98a8;--bc-cyan:#25c7ff;--bc-cyan-soft:#113d50;--bc-green:#42df8b;--bc-amber:#ffb638;--bc-red:#ff5964;--bc-violet:#7658ff;--bc-shadow:0 18px 40px #00000040;--bc-grid:#25c7ff06}:root[data-theme=light]{--bc-bg:#eef3f7;--bc-bg-elevated:#fff;--bc-bg-panel:#ffffffed;--bc-bg-soft:#f5f8fb;--bc-border:#d8e2ea;--bc-border-strong:#278ed0;--bc-text:#102131;--bc-muted:#6b7d8d;--bc-cyan:#087fd1;--bc-cyan-soft:#dff2ff;--bc-green:#179c58;--bc-amber:#d88d0b;--bc-red:#d93644;--bc-violet:#6748e6;--bc-shadow:0 12px 28px #2338461a;--bc-grid:#087fd106}.bc-app-shell{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--bc-text);background:linear-gradient(var(--bc-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bc-grid) 1px, transparent 1px), radial-gradient(circle at 75% 15%, #1577ab14, transparent 32%), var(--bc-bg);background-size:32px 32px,32px 32px,auto,auto;grid-template-columns:180px 1fr;height:100vh;font-family:Inter,system-ui,sans-serif;display:grid;overflow:hidden}:root[data-theme=light] .bc-app-shell{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.bc-app-shell a{color:inherit;text-decoration:none}.bc-app-shell button,.bc-app-shell input,.bc-app-shell select,.bc-app-shell textarea{font:inherit}.bc-app-shell button{cursor:pointer}.bc-app-shell select,.bc-app-shell input{background:var(--bc-bg-soft);border:1px solid var(--bc-border);color:var(--bc-text);border-radius:6px;outline:none;padding:9px 11px}.bc-app-shell select:focus,.bc-app-shell input:focus{border-color:var(--bc-cyan);box-shadow:0 0 0 2px #25c7ff14}.sidebar{border-right:1px solid var(--bc-border);background:color-mix(in srgb, var(--bc-bg-elevated) 90%, transparent);z-index:5;flex-direction:column;height:100vh;padding:18px 10px;display:flex;position:sticky;top:0}.brand-mark{color:var(--bc-text);letter-spacing:.14em;flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.brand-mark img{object-fit:contain;filter:drop-shadow(0 0 16px #25c7ff2e);width:64px;height:34px}.brand-mark strong{letter-spacing:.15em;text-align:center;font-family:Rajdhani,sans-serif;font-size:18px;line-height:1.05}.brand-mark span{color:var(--bc-cyan);letter-spacing:.24em;text-align:center;font-size:8px}.sidebar nav{gap:6px;display:grid}.nav-item{color:var(--bc-muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:13px;display:flex}.nav-item:hover{color:var(--bc-text);background:var(--bc-bg-soft)}.nav-item.active{color:#d9f7ff;box-shadow:inset 3px 0 var(--bc-cyan);background:linear-gradient(90deg,#0094d747,#0094d71c);border-color:#25c7ff26}:root[data-theme=light] .nav-item.active{color:#075c91}.sidebar-footer{color:var(--bc-muted);letter-spacing:.08em;gap:12px;margin-top:auto;padding:16px 10px 2px;font-family:JetBrains Mono,monospace;font-size:10px;display:grid}.sidebar-footer small{opacity:.75;font-size:9px}.app-main{min-width:0;height:100vh;overflow-y:auto}.topbar{border-bottom:1px solid var(--bc-border);background:color-mix(in srgb, var(--bc-bg-elevated) 92%, transparent);z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:58px;padding:0 24px;display:flex;position:sticky;top:0}.system-online{color:var(--bc-green);letter-spacing:.1em;align-items:center;gap:9px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:flex}.pulse-dot{background:var(--bc-green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #42df8b14,0 0 12px #42df8b73}.topbar-actions{align-items:center;gap:10px;display:flex}.bc-icon-button{border:1px solid var(--bc-border);width:36px;height:36px;color:var(--bc-text);background:var(--bc-bg-soft);cursor:pointer;border-radius:6px;place-items:center;display:grid}.user-chip{align-items:center;gap:8px;padding-left:4px;display:flex}.avatar{border:1px solid var(--bc-cyan);color:#eafaff;background:linear-gradient(145deg,#0f7ac4,#114a87);border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.user-chip>span:last-child{line-height:1.05;display:grid}.user-chip strong{font-size:11px}.user-chip small{color:var(--bc-muted);letter-spacing:.08em;font-size:7px}.env-badge{letter-spacing:.12em;white-space:nowrap;border:1px solid var(--bc-border);background:var(--bc-bg-soft);color:var(--bc-muted);border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:inline-flex}.env-badge--dev{color:var(--bc-cyan);border-color:color-mix(in srgb, var(--bc-cyan) 45%, transparent);background:color-mix(in srgb, var(--bc-cyan) 10%, transparent)}.env-badge--prod{color:var(--bc-amber);border-color:color-mix(in srgb, var(--bc-amber) 55%, transparent);background:color-mix(in srgb, var(--bc-amber) 12%, transparent)}.page-content{padding:20px 22px 36px}.page-stack{gap:16px;display:grid}.bc-eyebrow{color:var(--bc-cyan);letter-spacing:.12em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10px}.page-title,.host-header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.bc-app-shell h1,.bc-app-shell h2,.bc-app-shell h3,.bc-app-shell p{margin-top:0}.bc-app-shell h1,.bc-app-shell h2,.bc-app-shell h3{letter-spacing:.02em;font-family:Rajdhani,Inter,sans-serif}.page-title h1,.host-header h1{margin:4px 0 2px;font-size:32px}.page-title p,.host-header p{color:var(--bc-muted);margin:0;font-size:13px}.host-name-line{align-items:center;gap:12px;display:flex}.heading-actions{align-items:center;gap:9px;display:flex}.back-link{width:max-content;color:var(--bc-muted);background:0 0;border:0;align-items:center;gap:7px;font-size:12px;display:flex}.back-link:hover{color:var(--bc-cyan)}.hero{border:1px solid var(--bc-border);background:var(--bc-bg-panel);min-height:145px;box-shadow:var(--bc-shadow);border-radius:8px;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#25c7ff06,#0000);position:absolute;inset:0}.hero h1{color:color-mix(in srgb, var(--bc-cyan) 65%, var(--bc-text));text-shadow:0 0 20px #25c7ff33;margin:5px 0 -6px;font-size:36px;line-height:1}.hero h2{color:var(--bc-cyan);letter-spacing:.15em;margin-bottom:8px;font-size:16px}.hero p{color:var(--bc-muted);font-size:12px}.hero-vehicle{width:370px;height:125px;color:var(--bc-cyan);opacity:.8;position:relative}.hero-drive{border-radius:12px;position:absolute;inset:0;overflow:hidden}.hero-speed-lines{pointer-events:none;position:absolute;inset:0}.hero-speed-line{height:1px;width:var(--width,80px);background:linear-gradient(90deg, transparent 0%, rgba(102, 217, 255, var(--opacity,.3)) 40%, #c8f5ffe6 70%, transparent 100%);animation:heroSpeedLine var(--dur,.6s) var(--delay,0s) linear infinite;position:absolute;left:0}:root[data-theme=light] .hero-speed-line{background:linear-gradient(90deg, transparent 0%, rgba(8, 127, 209, var(--opacity,.3)) 40%, #082d52e6 70%, transparent 100%)}@keyframes heroSpeedLine{0%{opacity:0;transform:translate(380px)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(-160px)}}.hero-tumbler{z-index:2;filter:drop-shadow(0 0 14px #25c7ff38);width:auto;height:88px;animation:90ms linear infinite alternate heroRumble;position:absolute;bottom:12px;right:6px}@keyframes heroRumble{0%{transform:translateY(0)}to{transform:translateY(2px)}}@media (prefers-reduced-motion:reduce){.hero-speed-line,.hero-tumbler{animation:none}.hero-speed-line{opacity:0}}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-card{border:1px solid var(--bc-border);background:linear-gradient(135deg, var(--bc-bg-panel), color-mix(in srgb, var(--bc-bg-panel) 70%, transparent));box-shadow:var(--bc-shadow);border-radius:7px;align-items:center;gap:16px;padding:16px;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";opacity:.22;background:currentColor;height:1px;position:absolute;inset:auto 0 0}.stat-icon{opacity:.9;border:1px solid;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.stat-value{font-family:JetBrains Mono,monospace;font-size:25px;line-height:1}.stat-label{letter-spacing:.1em;margin-top:4px;font-size:12px;font-weight:700}.stat-helper{color:var(--bc-muted);margin-top:5px;font-size:9px}.tone-cyan{color:var(--bc-cyan)}.tone-green{color:var(--bc-green)}.tone-amber{color:var(--bc-amber)}.tone-red{color:var(--bc-red)}.panel{background:var(--bc-bg-panel);border:1px solid var(--bc-border);box-shadow:var(--bc-shadow);border-radius:8px;overflow:hidden}.panel-heading{border-bottom:1px solid var(--bc-border);justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:12px 14px;display:flex}.panel-heading.compact{min-height:48px}.panel-heading h2,.panel-heading h3{margin:2px 0 0;font-size:17px}.panel-heading p{color:var(--bc-muted);margin:3px 0 0;font-size:11px}.toolbar{border-bottom:1px solid var(--bc-border);gap:8px;padding:12px;display:flex}.toolbar-spacer{flex:1}.search-box{background:var(--bc-bg-soft);border:1px solid var(--bc-border);min-width:280px;color:var(--bc-muted);border-radius:6px;align-items:center;gap:8px;padding:0 10px;display:flex}.search-box input{width:100%;box-shadow:none;background:0 0;border:0;padding-left:0}.data-table{width:100%}.table-row{border-bottom:1px solid color-mix(in srgb, var(--bc-border) 70%, transparent);grid-template-columns:1.3fr 1.05fr .8fr .9fr .55fr .45fr;align-items:center;gap:14px;min-height:50px;padding:0 14px;font-size:12px;display:grid}.table-row:last-child{border-bottom:0}.table-row:hover:not(.table-head){background:color-mix(in srgb, var(--bc-cyan-soft) 15%, transparent)}.table-head{min-height:36px;color:var(--bc-muted);letter-spacing:.09em;font-size:9px}.row-action{color:var(--bc-muted);background:0 0;border:0;justify-self:end;font-size:24px}.row-action:hover{color:var(--bc-cyan)}.row-action.labeled{font-size:11px;font-weight:600}.mono-tag{text-transform:uppercase;color:var(--bc-muted);font-family:JetBrains Mono,monospace;font-size:10px}.status{text-transform:capitalize;align-items:center;gap:7px;width:max-content;font-size:11px;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px}.status-online,.status-connected,.status-completed,.status-success{color:var(--bc-green)}.status-degraded,.status-running{color:var(--bc-amber)}.status-offline,.status-disconnected,.status-failed,.status-error{color:var(--bc-red)}.status-pending,.status-unknown{color:var(--bc-muted)}.primary-button,.secondary-button,.danger-button,.text-button{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 13px;font-size:11px;font-weight:600;display:inline-flex}.primary-button{color:#eafaff;background:linear-gradient(#188ed2,#0871b0);border:1px solid #179fe4;box-shadow:0 0 16px #25c7ff21}.secondary-button{color:var(--bc-text);background:var(--bc-bg-soft);border:1px solid var(--bc-border)}.danger-button{color:#fff1f2;background:color-mix(in srgb, var(--bc-red) 18%, var(--bc-bg-soft));border:1px solid color-mix(in srgb, var(--bc-red) 70%, transparent)}:root[data-theme=light] .danger-button{color:#b3261e;background:color-mix(in srgb, var(--bc-red) 12%, #fff);border-color:color-mix(in srgb, var(--bc-red) 55%, transparent)}.text-button{color:var(--bc-cyan);background:0 0;border:0;min-height:auto;padding:0}.small{min-height:30px;padding-inline:10px}.full{width:100%;margin-top:10px}button:disabled{opacity:.55;cursor:not-allowed}.tabs{border-bottom:1px solid var(--bc-border);gap:6px;display:flex}.tabs a{color:var(--bc-muted);border-bottom:2px solid #0000;padding:11px 16px;font-size:12px}.tabs a:hover{color:var(--bc-text)}.tabs a.active{color:var(--bc-cyan);border-bottom-color:var(--bc-cyan);background:linear-gradient(#0000,#25c7ff0d)}.overview-layout{grid-template-columns:.9fr 1.25fr;gap:14px;display:grid}.full-span{grid-column:1/-1}.info-panel,.devices-panel{min-height:310px}.detail-list{margin:0;padding:10px 14px}.detail-list>div{border-bottom:1px solid color-mix(in srgb, var(--bc-border) 70%, transparent);grid-template-columns:1fr 1.1fr;gap:12px;padding:8px 0;display:grid}.detail-list>div:last-child{border-bottom:0}.detail-list dt{color:var(--bc-muted);font-size:11px}.detail-list dd{margin:0;font-size:11px;font-weight:500}.device-list{padding:6px 12px}.health-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;padding:12px;display:grid}.health-row{border:1px solid color-mix(in srgb, var(--bc-border) 70%, transparent);background:color-mix(in srgb, var(--bc-panel) 60%, transparent);border-radius:8px;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.health-row>div{gap:2px;min-width:0;display:grid}.health-row strong{font-size:12px}.health-row small{color:var(--bc-muted);font-size:10px}.health-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--bc-muted);font-family:JetBrains Mono,monospace;font-size:10px}.analytics-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:12px;display:grid}.analytics-card{border:1px solid color-mix(in srgb, var(--bc-border) 70%, transparent);background:color-mix(in srgb, var(--bc-panel) 60%, transparent);border-radius:8px;padding:10px 12px}.analytics-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.analytics-head span{text-transform:uppercase;letter-spacing:.04em;color:var(--bc-muted);font-size:10px}.analytics-head strong{font-family:JetBrains Mono,monospace;font-size:14px}.sparkline{width:100%;height:48px;display:block}.device-row{border-bottom:1px solid color-mix(in srgb, var(--bc-border) 70%, transparent);grid-template-columns:36px 1fr auto auto;align-items:center;gap:11px;padding:10px 0;display:grid}.device-row:last-child{border-bottom:0}.device-row>div:nth-child(2){gap:2px;display:grid}.device-row strong{font-size:12px}.device-row small{color:var(--bc-muted);font-size:10px}.device-icon{width:32px;height:32px;color:var(--bc-text);border:1px solid var(--bc-border);background:#ffffffeb;border-radius:7px;place-items:center;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:grid;overflow:hidden}.device-icon img{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:4px}.platform-tvos,.platform-roku,.platform-fire-tv{background:#ffffffeb}.table-row.is-clickable{cursor:pointer}.step-group{border-bottom:1px solid color-mix(in srgb, var(--bc-border) 70%, transparent);padding:6px 14px 12px}.step-group:last-child{border-bottom:0}.step-group-head{justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.step-group-head h4{margin:0;font-size:13px}.step-list{margin:0;padding:0;list-style:none}.step-row{border-top:1px solid color-mix(in srgb, var(--bc-border) 45%, transparent);justify-content:space-between;align-items:center;gap:10px;padding:7px 0;display:flex}.step-name{color:var(--bc-text);font-size:12px}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.bc-metric-card{border:1px solid var(--bc-border);background:var(--bc-bg-panel);box-shadow:var(--bc-shadow);border-radius:7px;padding:14px}.bc-metric-card>span{color:var(--bc-muted);font-size:10px;display:block}.bc-metric-card strong{margin:4px 0 9px;font-size:20px;display:block}.bc-metric-card small{color:var(--bc-muted)}.meter{background:color-mix(in srgb, var(--bc-border) 55%, transparent);border-radius:4px;height:8px;overflow:hidden}.meter-fill{border-radius:inherit;height:100%}.meter-cyan{background:linear-gradient(90deg, #138ad0, var(--bc-cyan))}.meter-violet{background:linear-gradient(90deg,#553ae0,#8b70ff)}.meter-amber{background:linear-gradient(90deg, #d28116, var(--bc-amber))}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;display:grid}.device-card{border:1px solid var(--bc-border);background:var(--bc-bg-soft);border-radius:7px;padding:14px}.device-card-top{justify-content:space-between;align-items:flex-start;display:flex}.device-card h3{margin:14px 0 3px}.device-card p{color:var(--bc-muted);font-size:11px}.device-meta{border-top:1px solid var(--bc-border);justify-content:space-between;margin-top:18px;padding-top:10px;font-size:10px;display:flex}.device-meta span{color:var(--bc-muted)}.device-card-actions{gap:8px;margin-top:12px;display:flex}.device-card-actions .hops-btn{flex:1;justify-content:center}.activity-list{padding:8px 14px}.activity-row{border-bottom:1px solid var(--bc-border);grid-template-columns:12px 1fr auto;align-items:center;gap:13px;min-height:68px;display:grid}.activity-row:last-child{border-bottom:0}.activity-pip{background:var(--bc-cyan);border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px}.activity-success .activity-pip{background:var(--bc-green)}.activity-warning .activity-pip{background:var(--bc-amber)}.activity-error .activity-pip{background:var(--bc-red)}.activity-row strong{font-size:12px}.activity-row p{color:var(--bc-muted);margin:3px 0 0;font-size:10px}.activity-row time{color:var(--bc-muted);font-size:9px}.empty-state{text-align:center;min-height:320px;color:var(--bc-muted);align-content:center;place-items:center;display:grid}.empty-state h2{color:var(--bc-text);margin:10px 0 4px}.bat-watermark{color:var(--bc-cyan);opacity:.3;font-size:64px}.text-button,.primary-button,.secondary-button,.danger-button,.bc-icon-button{transition:all .18s}.primary-button:hover{filter:brightness(1.12)}.secondary-button:hover,.bc-icon-button:hover{border-color:var(--bc-cyan);color:var(--bc-cyan)}.danger-button:hover{filter:brightness(1.08)}.bc-embed-panel{gap:14px;display:grid}@media (width<=1080px){.bc-app-shell{grid-template-columns:74px 1fr}.brand-mark strong,.brand-mark span,.nav-item span,.sidebar-footer span,.sidebar-footer small{display:none}.nav-item{justify-content:center}.brand-mark img{width:48px}.stats-grid{grid-template-columns:repeat(2,1fr)}.overview-layout{grid-template-columns:1fr}.metrics-grid,.card-grid{grid-template-columns:repeat(2,1fr)}}