*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#eee;overflow:hidden;display:flex;flex-direction:column;height:100vh}#header{display:flex;align-items:center;gap:20px;padding:10px 20px;background:#fff;border-bottom:3px solid #e94560;flex-shrink:0}#header .header-logo{height:40px;width:auto}#header h1{font-size:1.2rem;font-weight:600;color:#09357a;margin:0}#app{display:flex;width:100vw;flex:1;overflow:hidden}#canvas{flex:1;display:block}#panel{position:relative;width:320px;background:#16213e;padding:20px;overflow-y:auto;overflow-x:hidden;border-left:1px solid #0f3460;transition:width .3s ease}#panel.collapsed{width:70px;padding:8px}#panel-toggle{position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:24px;height:48px;background:#0f3460;border:1px solid #1a4a7a;border-radius:6px 0 0 6px;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}#panel-toggle:hover{background:#1a4a7a;color:#eee}#panel-toggle .toggle-icon{font-size:12px;transition:transform .3s ease}#panel.collapsed #panel-toggle .toggle-icon{transform:rotate(180deg)}#panel-compact{display:flex;flex-direction:column;gap:12px}.compact-group{display:flex;flex-direction:column;gap:6px}.compact-row{display:flex;gap:4px}.compact-btn{flex:1;padding:8px 10px;border:none;border-radius:6px;background:#0f3460;color:#aaa;cursor:pointer;transition:all .2s;font-size:.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:40px}.compact-btn:hover{background:#1a4a7a;color:#eee}.compact-btn.active{background:#e94560;color:#fff}.compact-btn .btn-icon-char{font-size:1rem;line-height:1}.compact-btn .btn-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;transition:opacity .3s ease}#panel.collapsed .compact-btn .btn-label{display:none}#panel.collapsed .compact-btn{min-height:32px;min-width:32px;padding:4px}#panel.collapsed .compact-row{flex-direction:column;align-items:stretch}#panel.collapsed #panel-compact{gap:6px}#panel.collapsed .compact-group{gap:3px}.site-selector-group{margin-bottom:8px}.site-selector{width:100%;padding:8px 10px;border:none;border-radius:6px;background:#0f3460;color:#eee;font-size:.85rem;cursor:pointer;transition:all .2s}.site-selector:hover{background:#1a4a7a}.site-selector:focus{outline:none;background:#1a4a7a;box-shadow:0 0 0 2px #e94560}.site-selector option{background:#16213e;color:#eee}#panel.collapsed .site-selector-group{margin-bottom:4px}#panel.collapsed .site-selector-group .compact-label{display:none}#panel.collapsed .site-selector{padding:4px 6px;font-size:.7rem}.view-selector-group{margin-bottom:8px}.view-selector-row{display:flex;gap:4px;align-items:center}.view-selector{flex:1;padding:6px 8px;border:none;border-radius:6px;background:#0f3460;color:#eee;font-size:.8rem;cursor:pointer;transition:all .2s}.view-selector:hover{background:#1a4a7a}.view-selector:focus{outline:none;background:#1a4a7a;box-shadow:0 0 0 2px #e94560}.view-selector option{background:#16213e;color:#eee}.view-selector option.is-default{font-weight:700}.view-btn{width:28px;height:28px;padding:0;border:none;border-radius:4px;background:#0f3460;color:#888;cursor:pointer;transition:all .2s;font-size:.85rem;display:flex;align-items:center;justify-content:center}.view-btn:hover:not(:disabled){background:#1a4a7a;color:#eee}.view-btn:disabled{opacity:.4;cursor:not-allowed}.view-btn.active{background:#f59e0b;color:#fff}#btn-delete-view:hover:not(:disabled){background:#dc2626;color:#fff}#btn-default-view.is-default{background:#f59e0b;color:#fff}#panel.collapsed .view-selector-group{margin-bottom:4px}#panel.collapsed .view-selector-group .compact-label{display:none}#panel.collapsed .view-selector-row{flex-direction:column}#panel.collapsed .view-selector{width:100%;padding:4px 6px;font-size:.65rem}#panel.collapsed .view-btn{width:100%;height:24px;font-size:.75rem}.view-dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.view-dialog{background:#16213e;border-radius:8px;padding:20px;min-width:300px;max-width:400px;box-shadow:0 4px 20px #00000080;border:1px solid #0f3460}.view-dialog h3{margin:0 0 16px;color:#eee;font-size:1.1rem}.view-dialog-field{margin-bottom:12px}.view-dialog-field label{display:block;font-size:.8rem;color:#888;margin-bottom:4px}.view-dialog-field input{width:100%;padding:8px 10px;border:none;border-radius:4px;background:#0f3460;color:#eee;font-size:.9rem}.view-dialog-field input:focus{outline:1px solid #e94560}.view-dialog-actions{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}.view-dialog-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s}.view-dialog-actions .btn-cancel{background:#0f3460;color:#aaa}.view-dialog-actions .btn-cancel:hover{background:#1a4a7a;color:#eee}.view-dialog-actions .btn-save{background:#e94560;color:#fff}.view-dialog-actions .btn-save:hover{background:#f05e78}#panel-compact .btn-live{width:100%;padding:8px 10px;margin-top:0;flex-direction:column;gap:2px}#panel-compact .btn-live .live-dot{font-size:1rem}#panel.collapsed #panel-compact .btn-live .btn-label{display:none}.compact-btn.btn-secondary{background:#0f3460;color:#aaa}.compact-btn.btn-secondary:hover{background:#1a4a7a;color:#eee}.compact-btn.btn-secondary.active{background:#1a4a7a;color:#4ade80}.explode-compact{background:#0f3460;padding:8px;border-radius:6px}.explode-compact .compact-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}#panel.collapsed .explode-compact .compact-label{display:none}#panel.collapsed .explode-compact{padding:4px;display:flex;align-items:center;justify-content:center}#panel.collapsed .explode-compact input[type=range]{width:100%;height:4px}#panel.collapsed #explode-value{display:none}#ifc-rotation-control{background:#0f3460;padding:8px;border-radius:6px}#ifc-rotation-control .compact-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.slider-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.slider-row input[type=range]{flex:1}.slider-row span{min-width:40px;text-align:right;font-size:.8rem;color:#e94560}#btn-save-rotation{width:100%;padding:4px 8px;font-size:.75rem}#panel.collapsed #ifc-rotation-control{display:none!important}.floors-compact{display:none}#panel.collapsed .floors-compact{display:block}#panel.collapsed .floors-compact .compact-label{display:none}#floor-list-compact{display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto}#floor-list-compact .floor-btn{width:100%;padding:6px 4px;border:none;border-radius:4px;background:#0f3460;color:#aaa;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}#floor-list-compact .floor-btn:hover{background:#1a4a7a;color:#eee}#floor-list-compact .floor-btn.selected{background:#e94560;color:#fff}#floor-list-compact .floor-btn.isolated{background:#f59e0b;color:#fff;box-shadow:0 0 8px #f59e0b80}#floor-list-compact .floor-btn.disabled{opacity:.3;cursor:not-allowed}#panel-extended{margin-top:16px;padding-top:16px;border-top:1px solid #0f3460;transition:opacity .3s ease}#panel.collapsed #panel-extended{display:none}.control-group{margin-bottom:20px}.control-group>label{display:block;font-size:.85rem;color:#888;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.btn-group{display:flex;gap:8px}.btn-group button{flex:1;padding:10px 16px;border:none;border-radius:6px;background:#0f3460;color:#eee;cursor:pointer;transition:all .2s;font-size:.9rem}.btn-group button:hover{background:#1a4a7a}.btn-group button.active{background:#e94560;color:#fff}.btn-secondary{flex:1;padding:8px 12px;border:none;border-radius:6px;background:#0f3460;color:#aaa;cursor:pointer;transition:all .2s;font-size:.85rem}.btn-secondary:hover{background:#1a4a7a;color:#eee}.btn-secondary.active{background:#1a4a7a;color:#4ade80}.btn-live{width:100%;margin-top:10px;padding:10px 16px;border:2px solid #374151;border-radius:8px;background:#1f2937;color:#9ca3af;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-live:hover{background:#374151;border-color:#4b5563;color:#e5e7eb}.btn-live .live-dot{font-size:.8rem;color:#6b7280;transition:all .3s}.btn-live.active{background:#dc2626;border-color:#dc2626;color:#fff;box-shadow:0 0 20px #dc262666}.btn-live.active .live-dot{color:#fff;animation:pulse-live 1.5s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.4}}.btn-row{display:flex;gap:8px;margin-top:8px}input[type=range]{width:100%;height:6px;border-radius:3px;background:#0f3460;outline:none;-webkit-appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#e94560;cursor:pointer}#explode-value{display:inline-block;margin-top:5px;font-size:.85rem;color:#888}#floor-list{list-style:none;max-height:200px;overflow-y:auto}#floor-list li{padding:10px 12px;margin-bottom:4px;background:#0f3460;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}#floor-list li:hover{background:#1a4a7a}#floor-list li.selected{background:#e94560;color:#fff}#floor-list li .count{font-size:.8rem;background:#0000004d;padding:2px 8px;border-radius:10px}#floor-list li .floor-name{flex:1}#floor-list li .btn-isolate{width:24px;height:24px;padding:0;margin-left:8px;border:none;border-radius:4px;background:transparent;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}#floor-list li .btn-isolate:hover{background:#ffffff1a;color:#e94560}#floor-list li .btn-isolate.active{background:#e94560;color:#fff}#floor-list li.isolated{border:2px solid #e94560;background:#1a4a7a}#floor-list li.floor-disabled{opacity:.4;cursor:not-allowed}#floor-list li.floor-disabled:hover{background:#0f3460}.legend{display:grid;grid-template-columns:1fr 1fr;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem}.dot{width:12px;height:12px;border-radius:50%}.dot.present{background:#4ade80}.dot.absent{background:#f87171}.dot.meeting{background:#60a5fa}.dot.moving{background:#fb923c}#stats{background:#0f3460;padding:12px;border-radius:6px;font-size:.9rem}#stats p{margin-bottom:4px}#stats .stat-number{font-size:1.5rem;font-weight:700;color:#e94560}#tooltip{position:fixed;background:#16213ef2;border:1px solid #e94560;padding:8px 12px;border-radius:6px;font-size:.85rem;pointer-events:none;z-index:1000;box-shadow:0 4px 12px #0000004d}#tooltip.hidden{display:none}#tooltip .name{font-weight:700;margin-bottom:4px}#tooltip .status{color:#888}.hidden{display:none!important}#edit-panel{border-top:1px solid #0f3460;padding-top:15px;margin-top:10px}.location-editor{background:#0f3460;padding:12px;border-radius:6px}.location-editor .hint{color:#888;font-size:.85rem;font-style:italic}.location-editor .location-info{display:flex;flex-direction:column;gap:10px}.location-editor .location-name{display:flex;align-items:center;gap:8px}.location-editor .location-name input{flex:1;padding:8px 10px;border:none;border-radius:4px;background:#16213e;color:#eee;font-size:.9rem}.location-editor .location-coords{font-size:.8rem;color:#888}.location-editor .location-occupants{font-size:.85rem;color:#4ade80}.edit-actions{display:flex;flex-direction:column;gap:8px}.edit-actions button{padding:10px 16px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem}.btn-primary{width:100%;padding:12px 16px;border:none;border-radius:6px;background:#e94560;color:#fff;cursor:pointer;transition:all .2s;font-size:.95rem;font-weight:600}.btn-primary:hover{background:#f05e78}.btn-primary.placement-mode{background:#f59e0b;animation:pulse-placement 1.5s ease-in-out infinite}@keyframes pulse-placement{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 8px #f59e0b00}}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#ef4444}.btn-danger:disabled{background:#4a1515;color:#888;cursor:not-allowed}.instructions{background:#0f3460;padding:12px;border-radius:6px;font-size:.8rem}.instructions p{margin-bottom:6px;color:#aaa}.instructions strong{color:#e94560}body.edit-mode #panel{border-left:3px solid #f59e0b}body.edit-mode #panel-toggle{background:#f59e0b;color:#fff}body.edit-mode .people-section{display:none!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0f3460}::-webkit-scrollbar-thumb{background:#e94560;border-radius:3px}.panel-header{display:flex;justify-content:space-between;align-items:center}.btn-icon{background:transparent;border:1px solid #0f3460;border-radius:4px;color:#888;cursor:pointer;padding:4px 8px;font-size:1rem;transition:all .2s}.btn-icon:hover{background:#0f3460;color:#eee}.btn-icon.active{background:#e94560;border-color:#e94560;color:#fff}#people-panel{border-top:1px solid #0f3460;margin-top:10px;padding-top:15px}#people-search-input{width:100%;padding:8px 12px;border:none;border-radius:6px;background:#0f3460;color:#eee;margin-bottom:8px;font-size:.9rem}#people-search-input::placeholder{color:#666}#people-search-input:focus{outline:1px solid #e94560}#people-list{list-style:none;max-height:300px;overflow-y:auto}#people-list li{padding:8px 12px;margin-bottom:4px;background:#0f3460;border-radius:6px;display:flex;flex-direction:column;gap:2px;cursor:pointer;transition:background .2s}#people-list li:hover{background:#1a4a7a}#people-list li .badge-code{font-weight:700;color:#e94560;font-family:monospace;font-size:.95rem}#people-list li .person-name{font-size:.85rem;color:#ccc}#people-list li .person-location{font-size:.8rem;color:#888}#people-list li .person-floor{font-size:.75rem;color:#666}@keyframes position-flash{0%{background:#0f3460}25%{background:#f59e0b}50%{background:#f59e0b}to{background:#0f3460}}#people-list li.position-changed{animation:position-flash .8s ease-in-out}#people-list li.is-moving{border-left:3px solid #fb923c}#people-list li.is-moving .badge-code:after{content:" ↔";color:#fb923c}#people-list li.is-tracked{background:#1a4a7a;border:2px solid #e94560;box-shadow:0 0 8px #e9456066}#people-list li.is-tracked .badge-code:before{content:"📍 "}@keyframes tracking-pulse{0%{box-shadow:0 0 4px #e9456066}50%{box-shadow:0 0 12px #e94560b3}to{box-shadow:0 0 4px #e9456066}}#people-list li.is-tracked{animation:tracking-pulse 2s ease-in-out infinite}.wall-editor{background:#0f3460;padding:12px;border-radius:6px}.wall-editor .hint{color:#888;font-size:.85rem;font-style:italic}.wall-editor .wall-info{display:flex;flex-direction:column;gap:10px}.wall-editor .wall-field{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.wall-editor .wall-field label{width:70px;font-size:.85rem;color:#aaa}.wall-editor .wall-field .color-palette,.wall-editor .wall-field .texture-selector{width:100%;flex-basis:100%}.wall-editor .wall-field input{flex:1;padding:6px 8px;border:none;border-radius:4px;background:#16213e;color:#eee;font-size:.85rem;width:60px}.wall-editor .wall-field input[type=number]{-moz-appearance:textfield}.wall-editor .wall-field input::-webkit-outer-spin-button,.wall-editor .wall-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wall-editor .wall-coords{font-size:.8rem;color:#888}.color-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;width:100%}.color-swatch{width:100%;aspect-ratio:1;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all .2s}.color-swatch:hover{transform:scale(1.1);border-color:#fff}.color-swatch.selected{border-color:#e94560;box-shadow:0 0 8px #e9456099}.texture-selector{display:flex;gap:6px;flex:1}.texture-btn{flex:1;padding:6px 8px;border:none;border-radius:4px;background:#16213e;color:#aaa;cursor:pointer;transition:all .2s;font-size:.8rem}.texture-btn:hover{background:#1a4a7a;color:#eee}.texture-btn.active{background:#e94560;color:#fff}.location-editor .location-field{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.location-editor .location-field label{width:60px;font-size:.85rem;color:#aaa}.location-editor .location-field input{flex:1;padding:6px 8px;border:none;border-radius:4px;background:#16213e;color:#eee;font-size:.85rem}.location-editor .location-field input[type=number]{width:70px;-moz-appearance:textfield}.location-editor .location-field input.code-input{font-family:monospace;font-size:.75rem;color:#888;background:#0f172a}.location-editor .location-field input::-webkit-outer-spin-button,.location-editor .location-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.location-editor .location-field .color-palette,.location-editor .location-field .type-selector{width:100%;flex-basis:100%}.location-editor .color-palette{grid-template-columns:repeat(6,1fr)}.type-selector{display:flex;flex-direction:column;gap:4px;width:100%}.type-btn{width:100%;padding:8px 10px;border:none;border-radius:4px;background:#16213e;color:#aaa;cursor:pointer;transition:all .2s;font-size:.8rem;text-align:left}.type-btn:hover{background:#1a4a7a;color:#eee}.type-btn.active{background:#e94560;color:#fff}.slider-with-input{display:flex;align-items:center;gap:8px;flex:1}.slider-with-input input[type=range]{flex:1;min-width:80px}.slider-with-input input[type=number]{width:55px;padding:4px 6px;border:none;border-radius:4px;background:#16213e;color:#4ade80;font-size:.85rem;text-align:right}.slider-with-input input[type=number]:focus{outline:1px solid #4ade80}.slider-with-input .unit{color:#666;font-size:.8rem;min-width:12px}.slider-with-input input[type=number]::-webkit-outer-spin-button,.slider-with-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.slider-with-input input[type=number]{-moz-appearance:textfield}.height-control{display:flex;align-items:center;gap:10px;flex:1}.height-control input[type=range]{flex:1}.height-control span{min-width:45px;text-align:right;font-size:.85rem;color:#4ade80;font-weight:500}.tb-sync{color:#64748b;font-size:10px;margin-left:6px;vertical-align:middle}.tb-sync.synced{color:#4ade80}.tb-info{font-size:.7rem;color:#4ade80;padding:2px 8px;background:#4ade801a;border-radius:4px;margin-bottom:8px}#people-list li .tb-sync{margin-left:0;margin-right:6px}.path-editor{font-size:.85rem}.path-info{display:flex;flex-direction:column;gap:8px}.path-coords{background:#0003;padding:8px;border-radius:4px;font-family:monospace;font-size:.8rem}.path-coords p{margin:2px 0}.path-field{display:flex;flex-direction:column;gap:4px}.path-field label{font-size:.75rem;color:#999}.path-field input[type=number]{padding:6px 8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:.85rem}.path-transition-field label{display:flex;align-items:center;gap:8px;cursor:pointer}.path-transition-field input[type=checkbox]{width:16px;height:16px;cursor:pointer}.type-selector{display:flex;gap:4px;flex-wrap:wrap}.type-btn{padding:4px 8px;border:2px solid;border-radius:4px;background:transparent;color:#fff;cursor:pointer;font-size:.75rem;transition:all .15s ease}.type-btn:hover{background:#ffffff1a}.type-btn.active{background:#fff3}#path-graph-stats{background:#0003;padding:8px;border-radius:4px}.graph-stat{display:flex;justify-content:space-between;padding:2px 0;font-size:.8rem}.stat-label{color:#999}.stat-value{color:#fff}.graph-stat.connectivity{margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.1)}.graph-stat.connected .stat-value{color:#4ade80}.graph-stat.disconnected .stat-value{color:#fbbf24}.graph-stat.has-isolated .stat-value{color:#e94560}#btn-show-segment-list{width:100%;margin-top:8px;font-size:.75rem;padding:6px 8px}.segment-list-container{margin-top:8px;max-height:300px;overflow-y:auto;background:#0000004d;border-radius:4px}.segment-floor-group{border-bottom:1px solid rgba(255,255,255,.1)}.segment-floor-group:last-child{border-bottom:none}.segment-floor-header{padding:6px 8px;font-size:.75rem;font-weight:700;color:#60a5fa;background:#60a5fa1a;position:sticky;top:0}.segment-floor-list{list-style:none;margin:0;padding:0}.segment-list-item{padding:6px 8px 6px 16px;font-size:.7rem;color:#ccc;cursor:pointer;transition:background .15s}.segment-list-item:hover{background:#ffffff1a;color:#fff}.segment-list-item:active{background:#60a5fa4d}.routing-panel{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.routing-controls{display:flex;flex-direction:column;gap:10px}.routing-field{display:flex;flex-direction:column;gap:4px}.routing-field label{font-size:.75rem;color:#999}.route-selector{padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:.85rem;cursor:pointer}.route-selector option{background:#1a1a2e;color:#fff}.routing-actions{display:flex;gap:8px}.routing-actions button{flex:1}.route-info{background:#0003;padding:10px;border-radius:4px;margin-top:8px}.route-detail{display:flex;justify-content:space-between;padding:3px 0;font-size:.8rem}.route-label{color:#999}.route-value{color:#fff;font-weight:500}.route-floors .route-value{font-size:.75rem;text-align:right}.route-error{color:#e94560;font-size:.85rem;text-align:center;padding:8px}.placement-mode{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #4ade8066}50%{box-shadow:0 0 0 8px #4ade8000}}#btn-toggle-battery{color:#666}#btn-toggle-battery .btn-icon-char{filter:grayscale(100%);opacity:.5}#btn-toggle-battery:hover{background:#1a4a7a}#btn-toggle-battery:hover .btn-icon-char{filter:grayscale(50%);opacity:.8}#btn-toggle-battery.active{background:#166534;color:#4ade80}#btn-toggle-battery.active .btn-icon-char{filter:none;opacity:1}.compact-btn.btn-warning{color:#666}.compact-btn.btn-warning:hover{background:#78350f;color:#fbbf24}.compact-btn.btn-warning.active{background:#f59e0b;color:#fff}.compact-btn.btn-danger{color:#666}.compact-btn.btn-danger:hover{background:#7f1d1d;color:#fca5a5}.compact-btn.btn-danger.active{background:#ef4444;color:#fff}.battery-excellent{color:#4ade80}.battery-good{color:#fbbf24}.battery-low{color:#fb923c}.battery-critical{color:#ef4444;animation:battery-pulse 1.5s infinite}@keyframes battery-pulse{0%,to{opacity:1}50%{opacity:.5}}.online-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.online-indicator.online{background:#4ade80;box-shadow:0 0 4px #4ade8080}.online-indicator.offline{background:#ef4444;box-shadow:0 0 4px #ef444480}.battery-info{font-size:.85rem}.luxnavix-sync{color:#64748b;font-size:10px;margin-left:6px;vertical-align:middle}.luxnavix-sync.synced{color:#60a5fa}#btn-toggle-topology{color:#666}#btn-toggle-topology.active{background:#1e40af;color:#60a5fa}#btn-toggle-topology.active .btn-icon-char{filter:none}#topology-controls{background:#0f3460;padding:10px;border-radius:6px;border-left:3px solid #1e40af}#topology-controls .compact-label{font-size:.7rem;color:#60a5fa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.rssi-slider-container{display:flex;flex-direction:column;gap:4px}#rssi-filter-slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#ef4444,#fb923c,#fbbf24 50%,#4ade80);outline:none;-webkit-appearance:none;--rssi-color: #ef4444}#rssi-filter-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--rssi-color, #ef4444);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000004d;transition:background .2s}#rssi-filter-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--rssi-color, #ef4444);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0000004d}.rssi-labels{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:#888}.rssi-min{color:#ef4444}.rssi-max{color:#4ade80}.rssi-current{font-weight:700;font-size:.85rem;transition:color .2s}#optimal-paths-control{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}#optimal-paths-control .compact-label{margin-bottom:6px}.paths-selector{display:flex;gap:4px}.path-count-btn{flex:1;padding:6px 12px;border:none;border-radius:4px;background:#16213e;color:#888;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.path-count-btn:hover{background:#1a4a7a;color:#eee}.path-count-btn.active{background:#e94560;color:#fff}.topology-stats{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);text-align:center}#topology-link-count{font-size:.8rem;color:#60a5fa;font-weight:500}#panel.collapsed #topology-controls{display:none}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;z-index:10000;transition:opacity .5s ease,visibility .5s ease}#loading-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-content{text-align:center;max-width:400px;padding:40px}.loading-spinner{width:60px;height:60px;border:4px solid rgba(233,69,96,.2);border-top-color:#e94560;border-radius:50%;margin:0 auto 24px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:24px}.loading-steps{text-align:left;background:#0f346080;border-radius:8px;padding:16px 20px;margin-bottom:20px}.loading-step{display:flex;align-items:center;gap:12px;padding:8px 0;color:#666;font-size:.9rem;transition:color .3s}.loading-step .step-icon{font-size:1rem;width:20px;text-align:center;transition:color .3s}.loading-step.active{color:#fbbf24}.loading-step.active .step-icon{color:#fbbf24;animation:pulse-icon 1s ease-in-out infinite}@keyframes pulse-icon{0%,to{opacity:1}50%{opacity:.5}}.loading-step.completed,.loading-step.completed .step-icon{color:#4ade80}.loading-step.error,.loading-step.error .step-icon{color:#ef4444}.loading-status{color:#888;font-size:.85rem;font-style:italic}.header-spacer{flex:1}.user-info{display:flex;align-items:center;gap:12px;padding:6px 12px;background:#09357a4d;border-radius:6px;margin-right:12px}.user-info.hidden{display:none}#user-name{color:#333;font-weight:500;font-size:.9rem}.user-badge{padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.user-badge.player{background:#3b82f6;color:#fff}.user-badge.tools{background:#f59e0b;color:#fff}.user-badge.admin{background:#e94560;color:#fff}.btn-logout{padding:5px 12px;border:none;border-radius:4px;background:#0000001a;color:#666;cursor:pointer;font-size:.8rem;transition:all .2s}.btn-logout:hover{background:#e94560;color:#fff}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10001}.modal.hidden{display:none}.modal-content{background:#16213e;border-radius:12px;padding:32px;box-shadow:0 8px 32px #00000080;border:1px solid #0f3460}.login-modal{min-width:320px;max-width:400px}.login-modal h3{color:#fff;font-size:1.5rem;margin:0 0 24px;text-align:center}.login-field{margin-bottom:16px}.login-field label{display:block;font-size:.85rem;color:#888;margin-bottom:6px}.login-field input{width:100%;padding:12px 14px;border:1px solid #0f3460;border-radius:6px;background:#0f3460;color:#fff;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-field input:focus{outline:none;border-color:#e94560;box-shadow:0 0 0 3px #e9456033}.login-field input::placeholder{color:#666}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:10px 14px;margin-bottom:16px;color:#ef4444;font-size:.9rem;text-align:center}.login-error.hidden{display:none}.login-btn{width:100%;padding:12px 20px;border:none;border-radius:6px;background:#e94560;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.login-btn:hover{background:#f05e78}.login-btn:active{transform:scale(.98)}.login-btn:disabled{background:#666;cursor:not-allowed}.btn-disabled-auth{opacity:.5;cursor:not-allowed!important;pointer-events:none}.player-hidden,.tools-hidden{display:none!important}