*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #09357A;--accent: #FE5815;--luxwave: #2B80B9;--bg: #ffffff;--bg-light: #f8fafc;--bg-card: #f1f5f9;--text: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--success: #16a34a;--danger: #dc2626;--warning: #d97706}html,body{width:100%;height:100%;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}#app{display:flex;flex-direction:column;width:100%;height:100%}.header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:var(--bg-light);border-bottom:1px solid var(--border);height:56px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:16px}.header-logo{height:32px}.header-title{font-size:18px;font-weight:700;letter-spacing:.5px;color:var(--primary)}.header-title span{color:var(--accent)}.header-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--danger)}.status-dot.connected{background:var(--success);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.uc-tabs{display:flex;gap:2px;padding:0 20px;background:var(--bg-light);border-bottom:1px solid var(--border);flex-shrink:0}.uc-tab{padding:10px 16px;font-size:13px;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.uc-tab:hover{color:var(--text);background:#00000005}.uc-tab.active{color:var(--text);border-bottom-color:var(--accent)}.uc-tab-number{font-size:10px;font-weight:700;background:var(--bg-card);padding:2px 6px;border-radius:4px;color:var(--text-muted)}.uc-tab.active .uc-tab-number{background:var(--accent);color:#fff}.main{display:flex;flex:1;overflow:hidden}.map-container{flex:1;position:relative;overflow:hidden}.map-container canvas{width:100%;height:100%;display:block}.side-panel{width:360px;background:var(--bg-light);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.panel-section{padding:16px;border-bottom:1px solid var(--border)}.panel-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:12px}.device-list{display:flex;flex-direction:column;gap:6px}.device-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-card);border-radius:8px;cursor:pointer;transition:background .15s;border:1px solid transparent}.device-item:hover{background:#e2e8f0}.device-item.selected{border-color:var(--accent);background:#fff7ed}.device-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.device-info{flex:1;min-width:0}.device-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-loc,.device-battery{font-size:11px;color:var(--text-muted)}.alert-banner{display:none;align-items:center;gap:12px;padding:12px 20px;background:var(--danger);color:#fff;font-weight:600;animation:alert-pulse 1s infinite;flex-shrink:0}.alert-banner.active{display:flex}@keyframes alert-pulse{0%,to{background:#dc2626}50%{background:#991b1b}}.alert-banner .alert-text{flex:1}.alert-banner .alert-timer{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:var(--bg);border:1px solid var(--border);color:var(--text)}.btn-outline:hover{background:var(--bg-card)}.content-card{background:var(--bg-card);border-radius:10px;padding:16px;margin-bottom:8px;border:1px solid var(--border)}.content-card h3{font-size:14px;font-weight:600;margin-bottom:6px;color:var(--text)}.content-card p{font-size:12px;color:var(--text-muted);line-height:1.5}.access-event{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;font-size:12px;margin-bottom:4px}.access-event.authorized{background:#dcfce7;border-left:3px solid var(--success)}.access-event.denied{background:#fef2f2;border-left:3px solid var(--danger)}.stats-bar{display:flex;gap:16px;padding:12px 16px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border)}.stat{text-align:center}.stat-value{font-size:20px;font-weight:700;color:var(--accent)}.stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:1000;transition:opacity .5s}.loading-overlay.hidden{opacity:0;pointer-events:none}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:14px;color:var(--text-muted)}.pti-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:none;align-items:center;justify-content:center;animation:pti-bg-pulse 1s infinite}.pti-fullscreen.visible{display:flex}.pti-fullscreen.phase-fall{background:#dc2626}.pti-fullscreen.phase-doubt{background:#d97706}.pti-fullscreen.phase-resolved{background:#16a34a}.pti-fullscreen.phase-escalated{background:#991b1b}@keyframes pti-bg-pulse{0%,to{opacity:1}50%{opacity:.85}}.pti-content{text-align:center;color:#fff;padding:40px}.pti-icon{font-size:80px;margin-bottom:16px}.pti-title{font-size:36px;font-weight:800;letter-spacing:2px;margin-bottom:12px}.pti-badge{font-size:24px;font-weight:600;opacity:.9;margin-bottom:24px}.pti-status{font-size:18px;margin-bottom:16px;min-height:28px}.pti-timer{font-size:72px;font-weight:800;font-variant-numeric:tabular-nums;margin-bottom:24px;min-height:90px}.pti-action-btn{padding:16px 48px;border:3px solid #fff;border-radius:12px;background:#ffffff26;color:#fff;font-size:20px;font-weight:700;cursor:pointer;transition:all .15s}.pti-action-btn:hover{background:#ffffff4d}.media-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:2000;display:none;flex-direction:column}.media-overlay.visible{display:flex}.media-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#00000080;flex-shrink:0}.media-overlay-title{color:#fff;font-size:16px;font-weight:600}.media-overlay-close{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0 8px;line-height:1}.media-overlay-close:hover{color:var(--accent)}.media-overlay-body{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px}.media-overlay-body video{max-width:100%;max-height:100%;border-radius:8px}.media-overlay-body iframe{width:100%;height:100%;border:none;border-radius:8px;background:#fff}