.transport-status{display:flex;align-items:center;gap:8px;font-family:Consolas,Monaco,monospace;font-size:11px}.transport-chip{padding:2px 8px;border-radius:3px;font-weight:700;text-transform:uppercase}.transport-chip.fake{background:rgba(100,100,100,.3);color:#888;border:1px solid #555}.transport-chip.ws{background:rgba(0,200,100,.2);color:#0f8;border:1px solid #00ff88}.gateway-status{padding:2px 6px;border-radius:3px;font-size:10px}.gateway-status.ok{color:#0f8}.gateway-status.error,.gateway-status.unreachable{color:#f44}.gateway-status.checking{color:#888}.gateway-latency{color:#666;font-size:10px}.conn-chip{padding:2px 6px;border-radius:3px;font-size:10px}.conn-chip.online{background:rgba(0,255,136,.2);color:#0f8}.conn-chip.offline{background:rgba(255,68,68,.2);color:#f44}.training-mode{background:rgba(100,50,150,.1);border:1px solid rgba(150,100,200,.3);border-radius:4px;margin-bottom:12px;font-family:Consolas,Monaco,monospace}.training-mode.training-active{border-color:#c864ff99;box-shadow:0 0 10px #c864ff33}.training-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.training-header:hover{background:rgba(150,100,200,.1)}.training-title{color:#c8f;font-size:11px;font-weight:700;letter-spacing:1px;display:flex;align-items:center;gap:8px}.training-live{background:#c8f;color:#000;padding:2px 6px;border-radius:3px;font-size:9px;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.training-toggle{color:#c8f;font-size:14px;font-weight:700}.training-content{padding:12px;border-top:1px solid rgba(150,100,200,.2);position:relative}.active-training{display:flex;flex-direction:column;gap:12px}.training-scenario-name{color:#c8f;font-size:14px;font-weight:700}.training-timer{color:#fff;font-size:24px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.training-progress-bar{height:4px;background:rgba(200,136,255,.2);border-radius:2px;overflow:hidden}.training-progress-fill{height:100%;background:linear-gradient(90deg,#a6f,#c8f);transition:width .3s}.training-objectives{background:rgba(0,0,0,.2);border-radius:4px;padding:10px}.objectives-header{color:#888;font-size:10px;letter-spacing:1px;margin-bottom:8px}.objective-item{display:flex;align-items:center;gap:8px;padding:4px 0;color:#aaa;font-size:12px}.objective-item.completed{color:#0c8}.objective-check{font-size:14px}.training-stop-btn{padding:10px;background:rgba(255,68,68,.2);border:1px solid rgba(255,68,68,.4);border-radius:4px;color:#f44;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.training-stop-btn:hover{background:rgba(255,68,68,.3)}.scenario-list{margin-bottom:12px}.scenario-list-header{color:#888;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.scenario-item{padding:10px;margin-bottom:4px;background:rgba(0,0,0,.2);border:1px solid rgba(150,100,200,.2);border-radius:4px;cursor:pointer;transition:all .2s}.scenario-item:hover{background:rgba(150,100,200,.1);border-color:#9664c866}.scenario-item.selected{background:rgba(150,100,200,.15);border-color:#c888ff99}.scenario-item-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.scenario-name{color:#c8f;font-size:12px;font-weight:700}.scenario-passed{background:rgba(0,200,136,.2);color:#0c8;padding:2px 6px;border-radius:2px;font-size:9px;font-weight:700}.scenario-item-meta{display:flex;gap:12px}.scenario-difficulty{font-size:10px;font-weight:700}.scenario-duration{color:#888;font-size:10px}.scenario-details{padding:12px;background:rgba(150,100,200,.1);border:1px solid rgba(150,100,200,.3);border-radius:4px;margin-bottom:12px}.scenario-desc{color:#ccc;font-size:12px;margin-bottom:12px}.scenario-objectives{margin-bottom:8px}.objectives-label{color:#888;font-size:10px;margin-bottom:4px}.objective-preview{color:#aaa;font-size:11px;padding:2px 0}.scenario-pass{color:#fa0;font-size:11px;margin-bottom:12px}.start-training-btn{width:100%;padding:10px;background:rgba(200,136,255,.2);border:1px solid rgba(200,136,255,.4);border-radius:4px;color:#c8f;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.start-training-btn:hover{background:rgba(200,136,255,.3)}.certifications{margin-top:12px;padding:10px;background:rgba(0,0,0,.2);border-radius:4px}.cert-header{color:#fa0;font-size:10px;letter-spacing:1px;margin-bottom:8px}.cert-badge{display:flex;align-items:center;gap:8px;padding:6px 0}.cert-badge-icon{background:linear-gradient(135deg,#fa0,#f80);color:#000;padding:4px 8px;border-radius:3px;font-size:10px;font-weight:700}.cert-badge-name{color:#ccc;font-size:11px}.training-history{margin-top:12px;padding-top:12px;border-top:1px solid rgba(150,100,200,.2)}.history-header{color:#888;font-size:10px;margin-bottom:8px}.history-item{display:flex;justify-content:space-between;padding:4px 8px;margin-bottom:4px;border-radius:3px}.history-item.passed{background:rgba(0,200,136,.1)}.history-item.failed{background:rgba(255,68,68,.1)}.history-name{color:#aaa;font-size:11px}.history-score{font-size:11px;font-weight:700}.history-item.passed .history-score{color:#0c8}.history-item.failed .history-score{color:#f44}.results-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.results-content{background:#1a1a24;border:2px solid rgba(200,136,255,.5);border-radius:8px;padding:24px;max-width:400px;width:90%;text-align:center}.results-header{color:#c8f;font-size:14px;font-weight:700;letter-spacing:2px;margin-bottom:8px}.results-scenario{color:#ccc;font-size:16px;margin-bottom:16px}.results-score{font-size:48px;font-weight:700;margin-bottom:16px}.results-score.pass{color:#0c8}.results-score.fail{color:#f44}.results-feedback{text-align:left;margin-bottom:16px}.feedback-item{padding:6px 10px;margin-bottom:4px;border-radius:3px;font-size:12px}.feedback-item.success{background:rgba(0,200,136,.1);color:#0c8}.feedback-item.improvement{background:rgba(255,170,0,.1);color:#fa0}.feedback-item.pass{background:rgba(0,200,136,.2);color:#0c8;font-weight:700}.feedback-item.fail{background:rgba(255,68,68,.2);color:#f44;font-weight:700}.results-close{padding:10px 24px;background:rgba(200,136,255,.2);border:1px solid rgba(200,136,255,.4);border-radius:4px;color:#c8f;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer}.results-close:hover{background:rgba(200,136,255,.3)}.operator-hud{background:#0a0a0f;color:#0f8;font-family:Consolas,Monaco,monospace;min-height:100vh;display:flex;flex-direction:column}.hud-header{display:flex;align-items:center;gap:20px;padding:12px 20px;background:rgba(0,255,136,.05);border-bottom:1px solid rgba(0,255,136,.2)}.hud-title{font-size:18px;font-weight:700;letter-spacing:2px}.connection-status{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:700}.connection-status.connected{background:rgba(0,255,136,.2);color:#0f8}.connection-status.disconnected{background:rgba(255,68,68,.2);color:#f44}.session-badge{padding:4px 10px;background:rgba(0,255,136,.15);border:1px solid rgba(0,255,136,.3);border-radius:3px;font-size:11px;color:#0f8;letter-spacing:.5px}.signal-quality{font-size:12px;padding:4px 8px;border-radius:4px}.signal-quality.ok{color:#0f8}.signal-quality.noise{color:#fa0;background:rgba(255,170,0,.1)}.hud-viewport{flex:1;position:relative;margin:20px;background:#111118;border:2px solid rgba(0,255,136,.3);border-radius:8px;overflow:hidden;min-height:400px}.feed-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#0f83;font-size:48px;letter-spacing:8px}.overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bbox{fill:none;stroke:#0f8;stroke-width:2;stroke-dasharray:4 2}.bbox-label{fill:#0f8;font-size:14px;font-family:inherit}.reticle circle{fill:none;stroke:#0f89;stroke-width:1}.reticle line{stroke:#0f8c;stroke-width:1}.annotation-marker circle{fill:#f60;stroke:#fa0;stroke-width:2}.annotation-marker text{fill:#fff;font-size:12px;font-weight:700}.annotation-label{fill:#fa0;font-size:12px}.telemetry-rail{display:flex;gap:16px;padding:16px 20px;background:rgba(0,255,136,.03);border-top:1px solid rgba(0,255,136,.2)}.telemetry-chip{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.2);border-radius:6px;min-width:80px}.telemetry-chip.warning{background:rgba(255,170,0,.15);border-color:#fa0}.telemetry-chip.elevated{background:rgba(255,136,0,.15);border-color:#f80}.chip-label{font-size:10px;opacity:.7;letter-spacing:1px}.chip-value{font-size:24px;font-weight:700}.chip-unit{font-size:10px;opacity:.5}.alert-toasts{position:fixed;top:80px;right:20px;display:flex;flex-direction:column;gap:8px;max-width:350px;z-index:1000}.alert-toast{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1a1a24;border-radius:6px;border-left:4px solid;animation:slideIn .3s ease}.alert-toast.warning{border-left-color:#fa0;background:rgba(255,170,0,.1)}.alert-toast.info{border-left-color:#48f;background:rgba(68,136,255,.1)}.alert-toast.error{border-left-color:#f44;background:rgba(255,68,68,.1)}.alert-code{font-size:11px;font-weight:700;color:inherit;opacity:.8}.alert-message{flex:1;font-size:13px;color:#ccc}.alert-ack-btn{padding:4px 12px;background:rgba(0,255,136,.2);border:1px solid rgba(0,255,136,.4);color:#0f8;font-size:11px;font-weight:700;cursor:pointer;border-radius:4px}.alert-ack-btn:hover{background:rgba(0,255,136,.3)}@keyframes slideIn{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.task-panel{margin:0 20px 20px;background:rgba(100,100,255,.05);border:1px solid rgba(100,100,255,.2);border-radius:8px;overflow:hidden}.task-panel-header{padding:10px 16px;background:rgba(100,100,255,.1);font-size:12px;font-weight:700;letter-spacing:1px;color:#88f}.task-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(100,100,255,.1)}.task-item:last-child{border-bottom:none}.task-item.pending{opacity:.7}.task-item.in-progress{background:rgba(100,100,255,.08)}.task-description{font-size:14px;color:#ddd}.task-item button{padding:6px 16px;background:rgba(100,100,255,.2);border:1px solid rgba(100,100,255,.4);color:#aaf;font-size:11px;font-weight:700;cursor:pointer;border-radius:4px}.task-item button:hover{background:rgba(100,100,255,.3)}.training-section{position:fixed;bottom:20px;right:20px;width:320px;z-index:100}@media (max-width: 768px){.hud-header{padding:10px 12px;gap:8px;flex-wrap:wrap}.hud-title{font-size:14px;letter-spacing:1px}.session-badge{font-size:10px;padding:3px 8px}.hud-viewport{margin:10px;min-height:300px;border-radius:6px}.feed-placeholder{font-size:32px;letter-spacing:4px}.telemetry-rail{padding:12px 10px;gap:8px;flex-wrap:wrap;justify-content:center}.telemetry-chip{padding:10px 14px;min-width:70px;flex:1;max-width:100px}.chip-value{font-size:20px}.chip-label,.chip-unit{font-size:9px}.alert-toasts{top:auto;bottom:100px;right:10px;left:10px;max-width:none}.alert-toast{padding:14px 12px;gap:10px}.alert-ack-btn{padding:8px 16px;font-size:12px;min-height:36px;touch-action:manipulation}.task-panel{margin:0 10px 10px}.task-item{padding:14px 12px;flex-wrap:wrap;gap:10px}.task-description{font-size:13px;flex:1 1 100%}.task-item button{padding:10px 20px;font-size:12px;min-height:40px;touch-action:manipulation;flex:1}.training-section{position:fixed;bottom:10px;right:10px;left:10px;width:auto}}@media (max-width: 480px){.operator-hud{padding-bottom:60px}.hud-header{padding:8px 10px;gap:6px}.hud-title{font-size:12px;letter-spacing:.5px}.session-badge{display:none}.signal-quality{font-size:10px;padding:3px 6px}.hud-viewport{margin:8px;min-height:250px;border-width:1px}.feed-placeholder{font-size:24px;letter-spacing:2px}.bbox-label{font-size:11px}.telemetry-rail{padding:10px 8px;gap:6px}.telemetry-chip{padding:8px 10px;min-width:60px;border-radius:4px}.chip-value{font-size:18px}.chip-label{font-size:8px}.alert-toasts{bottom:80px;left:8px;right:8px}.alert-toast{padding:12px 10px;border-radius:4px;flex-wrap:wrap}.alert-code{font-size:10px}.alert-message{font-size:12px;flex:1 1 60%}.alert-ack-btn{padding:10px 20px;font-size:13px;min-height:44px;flex:1 1 100%;margin-top:8px}.task-panel{margin:0 8px 8px;border-radius:6px}.task-panel-header{padding:8px 12px;font-size:11px}.task-item{padding:12px}.task-description{font-size:12px}.task-item button{padding:12px 24px;font-size:13px;min-height:44px}.training-section{bottom:8px;left:8px;right:8px}.tactical-callout{font-size:10px!important}.tactical-callout .callout-label{font-size:11px!important}}@media (pointer: coarse){.alert-ack-btn,.task-item button{min-height:44px;min-width:44px}.task-item{min-height:60px}}@media (max-height: 500px) and (orientation: landscape){.hud-header{padding:6px 12px}.hud-title{font-size:12px}.hud-viewport{margin:6px;min-height:200px}.telemetry-rail{padding:8px 12px;gap:8px}.telemetry-chip{padding:6px 12px}.chip-value{font-size:16px}.training-section{bottom:6px;right:6px;width:280px;left:auto}.alert-toasts{top:60px;bottom:auto;max-width:280px;left:auto;right:6px}}.replay-timeline{background:rgba(0,20,40,.9);border:1px solid rgba(74,158,255,.3);border-radius:4px;padding:8px 12px;margin:8px 0;overflow:visible;min-height:80px}.replay-timeline.empty{opacity:.6}.timeline-header{font-size:10px;font-weight:600;color:#4a9effe6;letter-spacing:1px;margin-bottom:8px}.timeline-track{position:relative;height:40px;margin:8px 0;overflow:visible}.timeline-line{position:absolute;top:50%;left:0;right:0;height:2px;background:rgba(74,158,255,.3);transform:translateY(-50%)}.timeline-event{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.event-marker{width:20px;height:20px;border-radius:50%;border:2px solid;background:rgba(0,20,40,.95);display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;transition:transform .15s ease}.timeline-event:hover .event-marker{transform:scale(1.3)}.event-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:rgba(0,20,40,.95);border:1px solid rgba(74,158,255,.5);border-radius:4px;padding:4px 8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;margin-bottom:8px;z-index:10}.timeline-event:hover .event-tooltip{opacity:1}.event-time{font-size:9px;color:#ffffff80;display:block}.event-label{font-size:10px;color:#ffffffe6}.timeline-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:9px;opacity:.7;margin-top:8px;padding-top:4px}.legend-item{display:flex;align-items:center;gap:4px}.no-events{font-size:11px;color:#fff6;text-align:center;padding:12px}.session-manager{background:rgba(0,100,200,.1);border:1px solid rgba(0,150,255,.3);border-radius:4px;margin-bottom:12px;font-family:Consolas,Monaco,monospace}.session-manager-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.session-manager-header:hover{background:rgba(0,150,255,.1)}.session-manager-title{color:#0af;font-size:11px;font-weight:700;letter-spacing:1px}.session-manager-toggle{color:#0af;font-size:14px;font-weight:700}.session-manager-content{padding:12px;border-top:1px solid rgba(0,150,255,.2)}.session-current{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px;background:rgba(0,150,255,.15);border-radius:3px}.session-current-label{color:#888;font-size:11px}.session-current-id{color:#0af;font-size:13px;font-weight:700}.session-actions{display:flex;gap:8px;margin-bottom:12px}.session-btn{flex:1;padding:6px 12px;font-family:inherit;font-size:11px;border:1px solid rgba(0,150,255,.4);border-radius:3px;cursor:pointer;transition:all .2s}.session-btn-create{background:rgba(0,200,100,.2);color:#0c8;border-color:#00c86466}.session-btn-create:hover{background:rgba(0,200,100,.3)}.session-btn-refresh{background:rgba(0,150,255,.1);color:#0af}.session-btn-refresh:hover{background:rgba(0,150,255,.2)}.session-btn:disabled{opacity:.5;cursor:not-allowed}.session-create-form{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:10px;background:rgba(0,100,50,.15);border:1px solid rgba(0,200,100,.3);border-radius:3px}.session-create-form input{padding:8px;font-family:inherit;font-size:12px;background:rgba(0,0,0,.3);border:1px solid rgba(0,200,100,.3);border-radius:3px;color:#ccc}.session-create-form input::placeholder{color:#666}.session-create-form input:focus{outline:none;border-color:#0c8}.session-create-form button{padding:8px;font-family:inherit;font-size:12px;font-weight:700;background:rgba(0,200,100,.3);border:1px solid rgba(0,200,100,.5);border-radius:3px;color:#0c8;cursor:pointer}.session-create-form button:hover:not(:disabled){background:rgba(0,200,100,.4)}.session-create-form button:disabled{opacity:.5;cursor:not-allowed}.session-list{max-height:250px;overflow-y:auto}.session-list-header{color:#888;font-size:10px;text-transform:uppercase;letter-spacing:1px;padding-bottom:6px;border-bottom:1px solid rgba(0,150,255,.2);margin-bottom:6px}.session-empty{color:#666;font-size:12px;text-align:center;padding:20px}.session-item{display:flex;flex-direction:column;gap:4px;padding:8px;margin-bottom:4px;background:rgba(0,0,0,.2);border:1px solid rgba(0,150,255,.15);border-radius:3px;cursor:pointer;position:relative;transition:all .2s}.session-item:hover{background:rgba(0,150,255,.1);border-color:#0096ff4d}.session-item-current{background:rgba(0,150,255,.15);border-color:#0096ff80}.session-item-active{border-left:3px solid #0c8}.session-item-main{display:flex;align-items:center;gap:8px}.session-item-id{color:#0af;font-size:12px;font-weight:700}.session-item-team{color:#888;font-size:11px}.session-item-meta{display:flex;align-items:center;gap:12px}.session-item-live{color:#0c8;font-size:10px;font-weight:700}.session-item-inactive,.session-item-time{color:#666;font-size:10px}.session-item-badge{position:absolute;top:6px;right:6px;padding:2px 6px;background:rgba(0,150,255,.3);border-radius:2px;color:#0af;font-size:9px;font-weight:700}.user-management{margin:.5rem;background:rgba(68,170,255,.05);border:1px solid rgba(68,170,255,.2);border-radius:4px}.user-management-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.user-management-header:hover{background:rgba(68,170,255,.1)}.toggle-icon{font-size:.7rem;color:#4af}.panel-title{flex:1;font-size:.8rem;font-weight:700;color:#4af;letter-spacing:.1em}.user-count{font-size:.75rem;color:#ffffff80}.user-management-content{padding:.5rem;border-top:1px solid rgba(68,170,255,.1)}.loading,.error{padding:1rem;text-align:center;font-size:.85rem}.loading{color:#ffffff80}.error{color:#f88}.users-list{max-height:300px;overflow-y:auto}.user-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.user-row:last-child{border-bottom:none}.user-details{display:flex;flex-direction:column;gap:.2rem}.user-email{font-size:.85rem;color:#ffffffe6}.user-name{font-size:.75rem;color:#ffffff80}.user-last-login{font-size:.7rem;color:#fff6;font-style:italic}.role-select{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.3rem .5rem;font-size:.8rem;font-family:inherit;cursor:pointer}.role-select:disabled{opacity:.5;cursor:not-allowed}.role-select.role-admin{border-color:#ffaa4480;color:#fa4}.role-select.role-commander{border-color:#44aaff80;color:#4af}.role-select.role-operator{border-color:#00ff004d;color:#0f0}.tactical-map-container{position:relative;width:100%;height:100%;min-height:400px;background:#0a0a0f;border:1px solid rgba(0,255,136,.2);border-radius:8px;overflow:hidden}.tactical-map{width:100%;height:100%;cursor:grab;-webkit-user-select:none;user-select:none}.tactical-map:active{cursor:grabbing}.grid-line{stroke:#00ff8814;stroke-width:.5}.operator-marker{transition:transform .3s ease}.operator-marker:hover{transform:scale(1.1)}.operator-marker.selected circle:first-child{stroke-width:3}.operator-label{font-family:Consolas,Monaco,monospace;font-size:10px;font-weight:700;pointer-events:none}.selection-ring{animation:pulse-ring 1.5s ease-in-out infinite}@keyframes pulse-ring{0%,to{opacity:1;r:18}50%{opacity:.5;r:22}}.pulse-warning circle:first-child{animation:pulse-danger .8s ease-in-out infinite}@keyframes pulse-danger{0%,to{fill-opacity:.2}50%{fill-opacity:.5}}.pulse-caution circle:first-child{animation:pulse-caution 1.2s ease-in-out infinite}@keyframes pulse-caution{0%,to{fill-opacity:.2}50%{fill-opacity:.35}}.waypoint-marker{cursor:pointer}.waypoint-label{font-family:Consolas,Monaco,monospace;font-size:9px;fill:#48f;pointer-events:none}.remove-btn{opacity:0;transition:opacity .2s}.waypoint-marker:hover .remove-btn{opacity:1}.zone-label{font-family:Consolas,Monaco,monospace;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.compass{opacity:.8}.map-controls{position:absolute;top:12px;right:12px;display:flex;gap:4px;align-items:center;z-index:10}.map-controls button{width:32px;height:32px;background:rgba(0,0,0,.7);border:1px solid rgba(0,255,136,.3);color:#0f8;font-size:18px;font-weight:700;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.map-controls button:hover{background:rgba(0,255,136,.2);border-color:#0f8}.zoom-level{font-size:11px;color:#00ff88b3;margin-left:8px;font-family:Consolas,Monaco,monospace}.map-legend{position:absolute;bottom:12px;left:12px;background:rgba(0,0,0,.8);border:1px solid rgba(0,255,136,.2);border-radius:6px;padding:10px 14px;z-index:10}.legend-item{display:flex;align-items:center;gap:8px;font-size:11px;color:#ffffffb3;padding:3px 0;font-family:Consolas,Monaco,monospace}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.green{background:#00ff88}.legend-dot.amber{background:#ffaa00}.legend-dot.red{background:#ff4444}.operator-detail-popup{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.9);border:1px solid rgba(0,255,136,.4);border-radius:8px;padding:12px 16px;min-width:160px;z-index:10}.popup-header{font-size:14px;font-weight:700;color:#0f8;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(0,255,136,.2);font-family:Consolas,Monaco,monospace;text-transform:uppercase;letter-spacing:1px}.popup-stats{display:flex;flex-direction:column;gap:6px}.stat{display:flex;justify-content:space-between;font-size:12px;font-family:Consolas,Monaco,monospace}.stat-label{color:#ffffff80}.stat-value{color:#fff;font-weight:700}@media (max-width: 768px){.tactical-map-container{min-height:300px}.map-controls{top:8px;right:8px}.map-controls button{width:36px;height:36px;font-size:20px}.map-legend{bottom:8px;left:8px;padding:8px 10px}.legend-item{font-size:10px}.operator-detail-popup{bottom:8px;right:8px;padding:10px 12px;min-width:140px}.popup-header{font-size:12px}.stat{font-size:11px}}@media (max-width: 480px){.tactical-map-container{min-height:250px}.map-controls button{width:40px;height:40px}.zoom-level{display:none}.map-legend,.operator-detail-popup{max-width:calc(50% - 16px)}}.commander-console{background:#0a0a12;color:#4a9eff;font-family:Consolas,Monaco,monospace;min-height:100vh;display:flex;flex-direction:column}.console-header{display:flex;align-items:center;gap:24px;padding:14px 24px;background:rgba(74,158,255,.05);border-bottom:1px solid rgba(74,158,255,.2)}.console-title{font-size:18px;font-weight:700;letter-spacing:2px}.console-header .connection-status{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:700}.console-header .connection-status.connected{background:rgba(0,255,136,.2);color:#0f8}.console-header .connection-status.disconnected{background:rgba(255,68,68,.2);color:#f44}.session-id{font-size:12px;opacity:.6;margin-left:auto}.console-layout{flex:1;display:flex;gap:20px;padding:20px}.main-panel{flex:1;display:flex;flex-direction:column;background:rgba(74,158,255,.02);border:1px solid rgba(74,158,255,.15);border-radius:8px;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:rgba(74,158,255,.08);border-bottom:1px solid rgba(74,158,255,.15);font-size:13px;font-weight:700;letter-spacing:1px}.view-mode-toggle{display:flex;gap:2px;margin-right:16px}.view-mode-btn{padding:6px 14px;background:transparent;border:1px solid rgba(74,158,255,.3);color:#4a9eff80;font-size:11px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;letter-spacing:1px}.view-mode-btn:first-child{border-radius:4px 0 0 4px}.view-mode-btn:last-child{border-radius:0 4px 4px 0}.view-mode-btn.active{background:rgba(74,158,255,.25);border-color:#4a9eff;color:#4a9eff}.view-mode-btn:hover:not(.active){background:rgba(74,158,255,.1)}.map-hint{font-size:11px;color:#4a9eff80;font-weight:400;letter-spacing:.5px}.map-viewport{flex:1;min-height:400px;background:#0a0a0f}.layer-toggles{display:flex;gap:8px}.layer-toggle{padding:4px 10px;background:transparent;border:1px solid rgba(74,158,255,.3);color:#4a9eff80;font-size:10px;font-weight:700;cursor:pointer;border-radius:4px;transition:all .2s}.layer-toggle.active{background:rgba(74,158,255,.2);border-color:#4a9eff99;color:#4a9eff}.team-viewport{flex:1;position:relative;background:#111118;min-height:350px}.team-viewport .feed-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#4a9eff26;font-size:36px;letter-spacing:6px}.team-viewport .overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.team-viewport .bbox{fill:none;stroke:#4a9eff;stroke-width:2;stroke-dasharray:4 2}.team-viewport .bbox-label{fill:#4a9eff;font-size:14px}.team-viewport .reticle circle{fill:none;stroke:#4a9eff80;stroke-width:1}.team-viewport .reticle line{stroke:#4a9effb3;stroke-width:1}.team-viewport .annotation-marker{cursor:pointer}.team-viewport .annotation-marker circle{fill:#f60;stroke:#fa0;stroke-width:2}.team-viewport .annotation-marker text{fill:#fff;font-size:12px;font-weight:700}.team-viewport .annotation-label{fill:#fa0;font-size:12px}.callout-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.layer-toggle{display:flex;flex-direction:column;align-items:flex-start;padding:6px 12px}.toggle-label{font-size:11px;font-weight:700}.toggle-status{font-size:9px;opacity:.6}.layer-groups-section .layer-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.layer-group-btn{display:flex;flex-direction:column;align-items:flex-start;padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s}.layer-group-btn:hover{background:rgba(255,255,255,.06)}.layer-group-btn.active{background:rgba(74,158,255,.15);border-color:#4a9eff66}.layer-group-btn .layer-name{font-size:12px;font-weight:700;color:#fff}.layer-group-btn .layer-state{font-size:10px;color:#ffffff80}.layer-group-btn.active .layer-state{color:#4a9eff}.markers-section .marker-buttons{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.marker-btn{padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.marker-btn:hover{background:rgba(255,255,255,.1)}.marker-btn.poi{border-color:#fff3}.marker-btn.threat{border-color:#fa06;color:#fa0}.marker-btn.remove{border-color:#ff44444d;color:#f66}.marker-list{max-height:120px;overflow-y:auto}.marker-item{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid rgba(74,158,255,.1)}.marker-item .marker-label{flex:1;font-size:12px;font-weight:700}.marker-item.neutral .marker-label{color:#fff}.marker-item.warn .marker-label{color:#fa0}.marker-item.danger .marker-label{color:#f66}.marker-item .marker-coords{font-size:10px;opacity:.5;font-family:monospace}.marker-item .marker-remove{padding:2px 8px;background:rgba(255,68,68,.2);border:1px solid rgba(255,68,68,.3);color:#f66;font-size:10px;cursor:pointer;border-radius:4px}.marker-item .marker-remove:hover{background:rgba(255,68,68,.3)}.telemetry-summary{display:flex;gap:24px;padding:14px 20px;background:rgba(74,158,255,.05);border-top:1px solid rgba(74,158,255,.15)}.telemetry-item{display:flex;gap:8px;font-size:13px}.telemetry-item .label{opacity:.6}.telemetry-item .value{font-weight:700}.telemetry-item.warning .value{color:#fa0}.telemetry-item.elevated .value{color:#f80}.side-panel{width:360px;display:flex;flex-direction:column;gap:16px}.panel-section{background:rgba(74,158,255,.02);border:1px solid rgba(74,158,255,.15);border-radius:8px;overflow:hidden}.section-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(74,158,255,.08);font-size:12px;font-weight:700;letter-spacing:1px}.alert-count{background:#ff4444;color:#fff;padding:2px 8px;border-radius:10px;font-size:11px}.roster-list,.alert-list,.task-list,.annotation-list{max-height:150px;overflow-y:auto}.roster-empty,.alert-empty{padding:16px;text-align:center;opacity:.4;font-size:12px}.roster-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(74,158,255,.1)}.roster-item:last-child{border-bottom:none}.roster-status-dot{width:8px;height:8px;border-radius:50%;background:#00ff88}.roster-item.offline .roster-status-dot{background:#666}.roster-id{flex:1;font-size:13px}.roster-role{font-size:10px;padding:2px 6px;background:rgba(74,158,255,.15);border-radius:4px}.alert-item{padding:10px 14px;border-bottom:1px solid rgba(74,158,255,.1);border-left:3px solid}.alert-item.warning{border-left-color:#fa0}.alert-item.info{border-left-color:#4a9eff}.alert-item.error{border-left-color:#f44}.alert-item.acked{opacity:.5}.alert-header{display:flex;justify-content:space-between;margin-bottom:4px}.alert-code{font-size:11px;font-weight:700}.alert-time{font-size:10px;opacity:.5}.alert-item .alert-message{font-size:12px;color:#aaa;margin-bottom:8px}.alert-actions{display:flex;gap:8px}.alert-actions button{padding:3px 10px;background:rgba(74,158,255,.15);border:1px solid rgba(74,158,255,.3);color:#4a9eff;font-size:10px;font-weight:700;cursor:pointer;border-radius:4px}.alert-actions button:hover{background:rgba(74,158,255,.25)}.tasking-form{padding:14px}.form-group{margin-bottom:12px}.form-group label{display:block;font-size:11px;opacity:.6;margin-bottom:6px}.input-row{display:flex;gap:8px}.input-row input{flex:1;padding:8px 12px;background:rgba(0,0,0,.3);border:1px solid rgba(74,158,255,.2);color:#fff;font-size:12px;font-family:inherit;border-radius:4px}.input-row input::placeholder{color:#ffffff4d}.input-row input:focus{outline:none;border-color:#4a9eff80}.input-row button{padding:8px 14px;background:rgba(74,158,255,.2);border:1px solid rgba(74,158,255,.4);color:#4a9eff;font-size:11px;font-weight:700;cursor:pointer;border-radius:4px}.input-row button:hover{background:rgba(74,158,255,.3)}.task-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(74,158,255,.1)}.task-status-badge{padding:2px 8px;font-size:9px;font-weight:700;border-radius:4px;text-transform:uppercase}.task-item.pending .task-status-badge{background:rgba(255,170,0,.2);color:#fa0}.task-item.in-progress .task-status-badge{background:rgba(74,158,255,.2);color:#4a9eff}.task-item.completed .task-status-badge{background:rgba(0,255,136,.2);color:#0f8}.task-desc{flex:1;font-size:12px;color:#ccc}.annotation-item{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid rgba(74,158,255,.1)}.annotation-item .annotation-label{flex:1;color:#fa0;font-size:12px}.annotation-coords{font-size:10px;opacity:.5}.annotation-remove{padding:2px 8px;background:rgba(255,68,68,.2);border:1px solid rgba(255,68,68,.3);color:#f66;font-size:10px;cursor:pointer;border-radius:4px}.annotation-remove:hover{background:rgba(255,68,68,.3)}.session-controls .control-buttons{padding:12px}.control-btn{width:100%;padding:10px 16px;background:rgba(74,158,255,.1);border:1px solid rgba(74,158,255,.3);border-radius:8px;color:#4a9eff;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.control-btn:hover{background:rgba(74,158,255,.2)}.control-btn.active{background:rgba(0,255,136,.15);border-color:#0f86;color:#0f8}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:16px;background:rgba(74,158,255,.03);border-top:1px solid rgba(74,158,255,.15)}.operator-tile{background:rgba(0,0,0,.4);border:1px solid rgba(74,158,255,.2);border-radius:12px;padding:12px}.op-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.op-status-dot{width:8px;height:8px;border-radius:50%;background:#00ff88;box-shadow:0 0 6px #00ff8880}.op-id{flex:1;font-size:13px;font-weight:700;color:#fff}.op-badge{font-size:9px;padding:2px 6px;background:rgba(74,158,255,.2);border-radius:4px;color:#4a9eff}.load-meter{display:flex;align-items:center;gap:6px;margin-left:auto}.load-dots{font-size:10px;letter-spacing:1px}.load-badge{font-size:8px;font-weight:600;letter-spacing:.5px;padding:2px 4px;background:rgba(0,0,0,.3);border-radius:3px}.op-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.op-stat{display:flex;justify-content:space-between;padding:4px 8px;background:rgba(255,255,255,.03);border-radius:4px;font-size:11px}.op-stat .stat-label{opacity:.5}.op-stat .stat-value{font-weight:700;color:#fff}.op-stat.warning .stat-value{color:#fa0}.op-stat.elevated .stat-value{color:#f80}.operator-tile.focused{border-color:#ffffffb3;background:rgba(255,255,255,.1)}.focus-badge{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px 12px;font-size:11px;color:#fff;display:flex;align-items:center;gap:8px;z-index:10}.clear-focus-btn{background:rgba(255,68,68,.3);border:none;color:#f64;width:18px;height:18px;border-radius:4px;cursor:pointer;font-size:10px;font-weight:700}.clear-focus-btn:hover{background:rgba(255,68,68,.5)}.replay-badge{position:absolute;top:12px;right:12px;background:rgba(255,136,0,.2);border:1px solid rgba(255,136,0,.5);border-radius:8px;padding:6px 12px;font-size:11px;color:#f80;font-weight:700;animation:pulse-badge 1s ease-in-out infinite;z-index:10}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.comms-sim{margin-top:16px;padding:12px;background:rgba(0,0,0,.3);border-radius:8px}.comms-header,.replay-header{font-size:10px;color:#ffffff80;margin-bottom:10px;letter-spacing:1px}.comms-control{margin-bottom:10px}.comms-control label{display:block;font-size:11px;color:#ffffffb3;margin-bottom:4px}.comms-control input[type=range]{width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.comms-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#4a9eff;border-radius:50%;cursor:pointer}.replay-controls{margin-top:16px;padding:12px;background:rgba(0,0,0,.3);border-radius:8px}.replay-buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.replay-buttons .control-btn{flex:1;min-width:80px}.mini-telemetry{margin-top:8px}.mini-bar-group{margin-bottom:6px}.mini-bar-label{display:flex;justify-content:space-between;font-size:9px;color:#ffffff80;margin-bottom:2px}.mini-bar-track{height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.mini-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.mini-bar-fill.load{background:rgba(255,255,255,.7)}.mini-bar-fill.rdy{transition:width .3s ease,background .3s ease}.mini-bar-fill.rdy.green{background:linear-gradient(90deg,#00cc66,#00ff88)}.mini-bar-fill.rdy.amber{background:linear-gradient(90deg,#ff9900,#ffcc00)}.mini-bar-fill.rdy.red{background:linear-gradient(90deg,#cc3300,#ff4444)}.readiness-bar{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}.mini-bar-fill.att{background:rgba(100,200,255,.8)}.mini-bar-fill.att.warning{background:#ff6600}.mini-bar-fill.fat{background:rgba(255,200,100,.8)}.mini-bar-fill.fat.warning{background:#ff8800}.mini-stats{display:flex;justify-content:space-between;font-size:10px;color:#fff9;margin-top:6px}.bbox-ghost{fill:none;stroke:#4a9eff80;stroke-width:1;stroke-dasharray:4 2}.heatmap-section{padding:12px}.heatmap-grid{display:grid;gap:8px}.heat-tile{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px}.heat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.heat-op-id{font-weight:700;font-size:12px}.heat-label{font-size:9px;color:#ffffff80;letter-spacing:1px}.heat-bar-track{height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden}.heat-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.heat-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px}.heat-count{text-align:center;font-size:10px;padding:4px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px}.heat-count.info{color:#4a9eff}.heat-count.warn{color:#fa0}.heat-count.danger{color:#f44}.session-section{padding:12px}.session-controls{margin-top:8px;display:flex;gap:8px}.session-controls .control-btn:disabled{opacity:.5;cursor:not-allowed}.aar-section{padding:12px}.aar-controls{margin-top:8px}.aar-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.aar-modal{background:#0a1929;border:1px solid rgba(74,158,255,.3);border-radius:16px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.aar-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(74,158,255,.2);font-weight:700;font-size:14px}.aar-close{background:rgba(255,68,68,.2);border:none;color:#f64;width:24px;height:24px;border-radius:6px;cursor:pointer;font-weight:700}.aar-close:hover{background:rgba(255,68,68,.4)}.aar-content{flex:1;overflow:auto;padding:16px 20px;font-size:11px;line-height:1.6;color:#ffffffd9;white-space:pre-wrap;margin:0}.aar-modal-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid rgba(74,158,255,.2);flex-wrap:wrap}.aar-modal-actions .control-btn{flex:1;min-width:100px}.readiness-sparkline{display:block;margin-top:4px}.time-in-zone{margin-top:6px}.zone-bar{display:flex;height:4px;border-radius:2px;overflow:hidden;background:rgba(255,255,255,.1)}.zone-segment{height:100%;transition:width .3s ease}.zone-segment.green{background:#00ff88}.zone-segment.amber{background:#ffcc00}.zone-segment.red{background:#ff4444}.zone-segment.gray{background:rgba(255,255,255,.2)}.zone-labels{display:flex;justify-content:space-between;margin-top:2px;font-size:8px}.zone-label{opacity:.7}.zone-label.green{color:#0f8}.zone-label.amber{color:#fc0}.zone-label.red{color:#f44}.sparkline-row{display:flex;align-items:center;gap:8px;margin-top:4px}.sparkline-label{font-size:8px;color:#ffffff80;width:32px}.diagnostics-panel{margin-top:12px;border:1px solid rgba(74,158,255,.2);border-radius:6px;overflow:hidden}.diagnostics-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:rgba(74,158,255,.08);border:none;color:#4a9eff;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:background .2s}.diagnostics-header:hover{background:rgba(74,158,255,.12)}.diagnostics-summary{font-weight:400;opacity:.7;font-size:10px}.expand-indicator{font-size:10px;opacity:.6}.diagnostics-content{padding:12px;background:rgba(0,0,0,.3)}.diagnostics-overview{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(74,158,255,.15)}.diag-stat{display:flex;flex-direction:column;gap:2px}.diag-label{font-size:9px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.diag-value{font-size:11px;color:#4a9eff}.diag-value.endpoint{font-size:9px;word-break:break-all;color:#ffffffb3}.diag-value.secure{color:#0f8}.diag-value.insecure{color:#fc0}.no-devices{text-align:center;padding:16px;color:#fff6;font-size:11px}.device-diagnostics-list{display:flex;flex-direction:column;gap:10px}.device-diag-row{background:rgba(74,158,255,.05);border:1px solid rgba(74,158,255,.12);border-radius:4px;padding:10px}.device-diag-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid rgba(74,158,255,.1)}.device-diag-header .status-indicator{width:8px;height:8px;border-radius:50%}.device-diag-header .device-id{flex:1;font-size:11px;font-weight:700;color:#fff}.device-diag-header .device-type{font-size:9px;padding:2px 6px;border-radius:3px;font-weight:700}.device-diag-header .device-type.bluetooth{background:rgba(74,158,255,.2);color:#4a9eff}.device-diag-header .device-type.websocket{background:rgba(0,255,136,.2);color:#0f8}.device-diag-header .device-type.simulated{background:rgba(255,204,0,.2);color:#fc0}.device-diag-details{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.diag-row{display:flex;justify-content:space-between;font-size:10px}.diag-row span:first-child{color:#ffffff80}.diag-row span:last-child{color:#ffffffd9}.diag-row .warn{color:#f64}.mission-loader{background:rgba(74,158,255,.05);border:1px solid rgba(74,158,255,.2);border-radius:4px;margin-bottom:12px}.mission-loader-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;transition:background .2s}.mission-loader-header:hover{background:rgba(74,158,255,.1)}.mission-loader-title{font-size:11px;font-weight:600;color:#4a9eff;letter-spacing:.5px}.mission-loader-toggle{color:#4a9eff;font-size:10px}.mission-loader-list{border-top:1px solid rgba(74,158,255,.15);max-height:300px;overflow-y:auto}.mission-template-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid rgba(74,158,255,.1);transition:background .2s}.mission-template-item:last-child{border-bottom:none}.mission-template-item:hover{background:rgba(74,158,255,.15)}.template-name{font-size:12px;font-weight:600;color:#fff;margin-bottom:4px}.template-desc{font-size:10px;color:#fff9;margin-bottom:6px}.template-meta{display:flex;justify-content:space-between;align-items:center}.template-phases{font-size:9px;color:#4a9eff;letter-spacing:.3px}.template-duration{font-size:9px;color:#ffffff80}.active-mission-indicator{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(74,158,255,.1);border-top:1px solid rgba(74,158,255,.2)}.mission-status-badge{font-size:9px;font-weight:600;padding:2px 6px;border-radius:3px;background:#4a9eff;color:#000;letter-spacing:.5px}.mission-status-badge.active{background:#00ff88;color:#000}.mission-name-active{font-size:11px;font-weight:600;color:#fff;flex:1}.mission-phase-active{font-size:10px;color:#4a9eff}.mission-task-panel{background:rgba(74,158,255,.05);border:1px solid rgba(74,158,255,.2);border-radius:4px;margin-bottom:12px}.mission-task-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(74,158,255,.15)}.mission-task-title{font-size:11px;font-weight:600;color:#4a9eff;letter-spacing:.5px}.mission-start-btn,.mission-advance-btn{font-size:10px;font-weight:600;padding:4px 10px;border:none;border-radius:3px;cursor:pointer;transition:all .2s;font-family:inherit}.mission-start-btn{background:#00ff88;color:#000}.mission-start-btn:hover{background:#00cc6a}.mission-advance-btn{background:#4a9eff;color:#000}.mission-advance-btn:hover{background:#3a8eef}.mission-phase-bar{display:flex;padding:8px 12px;gap:4px;border-bottom:1px solid rgba(74,158,255,.1)}.phase-segment{flex:1;padding:4px 8px;font-size:9px;font-weight:600;text-align:center;background:rgba(255,255,255,.05);border-radius:2px;color:#fff6;transition:all .3s}.phase-segment.active{background:#4a9eff;color:#000}.phase-segment.completed{background:rgba(0,255,136,.2);color:#0f8}.mission-task-stats{display:flex;gap:12px;padding:8px 12px;border-bottom:1px solid rgba(74,158,255,.1)}.mission-task-stats .stat{font-size:10px;font-weight:500}.mission-task-stats .pending{color:#fff9}.mission-task-stats .assigned{color:#4a9eff}.mission-task-stats .completed{color:#0f8}.mission-task-stats .at-risk{color:#f44;font-weight:600}.load-balance-bar{display:flex;gap:8px;padding:8px 12px;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(74,158,255,.1)}.load-indicator{display:flex;align-items:center;gap:6px;padding:4px 8px;background:rgba(255,255,255,.05);border-radius:3px;font-size:10px;cursor:help}.load-indicator.available{border-left:2px solid #00ff88}.load-indicator.active{border-left:2px solid #4a9eff}.load-indicator.overloaded{border-left:2px solid #ffaa00}.load-indicator.degraded{border-left:2px solid #ff4444}.load-op-id{color:#fff;font-weight:600}.load-task-count{color:#fff9}.load-status-dot{width:6px;height:6px;border-radius:50%}.load-status-dot.available{background:#00ff88}.load-status-dot.active{background:#4a9eff}.load-status-dot.overloaded{background:#ffaa00}.load-status-dot.degraded{background:#ff4444}.mission-gates{display:flex;gap:8px;align-items:center;padding:6px 12px;background:rgba(0,0,0,.2);font-size:9px}.gate-label{color:#ffffff80;letter-spacing:.3px}.gate-value{color:#4a9eff;font-weight:600;margin-right:12px}.phase-tasks{padding:8px 12px}.phase-tasks-title{font-size:10px;font-weight:600;color:#ffffff80;margin-bottom:8px;letter-spacing:.5px}.task-row{display:flex;align-items:center;gap:8px;padding:8px;background:rgba(255,255,255,.03);border-radius:3px;margin-bottom:6px;flex-wrap:wrap}.task-row.at-risk{border-left:3px solid #ff4444;background:rgba(255,68,68,.1)}.task-assigned-section{width:100%}.task-priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.task-name{font-size:11px;color:#fff;flex:1;min-width:120px}.task-phase-tag{font-size:9px;padding:2px 6px;background:rgba(74,158,255,.2);color:#4a9eff;border-radius:2px}.task-recommendation{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%;margin-top:6px;padding-left:16px}.recommended-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:3px;display:flex;align-items:center;gap:4px}.recommended-badge.meets-gate{background:rgba(0,255,136,.2);color:#0f8;border:1px solid rgba(0,255,136,.4)}.recommended-badge.below-gate{background:rgba(255,170,0,.2);color:#fa0;border:1px solid rgba(255,170,0,.4)}.rec-readiness{opacity:.8}.assign-btn{font-size:9px;font-weight:600;padding:3px 8px;border:none;border-radius:2px;cursor:pointer;font-family:inherit;transition:all .2s}.assign-btn.accept{background:#00ff88;color:#000}.assign-btn.accept:hover{background:#00cc6a}.assign-override{font-size:9px;padding:3px 6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:2px;color:#fff;font-family:inherit;cursor:pointer}.assign-override:focus{outline:none;border-color:#4a9eff}.no-recommendation{font-size:10px;color:#fff6;font-style:italic}.task-assigned-row{display:flex;align-items:center;gap:8px}.assigned-badge{font-size:10px;font-weight:600;padding:3px 8px;background:rgba(74,158,255,.2);color:#4a9eff;border-radius:3px}.assigned-badge.at-risk{background:rgba(255,68,68,.2);color:#f66;border:1px solid rgba(255,68,68,.4)}.assigned-readiness{opacity:.8;margin-left:4px}.reassignment-suggestion{display:flex;align-items:center;gap:8px;padding:8px;margin-top:6px;background:rgba(255,68,68,.1);border:1px solid rgba(255,68,68,.3);border-radius:4px;flex-wrap:wrap}.at-risk-label{font-size:9px;font-weight:700;padding:2px 6px;background:#ff4444;color:#fff;border-radius:2px;letter-spacing:.5px}.suggestion-text{font-size:10px;color:#fffc}.reassign-btn{font-size:9px;font-weight:600;padding:3px 8px;border:none;border-radius:2px;cursor:pointer;font-family:inherit;background:#ffaa00;color:#000;transition:all .2s}.reassign-btn:hover{background:#ffcc00}.reassign-override{font-size:9px;padding:3px 6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:2px;color:#fff;font-family:inherit;cursor:pointer}.reassign-override:focus{outline:none;border-color:#fa0}.no-alternate{font-size:10px;color:#ffaa00e6;font-style:italic}.complete-btn{font-size:9px;font-weight:600;padding:3px 8px;border:none;border-radius:2px;cursor:pointer;font-family:inherit;background:rgba(0,255,136,.3);color:#0f8;border:1px solid rgba(0,255,136,.5);transition:all .2s}.complete-btn:hover{background:#00ff88;color:#000}.completed-badge{font-size:10px;font-weight:600;padding:3px 8px;background:rgba(0,255,136,.2);color:#0f8;border-radius:3px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{background:#0a0a0f;color:#fff;font-family:Consolas,Monaco,Courier New,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}@keyframes calloutPop{0%{transform:translate(-50%,-50%) scale(.92);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes calloutRing{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.3);opacity:.1}to{transform:scale(1);opacity:.3}}.scanlines{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.06),rgba(255,255,255,.06) 1px,transparent 1px,transparent 4px)}.app-container{display:flex;flex-direction:column;height:100%}.landing-page{min-height:100%;background:linear-gradient(135deg,#0a0a0f 0%,#0d0d18 50%,#1a1a2e 100%);overflow-x:hidden}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,15,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,136,.1)}.nav-logo{font-size:1.1rem;font-weight:700;color:#0f8;letter-spacing:.2em}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:#fff9;text-decoration:none;font-size:.85rem;transition:color .2s}.nav-links a:hover{color:#0f8}.nav-login{background:transparent;border:1px solid #00ff88;color:#0f8;padding:.5rem 1.25rem;font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s}.nav-login:hover{background:rgba(0,255,136,.15)}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;min-height:100vh;padding:8rem 4rem 4rem;max-width:1400px;margin:0 auto}.hero-content{max-width:600px}.hero-badge{display:inline-block;background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3);color:#0f8;font-size:.7rem;font-weight:700;letter-spacing:.15em;padding:.4rem 1rem;border-radius:20px;margin-bottom:1.5rem}.hero-title{font-size:3.2rem;font-weight:700;line-height:1.15;margin-bottom:1.5rem;color:#fff}.hero-highlight{color:#0f8;text-shadow:0 0 30px rgba(0,255,136,.4)}.hero-subtitle{font-size:1.1rem;color:#fff9;line-height:1.7;margin-bottom:1.5rem;font-family:Inter,-apple-system,sans-serif}.hero-principle{font-size:1rem;color:#4a9eff;font-style:italic;margin-bottom:2rem;padding-left:1rem;border-left:2px solid #4a9eff}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem}.cta-primary{background:linear-gradient(135deg,#00ff88 0%,#00cc6a 100%);color:#000;border:none;padding:1rem 2rem;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;letter-spacing:.08em;transition:all .2s}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00ff8859}.cta-primary.large{padding:1.25rem 2.5rem;font-size:1.05rem}.cta-secondary{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fffc;padding:1rem 2rem;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;letter-spacing:.08em;transition:all .2s}.cta-secondary:hover{border-color:#ffffff80;background:rgba(255,255,255,.05)}.hero-stats{display:flex;gap:2.5rem}.stat-item{display:flex;flex-direction:column}.stat-value{font-size:1.1rem;font-weight:700;color:#0f8;margin-bottom:.25rem}.stat-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.1em}.hero-visual{display:flex;justify-content:center}.hud-preview{background:rgba(0,0,0,.6);border:1px solid rgba(74,158,255,.4);border-radius:12px;padding:1.5rem;width:100%;max-width:380px;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0d}.preview-header{font-size:.75rem;font-weight:700;color:#4a9eff;letter-spacing:.15em;margin-bottom:1.25rem;text-align:center}.preview-content{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.preview-operator{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:rgba(255,255,255,.03);border-radius:6px}.op-name{font-size:.8rem;color:#fffc;width:60px}.op-bar{flex:1;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.op-fill{height:100%;border-radius:4px;transition:width 1s ease}.preview-operator.green .op-fill{background:linear-gradient(90deg,#00cc66,#00ff88)}.preview-operator.amber .op-fill{background:linear-gradient(90deg,#cc8800,#ffaa00)}.preview-operator.red .op-fill{background:linear-gradient(90deg,#cc3333,#ff4444)}.op-value{font-size:.75rem;font-weight:700;width:35px;text-align:right}.preview-operator.green .op-value{color:#0f8}.preview-operator.amber .op-value{color:#fa0}.preview-operator.red .op-value{color:#f66}.preview-alert{background:rgba(255,170,0,.15);border:1px solid rgba(255,170,0,.4);color:#fa0;font-size:.7rem;padding:.6rem .75rem;border-radius:6px;text-align:center}.section-header{text-align:center;margin-bottom:3rem}.section-tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.2em;color:#0f8;margin-bottom:.75rem}.section-header h2{font-size:2.2rem;color:#fff;margin-bottom:.75rem}.section-header p{font-size:1rem;color:#ffffff80;font-family:Inter,-apple-system,sans-serif}.features-section{padding:5rem 4rem;max-width:1400px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.feature-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.75rem;transition:all .3s}.feature-card:hover{background:rgba(0,255,136,.03);border-color:#0f83;transform:translateY(-4px)}.feature-icon-lg{font-size:2rem;margin-bottom:1rem}.feature-card h3{font-size:1rem;color:#fff;margin-bottom:.75rem}.feature-card p{font-size:.85rem;color:#ffffff80;line-height:1.6;font-family:Inter,-apple-system,sans-serif}.how-section{padding:5rem 4rem;max-width:1200px;margin:0 auto}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.how-card{background:rgba(0,0,0,.4);border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1)}.how-card.commander-card{border-color:#4a9eff4d}.how-card.operator-card{border-color:#00ff884d}.how-badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.15em;padding:.4rem .8rem;border-radius:4px;margin-bottom:1rem}.how-badge.blue{background:rgba(74,158,255,.2);color:#4a9eff}.how-badge.green{background:rgba(0,255,136,.2);color:#0f8}.how-card h3{font-size:1.3rem;color:#fff;margin-bottom:1rem}.how-card ul{list-style:none}.how-card li{font-size:.9rem;color:#fff9;padding:.5rem 0 .5rem 1.5rem;position:relative;font-family:Inter,-apple-system,sans-serif}.how-card li:before{content:"◉";position:absolute;left:0;font-size:.5rem;top:.7rem}.commander-card li:before{color:#4a9eff}.operator-card li:before{color:#0f8}.diff-section{padding:5rem 4rem;max-width:1200px;margin:0 auto}.diff-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.diff-item{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem}.diff-compare{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.diff-them{font-size:.85rem;color:#fff6;text-decoration:line-through}.diff-us{font-size:1rem;font-weight:700;color:#0f8}.diff-item p{font-size:.9rem;color:#fff9;line-height:1.6;font-family:Inter,-apple-system,sans-serif}.trust-section{padding:5rem 4rem;max-width:1200px;margin:0 auto}.trust-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.trust-item{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:8px;text-align:center}.trust-icon{font-size:1.5rem}.trust-item span:last-child{font-size:.75rem;color:#fff9}.cta-section{padding:5rem 4rem;text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-content h2{font-size:2rem;color:#fff;margin-bottom:1rem}.cta-content p{font-size:1.1rem;color:#ffffff80;margin-bottom:2rem;font-family:Inter,-apple-system,sans-serif}.cta-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.cta-link{color:#fff9;text-decoration:none;font-size:.9rem;transition:color .2s}.cta-link:hover{color:#0f8}.landing-footer{padding:3rem 4rem 2rem;border-top:1px solid rgba(255,255,255,.08)}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 1.5rem}.footer-brand{display:flex;flex-direction:column;gap:.25rem}.footer-logo{font-size:1rem;font-weight:700;color:#0f8;letter-spacing:.15em}.footer-tagline{font-size:.75rem;color:#fff6}.footer-links{display:flex;gap:2rem}.footer-links a{color:#ffffff80;text-decoration:none;font-size:.85rem;transition:color .2s}.footer-links a:hover{color:#0f8}.footer-copyright{text-align:center;font-size:.75rem;color:#ffffff4d}.demo-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.demo-content{background:#12121a;border:1px solid rgba(0,255,136,.3);border-radius:16px;padding:3rem;max-width:500px;text-align:center;position:relative}.demo-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer}.demo-content h3{font-size:1.5rem;color:#fff;margin-bottom:1rem}.demo-content p{color:#fff9;margin-bottom:1.5rem;font-family:Inter,-apple-system,sans-serif}.demo-roles{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.demo-role{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s;text-align:center}.demo-role:hover{transform:translateY(-2px)}.demo-role.commander:hover{border-color:#4a9eff80;background:rgba(74,158,255,.08)}.demo-role.operator:hover{border-color:#00ff8880;background:rgba(0,255,136,.08)}.demo-role-icon{font-size:2rem;margin-bottom:.75rem}.demo-role-title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.5rem}.demo-role.commander .demo-role-title{color:#4a9eff}.demo-role.operator .demo-role-title{color:#0f8}.demo-role-desc{font-size:.8rem;color:#ffffff80;line-height:1.4;font-family:Inter,-apple-system,sans-serif}.demo-note{font-size:.8rem!important;color:#fff6!important;margin-bottom:0!important}.demo-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:linear-gradient(90deg,rgba(255,170,0,.15) 0%,rgba(0,0,0,.5) 100%);border-bottom:1px solid rgba(255,170,0,.3)}.demo-header-left{display:flex;align-items:center;gap:1rem}.demo-badge{background:rgba(255,170,0,.2);color:#fa0;font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:.3rem .6rem;border-radius:4px}.demo-role-display{font-size:.85rem;font-weight:700}.demo-header-right{display:flex;align-items:center;gap:.75rem}.demo-cta{background:linear-gradient(135deg,#00ff88 0%,#00cc6a 100%);color:#000;border:none;padding:.5rem 1rem;font-size:.75rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s}.demo-cta:hover{transform:translateY(-1px);box-shadow:0 4px 15px #00ff884d}.demo-exit{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff9;padding:.5rem 1rem;font-size:.75rem;font-family:inherit;cursor:pointer;transition:all .2s}.demo-exit:hover{border-color:#ff646480;color:#f88}.nav-demo{background:rgba(255,170,0,.15);border:1px solid rgba(255,170,0,.4);color:#fa0;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s}.nav-demo:hover{background:rgba(255,170,0,.25)}.loading-screen{height:100%;display:flex;align-items:center;justify-content:center;background:#0a0a0f}.loading-content{text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,255,0,.2);border-top-color:#0f0;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#0f0;font-size:.9rem;letter-spacing:.2em;opacity:.8}.user-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:rgba(0,0,0,.5);border-bottom:1px solid rgba(255,255,255,.1)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.user-name{color:#ffffffe6;font-size:.85rem}.user-role{font-size:.75rem;font-weight:700}.logout-button{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff9;padding:.4rem .8rem;font-size:.75rem;font-family:inherit;cursor:pointer;transition:all .2s}.logout-button:hover{border-color:#ff646480;color:#f88}@viewport{width:device-width;initial-scale:1}@media (max-width: 1024px){.hero-section{grid-template-columns:1fr;gap:3rem;padding:7rem 2rem 3rem;min-height:auto}.hero-content{max-width:100%;text-align:center}.hero-title{font-size:2.5rem}.hero-actions,.hero-stats{justify-content:center}.hero-visual{order:-1}.features-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.landing-nav{padding:.75rem 1rem}.nav-links a:not(.nav-login){display:none}.hero-section{padding:6rem 1.5rem 2rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column;align-items:center}.cta-primary,.cta-secondary{width:100%;max-width:300px}.hero-stats{flex-wrap:wrap;gap:1.5rem}.features-section,.how-section,.diff-section,.trust-section,.cta-section{padding:3rem 1.5rem}.section-header h2{font-size:1.75rem}.how-grid,.diff-grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:repeat(2,1fr)}.footer-content{flex-direction:column;gap:1.5rem;text-align:center}.user-header{padding:.4rem .75rem}.user-name{font-size:.8rem}.user-role{font-size:.7rem}}@media (max-width: 480px){.landing-nav{padding:.6rem .75rem}.nav-logo{font-size:.9rem;letter-spacing:.1em}.nav-login{padding:.4rem .75rem;font-size:.7rem}.hero-section{padding:5rem 1rem 2rem}.hero-badge{font-size:.6rem;padding:.3rem .75rem}.hero-title{font-size:1.6rem}.hero-subtitle{font-size:.9rem}.hero-principle{font-size:.85rem}.hud-preview{padding:1rem;max-width:100%}.features-grid{grid-template-columns:1fr}.feature-card{padding:1.25rem}.trust-grid{grid-template-columns:1fr 1fr;gap:.75rem}.trust-item{padding:1rem}.trust-icon{font-size:1.25rem}.trust-item span:last-child{font-size:.65rem}.cta-content h2{font-size:1.5rem}.landing-footer{padding:2rem 1rem 1.5rem}.footer-links{gap:1rem}.demo-content{padding:2rem 1.5rem}.user-header{padding:.4rem .5rem;flex-wrap:wrap;gap:.5rem}.user-info{gap:.5rem;flex:1;min-width:0}.user-avatar{width:24px;height:24px}.user-name{font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.user-role{font-size:.65rem}.logout-button{padding:.4rem .6rem;font-size:.7rem;min-height:32px;touch-action:manipulation}}@media (pointer: coarse){.login-button{min-height:50px}.logout-button{min-height:36px;min-width:60px}}@supports (padding: max(0px)){.user-header{padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right))}.landing-content{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}.email-section{padding:3rem 2rem;max-width:700px;margin:0 auto}.email-capture-form{background:rgba(0,255,136,.05);border:1px solid rgba(0,255,136,.2);border-radius:16px;padding:2rem;text-align:center}.email-capture-title{font-family:SF Mono,Monaco,monospace;font-size:1.25rem;color:#0f8;margin-bottom:1.5rem;letter-spacing:1px}.email-capture-inputs{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.email-input,.company-input{flex:1;min-width:180px;max-width:240px;padding:.875rem 1rem;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.9rem;font-family:inherit}.email-input:focus,.company-input:focus{outline:none;border-color:#0f8}.email-input::placeholder,.company-input::placeholder{color:#fff6}.email-submit{padding:.875rem 1.5rem;background:#00ff88;color:#0a0a0f;border:none;border-radius:8px;font-family:SF Mono,Monaco,monospace;font-size:.85rem;font-weight:600;letter-spacing:1px;cursor:pointer;transition:background .2s;white-space:nowrap}.email-submit:hover{background:#00cc6a}.email-error{color:#ff6b6b;font-size:.8rem;margin-top:.75rem}.email-note{color:#ffffff80;font-size:.75rem;margin-top:1rem}.email-capture-success{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;background:rgba(0,255,136,.1);border:1px solid rgba(0,255,136,.3);border-radius:12px;color:#0f8;font-size:1rem}.success-icon{font-size:1.5rem}@media (max-width: 600px){.email-section{padding:2rem 1rem}.email-capture-form{padding:1.5rem 1rem}.email-capture-inputs{flex-direction:column;align-items:stretch}.email-input,.company-input{max-width:none}.email-submit{width:100%}}