:root{--bg-dark: #07090e;--bg-card: rgba(15, 23, 42, .75);--bg-card-hover: rgba(30, 41, 59, .85);--border-glass: rgba(255, 255, 255, .1);--border-glass-bright: rgba(255, 255, 255, .2);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--connected-color: #10b981;--connected-glow: rgba(16, 185, 129, .4);--disconnected-color: #ef4444;--disconnected-glow: rgba(239, 68, 68, .5);--accent-cyan: #06b6d4;--accent-blue: #3b82f6;--accent-amber: #f59e0b;--font-main: "JetBrains Mono", monospace;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0;font-family:JetBrains Mono,monospace}html,body,#root{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;overflow:hidden;background-color:var(--bg-dark);font-family:JetBrains Mono,monospace;color:var(--text-primary);-webkit-user-select:none;user-select:none}.map-container{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#06080d}.leaflet-container{background:#06080d!important;font-family:var(--font-main)!important}.leaflet-tile-pane{filter:brightness(.95) contrast(1.05)}.leaflet-control-zoom{border:1px solid var(--border-glass)!important;border-radius:10px!important;overflow:hidden;box-shadow:0 10px 25px -5px #00000080!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:var(--bg-card)!important;margin-top:20px!important;margin-left:20px!important}.leaflet-control-zoom a{background:transparent!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-glass)!important;transition:all .2s ease}.leaflet-control-zoom a:hover{background:#ffffff1a!important;color:#fff!important}.leaflet-control-attribution{background:#07090eb3!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;color:var(--text-muted)!important;font-size:10px!important;border-top-left-radius:6px;padding:2px 8px!important}.leaflet-control-attribution a{color:var(--text-secondary)!important}.probe-search-container{position:absolute;top:20px;left:64px;z-index:10000;display:flex;flex-direction:column}.probe-search-bar{display:flex;align-items:center;gap:8px;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:10px;padding:6px 10px;height:34px;box-shadow:0 10px 25px -5px #00000080;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:250px}.probe-search-bar:focus-within,.probe-search-bar.active{border-color:#06b6d499;box-shadow:0 0 16px #06b6d440,0 10px 25px -5px #000000a6;width:250px}.probe-search-bar.probe-selected{border-color:#10b9818c;background:#070a12e0}.probe-search-icon{color:var(--text-muted);flex-shrink:0;transition:color .15s ease}.probe-search-bar:focus-within .probe-search-icon{color:var(--cyan-glow)}.probe-search-input{background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-mono);font-size:12px;width:100%}.probe-search-input::placeholder{color:var(--text-muted);font-family:var(--font-main);font-size:12px}.probe-selected-badge{display:inline-flex;align-items:center;gap:4px;background:#10b98129;border:1px solid rgba(16,185,129,.45);color:#10b981;font-family:var(--font-mono);font-size:11px;font-weight:600;padding:1px 6px;border-radius:4px;white-space:nowrap}.pulse-icon{animation:pulse 1.6s infinite ease-in-out}.probe-search-clear-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:3px;border-radius:4px;transition:all .15s ease;flex-shrink:0}.probe-search-clear-btn:hover{color:#fff;background:#ffffff1f}.probe-search-dropdown{position:absolute;top:40px;left:0;width:290px;max-height:320px;background:#070a12fa;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-glass);border-radius:10px;box-shadow:0 20px 48px -6px #000000f2,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;overflow:hidden;animation:fadeInDown .2s cubic-bezier(.16,1,.3,1);z-index:10001}.probe-dropdown-header{padding:8px 12px;font-size:11px;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border-glass);background:#ffffff05;display:flex;align-items:center;justify-content:space-between}.probe-dropdown-sub{font-size:10px;opacity:.7}.probe-dropdown-list{overflow-y:auto;max-height:270px;display:flex;flex-direction:column;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#1e293b #04060a}.probe-dropdown-list::-webkit-scrollbar{width:5px;background:#04060a}.probe-dropdown-list::-webkit-scrollbar-track{background:#04060a}.probe-dropdown-list::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}.probe-dropdown-list::-webkit-scrollbar-thumb:hover{background:#334155}.probe-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.03);transition:background .15s ease}.probe-dropdown-item:hover,.probe-dropdown-item.selected{background:#06b6d424}.probe-item-left{display:flex;align-items:center;gap:8px}.probe-status-pip{width:7px;height:7px;border-radius:1.5px;flex-shrink:0}.probe-status-pip.connected{background:#10b981;box-shadow:0 0 6px #10b981d9}.probe-status-pip.disconnected{background:#ef4444;box-shadow:0 0 6px #ef4444d9}.probe-id-label{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-primary)}.probe-country-pill{font-size:10px;font-weight:600;background:#ffffff14;color:var(--text-secondary);padding:1px 4px;border-radius:3px}.probe-item-right{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.probe-dropdown-empty{padding:16px;text-align:center;font-size:12px;color:var(--text-muted)}.probe-sonar-leaflet-wrapper{background:transparent!important;border:none!important}.probe-sonar-pulse-box{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;pointer-events:none}.probe-sonar-center{width:10px;height:10px;border-radius:2px;z-index:10;transition:all .3s ease}.probe-sonar-pulse-box.connected .probe-sonar-center{background:#10b981;border:1.5px solid #ffffff;box-shadow:0 0 10px #10b981f2}.probe-sonar-pulse-box.disconnected .probe-sonar-center{background:#ef4444;border:1.5px solid #ffffff;box-shadow:0 0 12px #ef4444f2}.sonar-square-ring{position:absolute;width:12px;height:12px;border-radius:2px;transform-origin:center center;animation:sonar-square-expand 2.4s infinite cubic-bezier(.16,1,.3,1);pointer-events:none}.probe-sonar-pulse-box.connected .sonar-square-ring{border:1.5px solid rgba(16,185,129,.95);background:#10b98140;box-shadow:0 0 10px #10b98180}.probe-sonar-pulse-box.disconnected .sonar-square-ring{border:1.5px solid rgba(239,68,68,.95);background:#ef444440;box-shadow:0 0 12px #ef444499}.sonar-square-ring.ring-1{animation-delay:0s}.sonar-square-ring.ring-2{animation-delay:.8s}.sonar-square-ring.ring-3{animation-delay:1.6s}@keyframes sonar-square-expand{0%{transform:scale(.5);opacity:.7}to{transform:scale(4.5);opacity:0}}.map-filter-row.disabled{opacity:.38!important;cursor:not-allowed!important;pointer-events:none!important}.map-filter-row.disabled input{cursor:not-allowed!important}.top-left-container{position:absolute;top:192px;left:20px;z-index:100;display:flex;flex-direction:column;align-items:flex-start;gap:10px;pointer-events:none}.top-left-container>*{pointer-events:auto}.top-left-brand{position:relative;display:flex;flex-direction:column;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:14px;padding:10px 12px;box-shadow:0 10px 30px -5px #0000008c;animation:fadeInDown .4s ease-out;width:228px;box-sizing:border-box}.brand-header-top{display:flex;align-items:center;gap:8px;width:100%}.floating-actions-wrapper{display:flex;flex-direction:column;gap:8px;align-items:flex-start;pointer-events:auto;animation:fadeInDown .45s ease-out}.floating-action-btn{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px -2px #00000080;padding:0;flex-shrink:0}.floating-action-btn:hover{background:#ffffff1a;border-color:#06b6d466;color:var(--text-primary);transform:translateY(-1px) scale(1.05);box-shadow:0 6px 20px -2px #0009,0 0 12px #06b6d433}.floating-action-btn.active{background:#06b6d433;border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 16px #06b6d473;transform:scale(1.04)}.floating-action-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.floating-action-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:9.5px;font-weight:700;font-family:var(--font-mono, monospace);min-width:16px;height:16px;padding:0 4px;border-radius:9999px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #ef4444d9,0 2px 4px #00000080;border:1.5px solid #0f172a;z-index:2;pointer-events:none;box-sizing:border-box;line-height:1;animation:pulseGlow 2s infinite ease-in-out}.floating-action-row{position:relative;display:flex;flex-direction:row;align-items:flex-start;gap:8px}.floating-action-reset-btn{display:flex;align-items:center;justify-content:center;align-self:center;width:24px;height:24px;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(239,68,68,.45);border-radius:7px;color:#f87171;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #00000080,0 0 8px #ef444440;padding:0;animation:fadeIn .2s ease-out;flex-shrink:0}.floating-action-reset-btn:hover{background:#ef444440;border-color:#ef4444;color:#fff;transform:scale(1.12);box-shadow:0 4px 16px #ef444480}.filters-card-flyout{position:absolute;left:50px;top:0;z-index:50;display:flex;flex-direction:column;gap:6px;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass-bright);border-radius:14px;padding:8px 10px;box-shadow:0 10px 30px -5px #000000a6,0 0 20px #06b6d41f;animation:slideFadeInRight .22s cubic-bezier(.16,1,.3,1);width:195px;box-sizing:border-box}.controllers-card-flyout{width:232px}.highlight-card-flyout{width:215px}.filters-card-header{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-bottom:2px}.filters-header-left{display:flex;align-items:center;gap:5px;font-size:9.5px;font-weight:700;letter-spacing:.5px;color:var(--text-secondary)}.filters-icon{color:var(--accent-cyan)}.filters-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.filters-close-btn:hover{color:var(--text-primary);background:#ffffff1a}.brand-dates-row{display:flex;flex-direction:column;align-items:flex-end;text-align:right;width:100%;margin-top:-2px}.brand-dates-row p{font-size:11px;line-height:1.35;letter-spacing:-.4px;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap}.card-divider{border:none;height:1px;background:#ffffff14;margin:2px 0;width:100%}.card-filter-section{display:flex;flex-direction:column;gap:3px;width:100%}.map-filter-row{display:flex;align-items:center;gap:8px;cursor:pointer;padding:3px 4px;border-radius:6px;transition:all .15s ease;width:100%;box-sizing:border-box}.map-filter-row:hover{background:#ffffff0f}.map-switch-wrapper{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.map-switch-input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}.map-switch-label{display:inline-block;width:26px;height:15px;background:#ffffff1f;border:1px solid rgba(255,255,255,.16);border-radius:10px;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.map-switch-label:hover{background:#ffffff2e;border-color:#ffffff40}.map-switch-slider{position:absolute;top:1.5px;left:2px;width:10px;height:10px;background:#94a3b8;border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0006}.map-switch-input:checked+.map-switch-label{background:var(--accent-cyan);border-color:#06b6d499;box-shadow:0 0 8px #06b6d459}.map-switch-input:checked+.map-switch-label .map-switch-slider{transform:translate(11px);background:#fff}.map-switch-input:disabled+.map-switch-label{opacity:.4;cursor:not-allowed}.map-filter-text{font-size:11px;font-weight:400;line-height:1.35;letter-spacing:-.3px;color:var(--text-secondary);font-family:var(--font-mono);white-space:nowrap;flex:1}.map-filter-badge{font-size:10px;font-family:var(--font-mono);background:#ef444426;color:#fca5a5;padding:1px 5px;border-radius:6px;border:1px solid rgba(239,68,68,.3);margin-left:auto}.map-filter-badge.badge-active{background:#06b6d426;color:#67e8f9;border:1px solid rgba(6,182,212,.3)}.map-filter-badge.badge-warning{background:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.top-right-stack{position:absolute;top:20px;right:20px;z-index:100;display:flex;flex-direction:row;align-items:flex-start;gap:12px;pointer-events:none}.top-right-stack>*{pointer-events:auto}.top-right-column{display:flex;flex-direction:column;gap:10px;align-items:stretch}.stats-column-card{position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:14px;padding:12px 18px;box-shadow:0 12px 35px -8px #0009;min-width:220px;animation:fadeInDown .4s ease-out}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.06)}.stat-row:last-child{padding-bottom:0;border-bottom:none}.controllers-card{position:relative;display:flex;flex-direction:column;gap:8px;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:14px;padding:10px 16px;box-shadow:0 12px 35px -8px #0009;min-width:220px;animation:fadeInDown .4s ease-out}.controllers-card-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.06)}.controllers-header-left{display:flex;align-items:center;gap:6px}.controllers-icon{color:var(--text-muted)}.controllers-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted)}.controllers-list{display:flex;flex-direction:column;gap:6px}.controller-item{display:flex;flex-direction:column;gap:3px;padding:2px 0}.controller-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--font-mono);font-size:11px}.controller-name{color:var(--text-secondary);font-size:11px;font-weight:500;white-space:nowrap}.controller-stat-box{display:flex;align-items:center;gap:5px;font-size:11px;font-family:var(--font-mono);flex-shrink:0}.controller-counts{color:var(--text-muted);font-size:11px}.controller-counts.has-disc .disc-num{color:var(--disconnected-color);font-weight:700}.controller-counts .sep-slash{color:#fff3;margin:0 1px}.controller-counts .total-num{color:var(--text-secondary)}.controller-pct{font-size:10px;font-weight:600;min-width:38px;text-align:right}.controller-pct.pct-zero{color:var(--text-muted);opacity:.6}.controller-pct.pct-disc{color:#f87171}.controller-pct.pct-warn{color:#ef4444;font-weight:700}.controller-bar-track{width:100%;height:3px;background:#ffffff14;border-radius:2px;overflow:hidden;position:relative}.controller-bar-fill{height:100%;background:#ffffff26;border-radius:2px;transition:width .2s ease}.controller-bar-fill.bar-disc{background:linear-gradient(90deg,#f59e0b,#ef4444);box-shadow:0 0 6px #ef444499}.controller-bar-fill.bar-warn{background:#ef4444;box-shadow:0 0 8px #ef4444e6}.zones-floating-alerts{display:flex;flex-direction:column;gap:6px;width:100%;animation:fadeInDown .3s ease-out}.zone-floating-pill{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0f172ad1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(239,68,68,.45);border-radius:9999px;padding:6px 14px;box-shadow:0 8px 24px -4px #0009,0 0 14px #ef444440;font-family:var(--font-mono);font-size:11px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.zone-floating-pill:hover{transform:translate(-2px);border-color:#ef4444cc;box-shadow:0 8px 24px -4px #000000b3,0 0 18px #ef444473}.zone-alert-dot-round{width:8px;height:8px;background:#ef4444;border-radius:50%;box-shadow:0 0 8px #ef4444,0 0 14px #ef4444b3;flex-shrink:0;animation:pulseBeacon 1.5s infinite ease-in-out}@keyframes pulseBeacon{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.45);opacity:.45}}.zone-alert-name{color:#fff!important;font-weight:500;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.zone-alert-count{color:#ef4444;font-weight:700;font-size:12px;flex-shrink:0}.date-picker-wrapper{position:relative;display:flex;flex-direction:column}.date-picker-card{position:relative;display:flex;align-items:center;gap:10px;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:12px;padding:8px 14px;box-shadow:0 10px 25px -5px #0000008c;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);animation:fadeInDown .4s ease-out;box-sizing:border-box}.date-picker-card:hover{background:var(--bg-card-hover);border-color:#06b6d459;box-shadow:0 10px 25px -5px #06b6d426,0 0 15px #06b6d414}.date-picker-card.active{background:#0f172af2;border-color:var(--accent-cyan);box-shadow:0 0 16px #06b6d440}.date-picker-icon-box{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#06b6d433,#3b82f61a);border:1px solid rgba(6,182,212,.3);display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);flex-shrink:0}.date-picker-info{display:flex;flex-direction:column;justify-content:center}.date-picker-range{font-size:13px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;letter-spacing:-.3px}.range-sep{color:var(--accent-cyan);margin:0 2px;opacity:.8}.date-picker-chevron{color:var(--text-secondary);transition:transform .25s ease;margin-left:2px}.date-picker-chevron.open{transform:rotate(180deg);color:var(--accent-cyan)}.calendar-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:310px;background:#0b1120f5;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-glass-bright);border-radius:16px;padding:16px;box-shadow:0 20px 50px -10px #000000d9,0 0 30px #06b6d41a;z-index:1000;animation:fadeInDown .25s ease-out}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.cal-title{font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.cal-nav-btn{background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-secondary);border-radius:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.cal-nav-btn:hover{background:#ffffff1f;color:#fff;border-color:var(--accent-cyan)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;margin-bottom:6px}.cal-weekday{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--text-muted);padding:2px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;row-gap:5px}.cal-day{position:relative;height:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-family:var(--font-mono);color:var(--text-secondary);border-radius:6px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.cal-day.empty{pointer-events:none}.cal-day.unavailable{opacity:.2;cursor:not-allowed}.cal-day.available{cursor:pointer;color:var(--text-primary)}.cal-day.available:hover{background:#ffffff1a;color:#fff}.cal-day.in-range{background:#06b6d42e;color:#38bdf8;border-radius:0}.cal-day.range-start{background:linear-gradient(135deg,#06b6d4,#0284c7)!important;color:#fff!important;font-weight:700;border-radius:8px 0 0 8px;box-shadow:0 0 12px #06b6d473}.cal-day.range-end{background:linear-gradient(135deg,#06b6d4,#0284c7)!important;color:#fff!important;font-weight:700;border-radius:0 8px 8px 0;box-shadow:0 0 12px #06b6d473}.cal-day.range-start.range-end{border-radius:8px!important}.cal-day.over-limit{opacity:.4}.day-dot{width:3px;height:3px;background:var(--accent-cyan);border-radius:50%;position:absolute;bottom:3px;opacity:.8}.cal-day.range-start .day-dot,.cal-day.range-end .day-dot{background:#fff}.calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.cal-status-text{font-size:11px;font-family:var(--font-mono)}.cal-hint-selected{color:var(--connected-color);font-weight:600;display:flex;align-items:center}.cal-hint-picking{color:var(--accent-amber);font-weight:600}.cal-preset-btn{background:#06b6d41f;border:1px solid rgba(6,182,212,.35);color:#38bdf8;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cal-preset-btn:hover{background:#06b6d440;border-color:var(--accent-cyan);color:#fff;box-shadow:0 0 10px #06b6d44d}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.app-title-badge{display:flex;align-items:center;gap:10px;border-right:1px solid var(--border-glass);padding-right:16px}.app-logo-icon{color:var(--connected-color);animation:pulse-glow 2.5s infinite ease-in-out}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 6px rgba(16,185,129,.6))}50%{filter:drop-shadow(0 0 14px rgba(16,185,129,.9))}}.app-title-text{display:inline-flex;flex-direction:column;width:fit-content;align-items:stretch}.brand-title-main{font-size:25px;font-weight:500;font-family:var(--font-mono);letter-spacing:-.2px;line-height:1;color:#fff;white-space:nowrap}.brand-title-sub{display:flex;justify-content:space-between;width:100%;font-size:10px;font-weight:500;font-family:var(--font-mono);color:#94a3b8;line-height:1;margin-top:3px;-webkit-user-select:none;user-select:none}.stat-chip{display:flex;flex-direction:column;align-items:flex-start;min-width:80px}.stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600}.stat-value{font-size:16px;font-weight:700;font-family:var(--font-mono);display:flex;align-items:center;gap:6px}.stat-value.connected{color:var(--connected-color)}.stat-value.disconnected{color:var(--disconnected-color)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.green{background:var(--connected-color);box-shadow:0 0 8px var(--connected-glow)}.status-dot.red{background:var(--disconnected-color);box-shadow:0 0 8px var(--disconnected-glow)}.timeline-dock{position:absolute;bottom:12px;left:0;z-index:100;width:100vw;max-width:100vw;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;padding:0 24px;box-shadow:none;display:flex;flex-direction:column;gap:8px;pointer-events:none}.timeline-top-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:auto}.timeline-info{display:flex;align-items:center;gap:14px}.current-time-display{font-family:var(--font-mono);font-size:16px;font-weight:700;color:#fff;background:#00000059;padding:6px 14px;border-radius:10px;border:1px solid var(--border-glass);letter-spacing:.5px;display:flex;align-items:center;gap:8px}.current-time-display .time-icon{color:var(--accent-cyan)}.date-range-badge{font-size:12px;color:var(--text-secondary);background:#ffffff0d;padding:4px 10px;border-radius:8px}.timeline-actions{display:flex;align-items:center;gap:8px}.btn-ctrl{height:28px;min-height:28px;max-height:28px;background:#ffffff12;border:1px solid var(--border-glass);color:var(--text-primary);border-radius:8px;padding:0 10px;font-size:11px;font-family:var(--font-mono);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-sizing:border-box;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-ctrl span{font-family:var(--font-mono);font-size:11px;font-weight:600;line-height:1}.btn-ctrl:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.btn-ctrl.play-btn{height:28px;min-height:28px;max-height:28px;background:linear-gradient(135deg,#059669,#10b981);border-color:#10b981;color:#fff;padding:0 12px;font-size:11px;font-family:var(--font-mono);font-weight:600;box-shadow:0 4px 12px #10b9814d}.btn-ctrl.play-btn.playing{background:linear-gradient(135deg,#d97706,#f59e0b);border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.btn-ctrl.reset-btn{width:28px;min-width:28px;max-width:28px;padding:0}.speed-selector{height:28px;min-height:28px;max-height:28px;display:inline-flex;align-items:center;background:#00000059;border:1px solid var(--border-glass);border-radius:8px;overflow:hidden;box-sizing:border-box}.speed-opt{height:100%;background:transparent;border:none;color:var(--text-muted);padding:0 10px;font-size:11px;font-family:var(--font-mono);font-weight:600;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;box-sizing:border-box;transition:all .15s ease}.speed-opt:hover{color:var(--text-primary)}.speed-opt.active{background:#ffffff1f;color:var(--accent-cyan)}.timeline-track-wrapper{position:relative;width:100%;height:48px;cursor:pointer;margin-top:6px;pointer-events:auto}.indicator-needle{position:absolute;top:-15px;transform:translate(-50%);z-index:20;pointer-events:none;display:flex;flex-direction:column;align-items:center;will-change:left}.needle-head{display:flex;align-items:center;position:relative}.needle-time{position:absolute;right:calc(100% + 4px);top:50%;transform:translateY(-50%);font-size:9px;font-family:var(--font-mono);font-weight:700;color:#38bdf8;background:#0b1120f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(56,189,248,.45);padding:1px 4px;border-radius:4px;white-space:nowrap;letter-spacing:-.2px;line-height:1.2;box-shadow:0 2px 8px #000000b3;pointer-events:none;display:flex;align-items:center;gap:2px}.needle-time.align-right{left:calc(100% + 4px);right:auto}.needle-time.align-left{right:calc(100% + 4px);left:auto}.needle-time.clickable{pointer-events:auto;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.needle-time.clickable:hover,.needle-time.clickable.active{background:#38bdf82e;border-color:#38bdf8;color:#fff;box-shadow:0 0 10px #38bdf880;transform:translateY(-50%) scale(1.05)}.triangle-down{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #38bdf8;filter:drop-shadow(0 0 6px rgba(56,189,248,.9))}.needle-line{width:2px;height:52px;background:linear-gradient(180deg,#38bdf8,#38bdf859);box-shadow:0 0 8px #38bdf8cc}.comment-indicator-marker{position:absolute;top:-15px;transform:translate(-50%);z-index:25;pointer-events:none;display:flex;flex-direction:column;align-items:center;will-change:left}.comment-needle-head{display:flex;flex-direction:column;align-items:flex-end;position:relative;pointer-events:auto}.comment-tag-badge{position:absolute;bottom:calc(100% + 2px);right:-2px;font-size:9px;font-family:var(--font-mono);font-weight:600;color:#34d399;background:#0b1120f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.55);padding:1px 6px;border-radius:4px;white-space:nowrap;letter-spacing:-.2px;line-height:1.2;box-shadow:0 2px 8px #000c,0 0 8px #10b98140;pointer-events:auto;cursor:pointer;display:flex;align-items:center;gap:3px;max-width:140px;transition:all .2s ease}.comment-tag-badge:hover,.comment-indicator-marker.selected .comment-tag-badge{background:#10b98138;border-color:#10b981;color:#6ee7b7;box-shadow:0 0 12px #10b98199;transform:scale(1.05)}.comment-badge-icon{flex-shrink:0;color:#10b981}.comment-badge-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-triangle-down{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #10b981;filter:drop-shadow(0 0 6px rgba(16,185,129,.9));cursor:pointer;pointer-events:auto;transition:transform .15s ease}.comment-triangle-down:hover{transform:scale(1.15)}.comment-dropdown-up{position:absolute;width:320px;max-width:calc(100vw - 32px);background:#0b1120fa;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border:1px solid var(--border-glass-bright);border-radius:14px;padding:14px;box-shadow:0 -12px 40px -6px #000000e0,0 0 24px #06b6d426;z-index:1000;pointer-events:auto;text-align:left}.comment-dropdown-up.add-mode{bottom:calc(100% + 14px);left:50%;transform:translate(-50%);animation:fadeInUpCenter .22s cubic-bezier(.16,1,.3,1)}.comment-dropdown-up.add-mode.align-left{left:-2px;right:auto;transform:none;animation:fadeInUpLeft .22s cubic-bezier(.16,1,.3,1)}.comment-dropdown-up.add-mode.align-right{right:-2px;left:auto;transform:none;animation:fadeInUpRight .22s cubic-bezier(.16,1,.3,1)}.comment-dropdown-up.view-mode{bottom:calc(100% + 24px);border-color:#10b98173;box-shadow:0 -12px 40px -6px #000000e0,0 0 24px #10b98133}.comment-dropdown-up.view-mode.align-right{right:-2px;left:auto;transform:none;animation:fadeInUpRight .22s cubic-bezier(.16,1,.3,1)}.comment-dropdown-up.view-mode.align-left{left:-2px;right:auto;transform:none;animation:fadeInUpLeft .22s cubic-bezier(.16,1,.3,1)}@keyframes fadeInUpCenter{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeInUpRight{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpLeft{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.comment-popup-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.comment-popup-title-row{display:flex;align-items:center;gap:8px;overflow:hidden}.comment-popup-icon{color:#10b981;flex-shrink:0}.comment-popup-icon-cyan{color:var(--accent-cyan);flex-shrink:0}.comment-popup-title{font-size:13px;font-weight:700;color:#cbd5e1;margin:0;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-popup-close-btn{background:#ffffff0d;border:1px solid var(--border-glass);color:var(--text-muted);border-radius:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.comment-popup-close-btn:hover{background:#ffffff26;color:#cbd5e1}.comment-popup-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-family:var(--font-mono);color:#64748b;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px;margin-bottom:10px}.epoch-pill{background:#ffffff0f;padding:1px 5px;border-radius:4px;color:#64748b}.comment-popup-body{font-size:12px;line-height:1.5;color:#94a3b8;background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px 12px;max-height:160px;overflow-y:auto;word-break:break-word}.comment-para{margin:0 0 8px;line-height:1.5;color:#94a3b8}.comment-para:last-child{margin-bottom:0}.comment-italic-text{font-style:italic;color:#86efac;display:inline}.comment-popup-body.empty{color:#64748b;font-style:italic}.comment-popup-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.comment-btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#042f2e;border:none;border-radius:8px;padding:6px 14px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px #10b98159}.comment-btn-primary:hover:not(:disabled){box-shadow:0 0 16px #10b98199;color:#fff;transform:translateY(-1px)}.comment-btn-primary:disabled{opacity:.5;cursor:not-allowed}.comment-btn-secondary{background:#ffffff0f;border:1px solid var(--border-glass);color:#94a3b8;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.comment-btn-secondary:hover{background:#ffffff1f;color:#cbd5e1}.comment-form{display:flex;flex-direction:column;gap:10px}.comment-form .form-group{display:flex;flex-direction:column;gap:4px}.comment-form label{font-size:10px;font-weight:600;text-transform:uppercase;color:#64748b;letter-spacing:.4px}.comment-input,.comment-textarea{background:#00000073;border:1px solid var(--border-glass);border-radius:8px;padding:7px 10px;color:#cbd5e1;font-size:12px;font-family:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease;resize:vertical}.comment-input:focus,.comment-textarea:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #06b6d44d}.comment-form-error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#fca5a5;border-radius:6px;padding:6px 8px;font-size:11px}.comment-portable-notice{display:flex;flex-direction:column;gap:8px;background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:10px}.comment-portable-notice .notice-icon{color:var(--accent-amber)}.comment-portable-notice .notice-text strong{display:block;font-size:12px;color:var(--accent-amber);margin-bottom:2px}.comment-portable-notice .notice-text p{font-size:11px;color:#94a3b8;line-height:1.4;margin:0}.timeline-bar{position:relative;width:100%;height:36px;background:#0009;border:1px solid var(--border-glass);border-radius:12px;overflow:hidden;display:flex}.timeline-density-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:11px;z-index:0}.timeline-day-segment{position:relative;height:100%;flex:1;border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:space-between;padding:4px 8px;transition:background .15s ease;z-index:2;background:transparent}.timeline-day-segment:last-child{border-right:none}.timeline-day-segment:hover{background:#ffffff0d}.segment-header{font-size:11px;font-weight:600;color:#f8fafc;text-shadow:0 1px 3px rgba(0,0,0,.8);font-family:var(--font-mono);display:flex;justify-content:space-between}.segment-ticks{display:flex;justify-content:space-between;height:6px;margin-top:2px}.tick{width:1px;height:4px;background:#ffffff40}.tick.major{height:8px;background:#ffffff80}.timeline-progress-fill{position:absolute;top:0;left:0;height:100%;background:#ffffff14;pointer-events:none;border-right:2px solid #38bdf8;z-index:1}.loading-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1000;background:#07090ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.spinner{width:48px;height:48px;border:4px solid rgba(16,185,129,.15);border-top-color:var(--connected-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:.5px}.loading-sub{font-size:13px;color:var(--text-muted);font-family:var(--font-mono)}.top-asn-container{position:absolute;left:50px;top:0;z-index:50;display:flex;align-items:flex-start;gap:10px;animation:slideFadeInRight .22s cubic-bezier(.16,1,.3,1)}.top-asn-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:14px;padding:8px 10px;box-shadow:0 10px 30px -5px #0000008c;display:flex;flex-direction:column;gap:6px;width:176px;box-sizing:border-box;max-height:calc(100vh - 430px);overflow-y:auto;-webkit-user-select:none;user-select:none}.top-asn-header{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:2px 2px 5px;border-bottom:1px solid rgba(255,255,255,.08)}.top-asn-title{font-size:9.5px;font-weight:700;letter-spacing:.5px;color:var(--text-secondary);white-space:nowrap}.top-asn-list{display:flex;flex-direction:column;gap:2px}.top-asn-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 6px;border-radius:6px;cursor:pointer;transition:all .15s ease}.top-asn-row:hover{background:#ffffff14}.top-asn-row.active{background:#06b6d426;border:1px solid rgba(6,182,212,.3)}.asn-info-left{display:flex;align-items:center;gap:6px}.asn-num{font-size:11px;font-weight:600;font-family:var(--font-mono);color:#fff}.asn-country{font-size:9px;color:var(--text-muted);background:#ffffff0f;padding:1px 4px;border-radius:3px}.asn-info-right{display:flex;align-items:center;gap:6px}.asn-probe-count{font-size:10px;font-family:var(--font-mono);font-weight:600;color:#fca5a5;background:#ef444424;border:1px solid rgba(239,68,68,.28);padding:1px 6px;border-radius:5px;white-space:nowrap}.asn-arrow{color:var(--text-muted);transition:transform .2s ease}.asn-arrow.rotated{transform:rotate(90deg);color:var(--accent-cyan)}.prefix-flyout-menu{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass-bright);border-radius:14px;padding:10px 12px;box-shadow:0 12px 35px -5px #000000b3;display:flex;flex-direction:column;gap:6px;min-width:210px;max-width:290px;max-height:300px;height:auto;box-sizing:border-box;overflow:hidden;-webkit-user-select:none;user-select:none;animation:fadeInLeft .25s ease-out}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.prefix-flyout-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.prefix-flyout-title{display:flex;flex-direction:column;gap:2px}.flyout-asn-label{font-size:12px;font-weight:700;font-family:var(--font-mono);color:var(--accent-cyan)}.flyout-subtitle{font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.prefix-flyout-actions{display:flex;align-items:center;gap:6px}.prefix-copy-all-btn{height:24px;background:#ffffff14;border:1px solid var(--border-glass-bright);color:var(--text-primary);border-radius:6px;padding:0 8px;font-size:10px;font-family:var(--font-mono);font-weight:600;display:inline-flex;align-items:center;gap:4px;cursor:pointer;transition:all .15s ease}.prefix-copy-all-btn:hover{background:#ffffff2e;border-color:#ffffff59}.prefix-copy-all-btn.copied{background:#10b98140;border-color:#10b981;color:#10b981}.prefix-flyout-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.prefix-flyout-close:hover{background:#ffffff1a;color:#fff}.prefix-flyout-list{display:flex;flex-direction:column;gap:3px;overflow-y:auto;flex:1;min-height:0;padding-right:2px}.prefix-flyout-list::-webkit-scrollbar{width:4px}.prefix-flyout-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.prefix-empty-state{font-size:10px;color:var(--text-muted);padding:8px 4px;font-style:italic}.prefix-item{display:flex;align-items:center;padding:4px 8px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .15s ease;flex-shrink:0}.prefix-item:hover{background:#ffffff0f;border-color:#ffffff1f}.prefix-text{font-size:10.5px;font-family:var(--font-mono);color:var(--text-primary);word-break:break-all}.zone-filter-container{position:absolute;left:50px;top:0;z-index:50;display:flex;align-items:flex-start;gap:8px;animation:slideFadeInRight .22s cubic-bezier(.16,1,.3,1)}.zone-filter-groups-card{display:flex;flex-direction:column;gap:6px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass-bright);border-radius:14px;padding:8px 10px;box-shadow:0 10px 30px -5px #000000a6,0 0 20px #06b6d41f;width:250px;box-sizing:border-box;-webkit-user-select:none;user-select:none}.zone-filter-subzones-card{display:flex;flex-direction:column;gap:6px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass-bright);border-radius:14px;padding:8px 10px;box-shadow:0 10px 30px -5px #000000a6,0 0 20px #06b6d41f;width:230px;box-sizing:border-box;-webkit-user-select:none;user-select:none;animation:slideFadeInRight .18s cubic-bezier(.16,1,.3,1)}.zone-filter-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:2px}.zone-filter-header-left{display:flex;align-items:center;gap:6px;font-size:9.5px;font-weight:700;letter-spacing:.5px;color:var(--text-secondary);overflow:hidden}.zone-filter-icon{color:var(--accent-cyan);flex-shrink:0}.zone-filter-active-pill{font-size:8.5px;font-weight:600;padding:1px 5px;border-radius:8px;background:#06b6d433;color:var(--accent-cyan);border:1px solid rgba(6,182,212,.4);flex-shrink:0}.zone-filter-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.zone-filter-reset-btn{display:flex;align-items:center;gap:3px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);font-size:9px;font-weight:600;padding:2px 6px;border-radius:5px;cursor:pointer;transition:all .15s ease}.zone-filter-reset-btn:hover{background:#ef444426;border-color:#ef444459;color:#f87171}.zone-groups-list{display:flex;flex-direction:column;gap:3px;max-height:calc(100vh - 350px);overflow-y:auto;padding-right:2px}.zone-group-row{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:7px;cursor:pointer;transition:all .15s ease;background:#ffffff05;border:1px solid transparent}.zone-group-row:hover{background:#ffffff12}.zone-group-row.viewing-active{background:#06b6d41a;border-color:#06b6d459}.zone-group-row.group-checked{border-left:3px solid var(--accent-cyan)}.zone-group-row.has-zones-checked{border-left:3px solid #3b82f6}.zone-group-name{flex:1;font-size:10.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.zone-chevron{color:var(--text-muted);transition:transform .15s ease;flex-shrink:0;margin-left:auto}.zone-chevron.chevron-rotated{transform:rotate(90deg);color:var(--accent-cyan)}.zone-items-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;max-height:calc(100vh - 350px);padding-right:2px}.zone-item-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px;cursor:pointer;transition:all .15s ease;background:transparent}.zone-item-row:hover{background:#ffffff14}.zone-item-row.zone-checked{background:#06b6d429;border:1px solid rgba(6,182,212,.35)}.zone-item-row.zone-dimmed{opacity:.45}.zone-item-name{flex:1;font-size:10px;font-weight:500;font-family:var(--font-mono);color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controllers-flyout-list{display:flex;flex-direction:column;gap:3px;max-height:calc(100vh - 350px);overflow-y:auto;padding-right:2px}.controller-flyout-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;cursor:pointer;transition:all .15s ease;background:#ffffff05;border:1px solid transparent}.controller-flyout-row:hover{background:#ffffff12}.controller-flyout-row.group-checked{border-left:3px solid var(--accent-cyan);background:#06b6d414}.controller-flyout-name{flex:1;font-size:11px;font-family:var(--font-mono);font-weight:500;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controller-flyout-stat{display:flex;align-items:center;gap:4px}