.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;position:relative;overflow:hidden;background:#0b1424}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(59,130,246,.12) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(14,165,233,.06) 0%,transparent 50%)}.login-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%234f46e5' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.login-card{position:relative;width:420px;background:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:48px 40px;box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff0f;animation:loginFadeIn .6s ease}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:36px}.login-logo{display:flex;justify-content:center;margin-bottom:20px}.login-logo-icon{width:56px;height:56px;background:linear-gradient(135deg,#4f46e5,#3b82f6);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;box-shadow:0 8px 24px #4f46e54d}.login-title{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.4px;line-height:1.3}.login-subtitle{font-size:13px;color:#ffffff80;margin-top:4px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:12px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;outline:none;transition:all .2s ease;font-family:inherit}.form-input::placeholder{color:#ffffff40}.form-input:focus{border-color:#4f46e580;background:#ffffff14;box-shadow:0 0 0 3px #4f46e526}.login-error{padding:10px 14px;background:#ef44441f;border:1px solid rgba(239,68,68,.25);border-radius:10px;color:#fca5a5;font-size:13px;text-align:center}.login-btn{width:100%;padding:13px;background:linear-gradient(135deg,#4f46e5,#3b82f6);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:inherit;margin-top:4px}.login-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #4f46e559}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-loading{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.login-footer{display:flex;justify-content:space-between;margin-top:4px}.login-tenant,.login-version{font-size:11px;color:#ffffff4d}@media (max-width: 480px){.login-card{width:calc(100% - 32px);padding:32px 24px;border-radius:16px}}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;z-index:100;overflow:hidden;transition:width .2s ease;border-right:1px solid rgba(255,255,255,.04)}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.sidebar-logo-icon{flex-shrink:0}.logo-icon-shape{width:36px;height:36px;background:linear-gradient(135deg,#4f46e5,#3b82f6);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}.sidebar-logo-text{display:flex;flex-direction:column;gap:1px;overflow:hidden}.logo-title{font-size:14px;font-weight:600;color:#fff;line-height:1.2;white-space:nowrap}.logo-subtitle{font-size:10px;color:#ffffff59;line-height:1.2;white-space:nowrap}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.nav-loading{display:flex;align-items:center;justify-content:center;gap:4px;padding:32px 0}.nav-loading-dot{width:6px;height:6px;border-radius:50%;background:#ffffff40;animation:navDotPulse 1.2s ease infinite}.nav-loading-dot:nth-child(2){animation-delay:.2s}.nav-loading-dot:nth-child(3){animation-delay:.4s}@keyframes navDotPulse{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1);opacity:.8}}.nav-section-label{font-size:10px;font-weight:600;color:#ffffff40;text-transform:uppercase;letter-spacing:1px;padding:8px 12px 6px}.nav-group{margin-bottom:2px}.nav-group-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:#fff9;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit;position:relative}.nav-group-btn:hover{background:#ffffff0f;color:#ffffffe6}.nav-group-btn.active{background:#4f46e526;color:#818cf8}.nav-group-btn.expanded{color:#ffffffe6;background:#ffffff0a}.nav-group-icon{font-size:14px;width:20px;text-align:center;flex-shrink:0;opacity:.7}.nav-group-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-arrow{font-size:8px;transition:transform .2s ease;opacity:.5;flex-shrink:0}.nav-arrow.open{transform:rotate(90deg)}.nav-children{padding-left:32px;margin-top:2px}.nav-child-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:#ffffff73;font-size:12px;font-weight:400;cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit}.nav-child-btn:hover{background:#ffffff0d;color:#ffffffb3}.nav-child-btn.active{background:#4f46e51f;color:#818cf8}.nav-child-icon{font-size:11px;width:16px;text-align:center;flex-shrink:0;opacity:.5}.nav-child-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:10px}.sidebar-user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#4f46e5,#3b82f6);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}.sidebar-user-info{flex:1;display:flex;flex-direction:column;gap:1px;overflow:hidden}.sidebar-user-name{font-size:12px;font-weight:600;color:#ffffffd9;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-tenant{font-size:10px;color:#ffffff4d;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#ffffff4d;cursor:pointer;transition:all .15s ease;font-size:14px;flex-shrink:0}.sidebar-logout:hover{background:#ef444426;color:#ef4444}.header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 24px;background:#fff;border-bottom:1px solid #e8eaed;flex-shrink:0}.header-left{display:flex;align-items:center;flex:1}.header-search{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#f5f6fa;border:1px solid transparent;border-radius:8px;transition:all .2s ease;width:300px}.header-search.focused{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;width:340px}.search-icon{font-size:14px;opacity:.4;flex-shrink:0}.search-input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:#1a1d26;font-family:inherit}.search-input::placeholder{color:#9ca3af}.header-right{display:flex;align-items:center;gap:4px}.header-action{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#6b7280}.header-action:hover{background:#f3f4f6;color:#374151}.action-icon{font-size:16px;line-height:1}.action-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:#ef4444;border:2px solid #fff;border-radius:8px;font-size:9px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;line-height:1}.header-divider{width:1px;height:24px;background:#e5e7eb;margin:0 8px}.header-user{display:flex;align-items:center;gap:10px;padding:4px 8px 4px 4px;border-radius:8px;cursor:pointer;transition:all .2s ease}.header-user:hover{background:#f3f4f6}.user-avatar-sm{width:30px;height:30px;background:linear-gradient(135deg,#4f46e5,#3b82f6);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:1px}.user-name-sm{font-size:12px;font-weight:600;color:#1a1d26;line-height:1.2}.user-role-sm{font-size:10px;color:#9ca3af;line-height:1.2}.dashboard-layout{display:flex;height:100vh;width:100vw;overflow:hidden;background:#f0f2f5}.layout-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-width:0}.layout-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 28px;background:#f0f2f5}.layout-content::-webkit-scrollbar{width:6px}.layout-content::-webkit-scrollbar-track{background:transparent}.layout-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.layout-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 768px){.layout-main{margin-left:0}.layout-content{padding:16px}}.dashboard{max-width:1400px;animation:dashboardFadeIn .4s ease}@keyframes dashboardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stats-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}.stat-card-compact{background:#fff;border-radius:10px;padding:16px;border:1px solid #e8eaed;transition:all .2s ease}.stat-card-compact:hover{box-shadow:0 4px 12px #0000000f;border-color:transparent;transform:translateY(-1px)}.stat-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.stat-card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.stat-card-change{font-size:11px;font-weight:600}.stat-card-value{font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.1;margin-bottom:4px}.stat-card-label{font-size:11px;font-weight:500;color:#6b7280}.widgets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.widget-card{background:#fff;border-radius:12px;border:1px solid #e8eaed;overflow:hidden;transition:all .2s ease}.widget-card:hover{box-shadow:0 4px 16px #0000000d;border-color:transparent}.widget-card-lg{grid-column:span 2}.widget-header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f2f5}.widget-title{font-size:14px;font-weight:600;color:#1a1d26;line-height:1.3}.widget-subtitle{font-size:11px;color:#9ca3af;margin-top:2px}.widget-actions{display:flex;gap:4px}.widget-badge{font-size:11px;font-weight:500;color:#4f46e5;background:#4f46e514;padding:3px 10px;border-radius:4px;cursor:pointer;transition:all .15s ease}.widget-badge.inactive{color:#9ca3af;background:transparent}.widget-badge.inactive:hover{background:#f3f4f6}.widget-body{padding:16px 20px}.chart-container{height:200px;display:flex;align-items:flex-end}.chart-bars{display:flex;align-items:flex-end;gap:12px;width:100%;height:100%}.chart-bar-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.chart-bar-fill{width:100%;max-width:40px;border-radius:4px 4px 0 0;animation:barGrow .6s ease forwards;opacity:0;transform-origin:bottom}@keyframes barGrow{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.chart-bar-label{font-size:10px;color:#9ca3af;font-weight:500}.donut-chart,.progress-ring{position:relative;width:120px;height:120px;margin:0 auto 12px}.donut-svg{width:100%;height:100%;transform:rotate(0)}.donut-segment{transition:stroke-dasharray .8s ease}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-value{font-size:22px;font-weight:700;color:#1a1d26;line-height:1}.donut-label{font-size:10px;color:#9ca3af;margin-top:2px}.utilization-legend{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-text{font-size:12px;color:#6b7280}.progress-ring-container{display:flex;justify-content:center}.stat-rows{display:flex;flex-direction:column;gap:8px;margin-top:8px}.stat-row-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#f9fafb;border-radius:6px}.stat-row-label{font-size:12px;color:#6b7280}.stat-row-value{font-size:13px;font-weight:600;color:#1a1d26}.activity-timeline{display:flex;flex-direction:column;gap:0}.activity-row{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #f3f4f6}.activity-row:last-child{border-bottom:none;padding-bottom:0}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;flex-shrink:0}.activity-dot.info{background:#3b82f6}.activity-dot.warning{background:#f59e0b}.activity-dot.success{background:#10b981}.activity-dot.alert{background:#ef4444}.activity-info{display:flex;flex-direction:column;gap:2px;flex:1}.activity-time{font-size:11px;font-weight:600;color:#9ca3af}.activity-event{font-size:12px;color:#374151;line-height:1.4}.distribution-chart{display:flex;align-items:flex-end;gap:6px;height:140px}.dist-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.dist-bar{width:100%;max-width:24px;border-radius:3px 3px 0 0;animation:barGrow .5s ease forwards;opacity:0}.dist-label{font-size:8px;color:#9ca3af;font-weight:500}.status-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.status-item{display:flex;align-items:center;gap:10px}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:#10b981;box-shadow:0 0 0 3px #10b98126}.status-dot.offline{background:#6b7280}.status-dot.alarm{background:#ef4444;box-shadow:0 0 0 3px #ef444426;animation:pulse 2s ease infinite}.status-dot.idle{background:#f59e0b}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #ef444426}50%{box-shadow:0 0 0 6px #ef444414}}.status-label{flex:1;font-size:13px;color:#374151;font-weight:500}.status-count{font-size:14px;font-weight:700;color:#1a1d26}.status-bar{display:flex;height:6px;background:#f0f2f5;border-radius:3px;overflow:hidden}.status-bar-fill{height:100%;transition:width .6s ease}.dashboard-error{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:16px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:10px;animation:dashSlideDown .3s ease}@keyframes dashSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dashboard-error .error-icon{font-size:14px;flex-shrink:0}.dashboard-error .error-text{flex:1;font-size:13px;color:#ef4444}.dashboard-error .error-dismiss{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:12px;opacity:.6}.dashboard-error .error-dismiss:hover{opacity:1;background:#ef44441a}.chart-placeholder-text{display:flex;align-items:center;justify-content:center;height:120px;color:#9ca3af;font-size:13px}.status-bar-group{display:flex;height:8px;background:#f0f2f5;border-radius:4px;overflow:hidden;margin-bottom:14px}.risk-bubbles{display:flex;gap:8px;margin-bottom:16px}.risk-bubble{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:8px}.risk-value{font-size:24px;font-weight:700;line-height:1}.risk-label{font-size:10px;color:#6b7280;margin-top:4px;font-weight:500}.alarm-summary{display:flex;flex-direction:column;gap:6px}.alarm-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:#f9fafb;border-radius:6px}.alarm-label{font-size:12px;color:#6b7280}.alarm-value{font-size:14px;font-weight:700;color:#1a1d26}.leaderboard{display:flex;flex-direction:column;gap:8px}.leaderboard-row{display:flex;align-items:center;gap:10px}.leaderboard-rank{width:24px;font-size:11px;font-weight:600;color:#9ca3af;text-align:right}.leaderboard-plate{width:80px;font-size:13px;font-weight:600;color:#1a1d26}.leaderboard-bar-bg{flex:1;height:6px;background:#f0f2f5;border-radius:3px;overflow:hidden}.leaderboard-bar{height:100%;background:#ef4444;border-radius:3px;transition:width .6s ease}.leaderboard-count{width:30px;font-size:12px;font-weight:700;color:#ef4444;text-align:right}.subsection-title{font-size:12px;font-weight:600;color:#6b7280;margin:16px 0 8px;text-transform:uppercase;letter-spacing:.5px}.dsm-breakdown{display:flex;flex-direction:column;gap:6px}.dsm-item{display:flex;align-items:center;gap:8px}.dsm-label{width:80px;font-size:12px;color:#374151;font-weight:500}.dsm-bar-bg{flex:1;height:6px;background:#f0f2f5;border-radius:3px;overflow:hidden}.dsm-bar{height:100%;border-radius:3px;transition:width .6s ease}.dsm-count{width:30px;font-size:12px;font-weight:700;color:#374151;text-align:right}.fleet-overview{display:flex;flex-direction:column;gap:12px}.fleet-metric{display:flex;align-items:center;gap:12px;padding:10px;background:#f9fafb;border-radius:8px;transition:background .15s ease}.fleet-metric:hover{background:#f3f4f6}.fleet-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.fleet-info{display:flex;flex-direction:column;gap:2px}.fleet-value{font-size:16px;font-weight:700;color:#1a1d26;line-height:1}.fleet-label{font-size:11px;color:#9ca3af}.top-vehicle-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px}.top-vehicle-plate{font-size:18px;font-weight:700;color:#1a1d26;letter-spacing:1px}.top-vehicle-alarms{display:flex;flex-direction:column;align-items:center}.top-vehicle-count{font-size:36px;font-weight:800;color:#ef4444;line-height:1}.top-vehicle-label{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.top-vehicle-bar{width:100%;height:6px;background:#fee2e2;border-radius:3px;overflow:hidden}.top-vehicle-bar-fill{height:100%;background:#ef4444;border-radius:3px}.top-vehicle-risks{font-size:11px;color:#6b7280;font-weight:500}.stat-loading{opacity:.3;font-size:14px}@media (max-width: 1200px){.stats-row{grid-template-columns:repeat(3,1fr)}.widgets-grid{grid-template-columns:repeat(2,1fr)}.widget-card-lg{grid-column:span 2}}@media (max-width: 768px){.stats-row{grid-template-columns:repeat(2,1fr)}.widgets-grid{grid-template-columns:1fr}.widget-card-lg{grid-column:span 1}}@media (max-width: 480px){.stats-row{grid-template-columns:1fr}}.monitor{max-width:1400px;animation:monitorFadeIn .4s ease}@keyframes monitorFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.monitor-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px}.page-title{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.4px;line-height:1.3}.page-subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px}.monitor-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.auto-refresh{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid var(--border-color);border-radius:8px;font-size:12px;color:var(--text-secondary)}.refresh-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:refreshPulse 2s ease infinite}@keyframes refreshPulse{0%,to{opacity:1}50%{opacity:.3}}.refresh-text{font-weight:500}.monitor-btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;border:none}.monitor-btn-primary{background:var(--accent);color:#fff}.monitor-btn-primary:hover{background:#4338ca;box-shadow:0 2px 8px #4f46e54d}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.filter-tabs{display:flex;gap:4px;background:#fff;padding:4px;border-radius:10px;border:1px solid var(--border-color)}.filter-tab{display:flex;align-items:center;gap:6px;padding:7px 14px;background:transparent;border:none;border-radius:7px;cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap}.filter-tab:hover{background:var(--bg-primary)}.filter-tab.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #4f46e540}.filter-label{font-size:12px;font-weight:600}.filter-count{font-size:11px;font-weight:500;opacity:.7;padding:1px 6px;background:#ffffff26;border-radius:4px}.filter-tab:not(.active) .filter-count{background:var(--bg-primary);opacity:1;color:var(--text-secondary)}.filter-search{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border:1px solid var(--border-color);border-radius:8px;min-width:260px;transition:all .2s ease}.filter-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51a}.filter-search-icon{font-size:13px;opacity:.4;flex-shrink:0}.filter-search-input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:var(--text-primary);font-family:inherit}.filter-search-input::placeholder{color:var(--text-muted)}.filter-search-clear{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:none;border-radius:50%;font-size:10px;color:var(--text-secondary);cursor:pointer;flex-shrink:0}.filter-search-clear:hover{background:#e5e7eb}.vehicle-list{background:#fff;border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.vehicle-list-header{display:grid;grid-template-columns:100px 120px 140px 80px 90px 100px 1fr 100px;padding:12px 20px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.vehicle-rows{max-height:540px;overflow-y:auto}.vehicle-rows::-webkit-scrollbar{width:5px}.vehicle-rows::-webkit-scrollbar-track{background:transparent}.vehicle-rows::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.vehicle-row{display:grid;grid-template-columns:100px 120px 140px 80px 90px 100px 1fr 100px;padding:12px 20px;align-items:center;border-bottom:1px solid #f3f4f6;transition:all .15s ease;cursor:pointer}.vehicle-row:last-child{border-bottom:none}.vehicle-row:hover{background:#f9fafb}.vehicle-row.row-alarm{background:#ef444408;border-left:3px solid #ef4444;padding-left:17px}.vehicle-row.row-alarm:hover{background:#ef44440f}.vehicle-cell{font-size:13px;color:var(--text-primary);min-width:0}.plate-badge{display:inline-flex;padding:3px 10px;background:#1e293b;color:#fff;border-radius:5px;font-size:12px;font-weight:700;letter-spacing:.5px;font-family:SF Mono,Fira Code,monospace}.status-indicator{display:inline-flex;align-items:center;gap:6px}.status-dot-inner{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-online .status-dot-inner{background:#10b981;box-shadow:0 0 0 3px #10b98126}.dot-offline .status-dot-inner{background:#9ca3af}.dot-idle .status-dot-inner{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.dot-alarm .status-dot-inner{background:#ef4444;box-shadow:0 0 0 3px #ef444426;animation:alarmPulse 1.5s ease infinite}@keyframes alarmPulse{0%,to{box-shadow:0 0 0 3px #ef444426}50%{box-shadow:0 0 0 7px #ef44440f}}.status-label-text{font-size:12px;font-weight:600}.dot-online .status-label-text{color:#10b981}.dot-offline .status-label-text{color:#9ca3af}.dot-idle .status-label-text{color:#f59e0b}.dot-alarm .status-label-text{color:#ef4444}.alarm-tag{display:inline-block;margin-left:6px;padding:2px 6px;background:#ef44441a;color:#ef4444;font-size:10px;font-weight:600;border-radius:4px}.route-badge{display:inline-flex;padding:3px 8px;background:#4f46e514;color:var(--accent);border-radius:5px;font-size:11px;font-weight:600}.speed-value{font-weight:600;font-size:13px;font-family:SF Mono,Fira Code,monospace}.speed-value.speed-high{color:#ef4444}.battery-indicator{display:flex;align-items:center;gap:6px}.battery-level{width:40px;height:6px;border-radius:3px;background:#10b981;transition:width .4s ease}.battery-text{font-size:11px;font-weight:600;color:var(--text-secondary);font-family:SF Mono,Fira Code,monospace}.battery-na{color:#d1d5db;font-size:13px}.location-text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--text-secondary)}.update-text{font-size:11px;color:var(--text-secondary);font-weight:500}.update-text.update-stale{color:#d1d5db}.vehicle-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;gap:8px}.vehicle-empty-icon{font-size:32px;opacity:.5}.vehicle-empty-text{font-size:13px;color:var(--text-muted)}.monitor-error{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:16px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:10px;animation:slideDown .3s ease}.error-icon{font-size:14px;flex-shrink:0}.error-text{flex:1;font-size:13px;color:#ef4444}.error-dismiss{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:12px;opacity:.6}.error-dismiss:hover{opacity:1;background:#ef44441a}.loading-spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.refresh-dot.loading{background:var(--accent);animation:refreshPulse .5s ease infinite}.monitor-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;margin-top:12px;background:#fff;border-radius:10px;border:1px solid var(--border-color)}.footer-stat{display:flex;align-items:center;gap:4px;font-size:12px}.footer-stat-label{color:var(--text-secondary)}.footer-stat-value{font-weight:700;color:var(--text-primary)}.footer-dots{display:flex;align-items:center;gap:12px}.footer-dot{width:7px;height:7px;border-radius:50%}.footer-dot.dot-online{background:#10b981}.footer-dot.dot-idle{background:#f59e0b}.footer-dot.dot-offline{background:#9ca3af}.footer-dot.dot-alarm{background:#ef4444}.footer-dot-label{font-size:11px;color:var(--text-secondary)}@media (max-width: 1200px){.vehicle-list-header,.vehicle-row{grid-template-columns:90px 110px 120px 70px 80px 80px 1fr 90px}}@media (max-width: 992px){.filter-bar{flex-direction:column;align-items:stretch}.filter-search{min-width:auto}.vehicle-list-header,.vehicle-row{grid-template-columns:90px 110px 130px 70px 80px 1fr}.vc-battery,.vc-location,.vh-battery,.vh-location{display:none}}@media (max-width: 640px){.monitor-header{flex-direction:column}.monitor-header-actions{width:100%}.monitor-header-actions .monitor-btn{flex:1}.vehicle-list-header,.vehicle-row{grid-template-columns:80px 100px 120px 70px 80px;font-size:12px;padding:10px 14px}.vc-update,.vc-speed,.vh-update,.vh-speed{display:none}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.ev036-webhook{max-width:100%;min-height:calc(100vh - 140px);animation:ev036FadeIn .4s ease;--json-key: #881391;--json-string: #0b7500;--json-number: #1a01cc;--json-boolean: #1a01cc;--json-null: #808080;--json-bracket: #1a01cc;--json-brace: #1a01cc;--json-url: #0366d6;--json-date: #0969da;--bg-json: #fafbfc;--border-json: #e1e4e8}@keyframes ev036FadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ev036-webhook.dark-mode{--json-key: #c792ea;--json-string: #c3e88d;--json-number: #f78c6c;--json-boolean: #ff5370;--json-null: #808080;--json-bracket: #89ddff;--json-brace: #89ddff;--json-url: #82aaff;--json-date: #82aaff;--bg-json: #1e1e2e;--border-json: #313244}.ev036-webhook.dark-mode{color:#cdd6f4}.ev036-webhook.dark-mode .ev036-code{background:#313244;color:#89b4fa}.ev036-webhook.dark-mode .ev036-active-ep{background:#181825;border-color:#313244}.ev036-webhook.dark-mode .ev036-json-container{background:var(--bg-json);border-color:var(--border-json)}.ev036-webhook.dark-mode .ev036-json-raw{color:#cdd6f4}.ev036-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.ev036-header-left{flex:1;min-width:0}.ev036-title-group{display:flex;align-items:center;gap:12px}.ev036-badge{display:inline-flex;padding:4px 12px;background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;border-radius:6px;font-size:13px;font-weight:700;font-family:SF Mono,Fira Code,monospace;letter-spacing:.5px;box-shadow:0 2px 8px #4f46e54d}.ev036-title{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.4px}.ev036-subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.ev036-code{background:#f0f2f5;padding:1px 6px;border-radius:4px;font-size:12px;font-family:SF Mono,Fira Code,monospace;color:var(--accent)}.auth-status{font-weight:500;font-size:12px}.auth-status.authenticated{color:#10b981}.auth-status.unauthenticated{color:#ef4444}.ivms-test-btn-wrapper{display:inline-flex;align-items:center;gap:8px}.ivms-test-btn{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border:1px solid var(--border-color);border-radius:6px;background:#fff;font-size:11px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);white-space:nowrap}.ivms-test-btn:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.ivms-test-btn:disabled{opacity:.7;cursor:wait}.ivms-test-btn.testing{border-color:#f59e0b;background:#f59e0b14;color:#f59e0b;animation:ivmsPulse 1.5s ease infinite}.ivms-test-btn.success{border-color:#10b981;background:#10b98114;color:#10b981}.ivms-test-btn.success:hover{background:#10b98126}.ivms-test-btn.error{border-color:#ef4444;background:#ef444414;color:#ef4444}.ivms-test-btn.error:hover{background:#ef444426}.ivms-test-icon{font-size:11px;flex-shrink:0}.ivms-test-msg{font-size:11px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:fadeInMsg .3s ease}.ivms-test-msg.success{color:#10b981}.ivms-test-msg.error{color:#ef4444}@keyframes fadeInMsg{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes ivmsPulse{0%,to{opacity:1}50%{opacity:.5}}.ev036-spinner-sm{display:inline-block;width:10px;height:10px;border:2px solid rgba(245,158,11,.3);border-top-color:#f59e0b;border-radius:50%;animation:ev036Spin .6s linear infinite}.ev036-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.ev036-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;border:1px solid var(--border-color);background:#fff;color:var(--text-primary);white-space:nowrap}.ev036-btn:hover{background:var(--bg-primary);border-color:#d1d5db}.ev036-btn.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.ev036-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.ev036-btn-primary:hover{background:#4338ca;box-shadow:0 2px 8px #4f46e54d}.ev036-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ev036-btn-sm{padding:4px 10px;font-size:11px}.ev036-btn-mode{font-size:12px}.ev036-btn-refresh.active{background:#10b9811a;border-color:#10b981;color:#10b981}.ev036-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ev036Spin .6s linear infinite}@keyframes ev036Spin{to{transform:rotate(360deg)}}.ev036-alert{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:16px;border-radius:10px;font-size:13px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ev036-alert-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444}.alert-icon{font-size:16px;flex-shrink:0}.alert-text{flex:1}.alert-action{padding:4px 12px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.alert-action:hover{background:#dc2626}.alert-action:disabled{opacity:.6;cursor:not-allowed}.ev036-body{display:flex;gap:16px;height:calc(100vh - 280px);min-height:400px}.ev036-sidebar{width:240px;flex-shrink:0;background:#fff;border-radius:12px;border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.ev036-sidebar-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-color)}.ss-icon{font-size:12px;opacity:.4;flex-shrink:0}.ss-input{flex:1;border:none;background:transparent;outline:none;font-size:12px;color:var(--text-primary);font-family:inherit}.ss-input::placeholder{color:var(--text-muted)}.ev036-endpoints{flex:1;overflow-y:auto;padding:6px}.ev036-endpoints::-webkit-scrollbar{width:4px}.ev036-endpoints::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.ev036-ep-wrapper{display:flex;align-items:center;gap:4px;margin-bottom:2px}.ev036-ep-wrapper .ev036-ep-btn{flex:1;min-width:0}.ev036-ep-refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:13px;font-family:inherit;opacity:.5;transition:all .15s ease;flex-shrink:0;padding:0}.ev036-ep-refresh-btn:hover{opacity:1;background:var(--bg-primary);border-color:var(--border-color)}.ev036-ep-refresh-btn:disabled{opacity:.4;cursor:wait}.ev036-ep-btn{display:block;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit}.ev036-ep-btn:hover{background:var(--bg-primary)}.ev036-ep-btn.active{background:var(--accent-light);border-left:3px solid var(--accent)}.ep-btn-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.ep-label{font-size:12px;font-weight:600;color:var(--text-primary)}.ep-method{font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.ep-btn-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px}.ep-path{font-size:10px;color:var(--text-muted);font-family:SF Mono,Fira Code,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ep-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;transition:background .3s ease}.ev036-main{flex:1;display:flex;flex-direction:column;min-width:0}.ev036-active-ep{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fff;border-radius:10px 10px 0 0;border:1px solid var(--border-color);border-bottom:none}.active-ep-left{display:flex;align-items:center;gap:10px}.active-ep-method{font-size:11px;font-weight:700;padding:2px 8px;border-radius:5px;letter-spacing:.3px}.active-ep-path{font-size:13px;font-family:SF Mono,Fira Code,monospace;color:var(--text-primary)}.active-ep-right{display:flex;align-items:center;gap:10px}.ep-fetching{font-size:11px;color:#f59e0b;font-weight:500;animation:pulse 1.5s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.ep-status-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:5px}.ep-status-badge.ok{background:#10b9811a;color:#10b981}.ep-status-badge.fail{background:#ef44441a;color:#ef4444}.ev036-json-container{flex:1;background:var(--bg-json);border:1px solid var(--border-json);border-top:none;border-radius:0 0 10px 10px;overflow:auto;position:relative}.ev036-json-container::-webkit-scrollbar{width:6px;height:6px}.ev036-json-container::-webkit-scrollbar-track{background:transparent}.ev036-json-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.ev036-json-viewer{height:100%;display:flex;flex-direction:column}.ev036-json-tree{flex:1;padding:16px 20px;overflow:auto;font-size:13px;font-family:SF Mono,Fira Code,Consolas,monospace;line-height:1.7}.ev036-webhook.dark-mode .json-toggle:hover{background:#ffffff0f}.json-arrow{font-size:10px;transition:transform .2s ease;color:var(--text-muted)}.json-bracket{color:var(--json-bracket)}.json-brace{color:var(--json-brace)}.json-key{color:var(--json-key);margin-right:4px}.json-string{color:var(--json-string)}.json-string.json-date{color:var(--json-date)}.json-number{color:var(--json-number)}.json-boolean{color:var(--json-boolean)}.json-null{color:var(--json-null);font-style:italic}.json-url{color:var(--json-url);text-decoration:none;border-bottom:1px dotted var(--json-url)}.json-children{padding-left:24px;border-left:1px dashed var(--border-json);margin:2px 0}.ev036-webhook.dark-mode .json-children{border-left-color:#313244}.json-index{color:var(--text-muted);font-size:11px;min-width:24px;text-align:right;flex-shrink:0}.ev036-json-raw{flex:1;padding:16px 20px;margin:0;font-size:12px;font-family:SF Mono,Fira Code,Consolas,monospace;line-height:1.6;white-space:pre;overflow:auto;color:var(--text-primary);-moz-tab-size:2;tab-size:2}.ev036-json-meta{display:flex;align-items:center;gap:10px;padding:8px 16px;border-top:1px solid var(--border-json);background:#fff;flex-shrink:0}.ev036-webhook.dark-mode .ev036-json-meta{background:#181825;border-color:#313244}.meta-size{font-size:11px;color:var(--text-muted);flex:1}.ev036-loading{padding:24px;display:flex;flex-direction:column;gap:12px}.loading-pulse{height:16px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;border-radius:4px;animation:shimmer 1.5s ease infinite}.ev036-webhook.dark-mode .loading-pulse{background:linear-gradient(90deg,#313244 25%,#45475a,#313244 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ev036-error-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 20px;text-align:center}.error-icon-big{font-size:36px;opacity:.6}.error-message{font-size:14px;color:#ef4444;font-weight:500}.ev036-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:64px 20px;text-align:center}.empty-icon{font-size:40px;opacity:.5}.empty-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-top:4px}.empty-desc{font-size:13px;color:var(--text-muted);max-width:320px;line-height:1.5}.ev036-summary-bar{display:flex;align-items:center;gap:4px;padding:8px 16px;background:#fff;border-radius:8px;border:1px solid var(--border-color);margin-top:8px;overflow-x:auto;flex-shrink:0}.ev036-summary-bar::-webkit-scrollbar{height:3px}.ev036-summary-bar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.ev036-webhook.dark-mode .ev036-summary-bar{background:#181825;border-color:#313244}.summary-chip{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;background:transparent;cursor:pointer;transition:all .15s ease;flex-shrink:0}.summary-chip:hover{background:var(--bg-primary)}.summary-chip.active{background:var(--accent-light)}.summary-dot{width:6px;height:6px;border-radius:50%;transition:background .3s ease}.summary-label{font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.summary-chip.active .summary-label{color:var(--accent)}.ev036-table-container{background:#fff;border:1px solid var(--border-color);border-radius:10px;overflow:hidden;margin-bottom:16px;box-shadow:0 1px 3px #0000000a}.ev036-webhook.dark-mode .ev036-table-container{background:#181825;border-color:#313244}.ev036-table-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-color);background:#fafbfc}.ev036-webhook.dark-mode .ev036-table-header{background:#1e1e2e;border-color:#313244}.ev036-table-title{font-size:14px;font-weight:700;color:var(--text-primary)}.ev036-table-count{font-size:11px;font-weight:600;padding:3px 10px;background:var(--accent-light);color:var(--accent);border-radius:12px}.ev036-table-wrapper{overflow:auto;max-height:420px;position:relative}.ev036-table-wrapper::-webkit-scrollbar{width:5px;height:5px}.ev036-table-wrapper::-webkit-scrollbar-track{background:transparent}.ev036-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.ev036-table-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}.ev036-table{width:100%;border-collapse:collapse;font-size:12px;min-width:800px}.ev036-table thead{background:#f8f9fb}.ev036-webhook.dark-mode .ev036-table thead{background:#1e1e2e}.ev036-table th{padding:10px 12px;text-align:left;font-weight:600;font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid #e8eaed;white-space:nowrap;position:sticky;top:0;background:#f8f9fb;z-index:2}@keyframes ev036HighlightRow{0%{background:#4f46e526}to{background:transparent}}.ev036-webhook.dark-mode .ev036-table th{color:#a6adc8;border-color:#313244;background:#1e1e2e}.th-time{min-width:140px}.th-vehicle{min-width:90px}.th-feature{min-width:120px}.th-speed{min-width:70px}.th-location{min-width:150px}.th-media{min-width:70px;text-align:center}.th-source{min-width:70px}.ev036-table td{padding:10px 12px;border-bottom:1px solid #f0f0f0;color:var(--text-primary);vertical-align:middle}.ev036-webhook.dark-mode .ev036-table td{border-color:#252638}.ev036-table-row{transition:background .15s ease}.ev036-table-row:hover{background:#f5f6fa}.ev036-webhook.dark-mode .ev036-table-row:hover{background:#252638}.ev036-table-row:last-child td{border-bottom:none}.td-time{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:var(--text-secondary);white-space:nowrap}.td-badge{display:inline-block;padding:2px 8px;background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;border-radius:4px;font-size:11px;font-weight:600;font-family:SF Mono,Fira Code,monospace}.td-feature{font-weight:500}.td-speed{font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:600;color:var(--accent)}.td-coords{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:var(--text-secondary)}.td-media-actions{display:flex;align-items:center;justify-content:center;gap:6px}.td-media-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#f0f2f5;text-decoration:none;font-size:14px;transition:all .15s ease}.ev036-webhook.dark-mode .td-media-link{background:#313244}.td-media-link:hover{background:var(--accent-light);transform:scale(1.1)}.td-media-none{color:var(--text-muted)}.td-source{font-size:11px;color:var(--text-muted);text-transform:capitalize}.ev036-table-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-top:1px solid var(--border-color);background:#fafbfc;font-size:11px;color:var(--text-muted)}.ev036-webhook.dark-mode .ev036-table-footer{background:#1e1e2e;border-color:#313244}.ev036-btn-danger{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;border:1px solid #ef4444;background:#ef4444;color:#fff;white-space:nowrap}.ev036-btn-danger:hover{background:#dc2626;box-shadow:0 2px 8px #ef44444d}.ev036-btn-danger:disabled{opacity:.6;cursor:not-allowed}.ev036-delete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:ev036FadeIn .2s ease}.ev036-delete-dialog{background:#fff;border-radius:16px;padding:28px 32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d;animation:ev036FadeIn .3s ease}.ev036-webhook.dark-mode .ev036-delete-dialog{background:#1e1e2e;border:1px solid #313244}.ev036-delete-icon{font-size:40px;margin-bottom:12px}.ev036-delete-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.ev036-delete-msg{font-size:14px;color:var(--text-secondary);margin:0 0 20px;line-height:1.5}.ev036-delete-actions{display:flex;align-items:center;justify-content:center;gap:10px}@media (max-width: 992px){.ev036-body{flex-direction:column;height:auto;min-height:auto}.ev036-sidebar{width:100%;max-height:200px}.ev036-endpoints{display:flex;flex-wrap:wrap;gap:4px}.ev036-ep-btn{width:auto;flex:1;min-width:120px}.ev036-main{min-height:500px}}.ev036-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;animation:ev036FadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ev036-modal{background:#fff;border-radius:16px;width:95vw;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 80px #00000059;animation:ev036ModalIn .3s ease;overflow:hidden}.ev036-webhook.dark-mode .ev036-modal{background:#1e1e2e;border:1px solid #313244}@keyframes ev036ModalIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ev036-modal-header-card{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0;background:linear-gradient(135deg,#f8f9ff,#f0f2ff)}.ev036-webhook.dark-mode .ev036-modal-header-card{background:linear-gradient(135deg,#1e1e2e,#252540);border-color:#313244}.ev036-modal-hc-left{display:flex;align-items:center;gap:14px}.ev036-modal-hc-badge{display:inline-flex;padding:6px 14px;background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;border-radius:8px;font-size:15px;font-weight:700;font-family:SF Mono,Fira Code,monospace;letter-spacing:.5px;box-shadow:0 2px 10px #4f46e559}.ev036-modal-hc-info{display:flex;flex-direction:column;gap:2px}.ev036-modal-hc-datetime{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.2px}.ev036-modal-hc-feature{font-size:12px;color:var(--text-muted);font-weight:500}.ev036-modal-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.ev036-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#f0f2f5;border-radius:8px;cursor:pointer;font-size:16px;color:var(--text-secondary);transition:all .15s ease}.ev036-modal-close:hover{background:#ef4444;color:#fff}.ev036-webhook.dark-mode .ev036-modal-close{background:#313244;color:#a6adc8}.ev036-webhook.dark-mode .ev036-modal-close:hover{background:#ef4444;color:#fff}.ev036-modal-body{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:0;flex:1;overflow:hidden;min-height:0}@media (max-width: 1100px){.ev036-modal-body{grid-template-columns:1fr 1fr}.ev036-modal-col-map{grid-column:1 / -1}}@media (max-width: 700px){.ev036-modal-body{grid-template-columns:1fr;overflow-y:auto}}.ev036-modal-col{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border-color);padding:16px}.ev036-modal-col:last-child{border-right:none}.ev036-webhook.dark-mode .ev036-modal-col{border-color:#313244}.ev036-media-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;flex-shrink:0}.ev036-modal-col-media{gap:12px}.ev036-modal-media-section{flex:1;display:flex;flex-direction:column;min-height:0}.ev036-modal-image-box{flex:1;background:#f5f5f5;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:120px;border:1px solid var(--border-color)}.ev036-modal-image{width:100%;height:100%;object-fit:contain;display:block}.ev036-modal-video-box{flex:1;background:#1a1a2e;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:120px;border:1px solid var(--border-color)}.ev036-modal-video{width:100%;height:100%;object-fit:contain;display:block}.ev036-modal-no-media{width:100%;height:100%;min-height:100px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;font-weight:500}.ev036-modal-col-payload{overflow:hidden}.ev036-modal-payload-table{flex:1;overflow:auto;background:#fff;border-radius:10px;border:1px solid var(--border-color)}.ev036-webhook.dark-mode .ev036-modal-payload-table{background:#1e1e2e;border-color:#313244}.ev036-modal-payload-table::-webkit-scrollbar{width:5px}.ev036-modal-payload-table::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.ev036-payload-table{width:100%;border-collapse:collapse;font-size:12px}.ev036-payload-table tr{border-bottom:1px solid #f0f0f0}.ev036-payload-table tr:last-child{border-bottom:none}.ev036-webhook.dark-mode .ev036-payload-table tr{border-color:#252638}.ev036-payload-table tr:hover{background:#f8f9fb}.ev036-webhook.dark-mode .ev036-payload-table tr:hover{background:#252538}.ev036-pt-label{padding:8px 12px 8px 14px;font-weight:600;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;width:30%;vertical-align:middle}.ev036-pt-value{padding:8px 14px 8px 12px;font-size:12px;color:var(--text-primary);word-break:break-word}.ev036-pt-badge{font-family:SF Mono,Fira Code,monospace;font-weight:600;color:#4f46e5}.ev036-pt-mono{font-family:SF Mono,Fira Code,monospace;font-size:11px}.ev036-pt-link{color:#3b82f6;text-decoration:none;font-size:12px;padding:2px 8px;border-radius:4px;background:#3b82f614;transition:all .15s ease;display:inline-block}.ev036-pt-link:hover{background:#3b82f626;color:#2563eb}.ev036-webhook.dark-mode .ev036-pt-link{background:#3b82f626}.ev036-webhook.dark-mode .ev036-pt-link:hover{background:#3b82f640}.ev036-modal-col-map{overflow:hidden}.ev036-modal-map-container{flex:1;border-radius:10px;overflow:hidden;border:1px solid var(--border-color);min-height:200px;position:relative}.ev036-modal-map{width:100%;height:100%;min-height:200px}.ev036-modal-no-coords{width:100%;height:100%;min-height:200px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;font-weight:500;background:#f5f5f5;border-radius:10px}.ev036-modal-coords-info{margin-top:8px;font-size:11px;font-family:SF Mono,Fira Code,monospace;color:var(--text-muted);text-align:center;flex-shrink:0}@media (max-width: 640px){.ev036-header{flex-direction:column}.ev036-header-actions{width:100%;justify-content:flex-start}.ev036-title{font-size:18px}.ev036-json-tree{padding:12px 14px;font-size:12px}}.webhook-page{min-height:100vh;background:#f0f2f5;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--wp-accent: #4f46e5;--wp-accent-light: rgba(79, 70, 229, .08);--wp-bg: #fff;--wp-bg-secondary: #f8f9fb;--wp-text: #1a1d26;--wp-text-secondary: #6b7280;--wp-text-muted: #9ca3af;--wp-border: #e8eaed;--wp-shadow: 0 1px 3px rgba(0,0,0,.06);--wp-radius: 12px;--wp-nav-bg: #ffffff;--wp-json-key: #881391;--wp-json-string: #0b7500;--wp-json-number: #1a01cc;--wp-json-boolean: #1a01cc;--wp-json-null: #808080;--wp-json-bracket: #1a01cc;--wp-json-brace: #1a01cc;--wp-json-url: #0366d6;--wp-json-bg: #fafbfc;--wp-json-border: #e1e4e8}.webhook-page.dark-mode{background:#11111b;--wp-bg: #1e1e2e;--wp-bg-secondary: #181825;--wp-text: #cdd6f4;--wp-text-secondary: #a6adc8;--wp-text-muted: #6c7086;--wp-border: #313244;--wp-nav-bg: #181825;--wp-shadow: 0 1px 3px rgba(0,0,0,.2);--wp-json-key: #c792ea;--wp-json-string: #c3e88d;--wp-json-number: #f78c6c;--wp-json-boolean: #ff5370;--wp-json-null: #808080;--wp-json-bracket: #89ddff;--wp-json-brace: #89ddff;--wp-json-url: #82aaff;--wp-json-bg: #1e1e2e;--wp-json-border: #313244;color:var(--wp-text)}.wp-nav{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:var(--wp-nav-bg);border-bottom:1px solid var(--wp-border);flex-shrink:0;box-shadow:var(--wp-shadow)}.wp-nav-left{display:flex;align-items:center;gap:32px}.wp-nav-brand{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.wp-brand-icon{font-size:20px}.wp-brand-text{font-size:16px;font-weight:700;color:var(--wp-text);letter-spacing:-.3px}.wp-nav-links{display:flex;gap:4px}.wp-nav-link{padding:8px 16px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:500;color:var(--wp-text-secondary);cursor:pointer;transition:all .15s ease;font-family:inherit}.wp-nav-link:hover{background:var(--wp-accent-light);color:var(--wp-accent)}.wp-nav-link.active{background:var(--wp-accent-light);color:var(--wp-accent);font-weight:600}.wp-nav-right{display:flex;align-items:center;gap:8px}.wp-nav-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--wp-border);background:transparent;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;color:var(--wp-text-secondary);transition:all .15s ease;font-family:inherit}.wp-nav-btn:hover{background:var(--wp-bg-secondary);border-color:var(--wp-text-muted);color:var(--wp-text)}.wp-nav-btn.active{background:#10b9811a;border-color:#10b981;color:#10b981}.wp-nav-btn-primary{background:var(--wp-accent);color:#fff;border-color:var(--wp-accent)}.wp-nav-btn-primary:hover{background:#4338ca;box-shadow:0 2px 8px #4f46e54d;color:#fff}.wp-nav-btn-primary:disabled{opacity:.6;cursor:not-allowed}.wp-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:wpSpin .6s linear infinite}@keyframes wpSpin{to{transform:rotate(360deg)}}.wp-banner{display:flex;align-items:center;gap:12px;padding:10px 24px;background:var(--wp-bg);border-bottom:1px solid var(--wp-border);flex-shrink:0;overflow-x:auto}.wp-banner-item{display:flex;align-items:center;gap:6px;padding:4px 12px;background:var(--wp-bg-secondary);border-radius:20px;font-size:11px;font-weight:500;color:var(--wp-text-secondary);white-space:nowrap;flex-shrink:0}.wp-banner-icon{font-size:12px}.wp-banner-label{font-size:11px}.wp-banner-dot{width:6px;height:6px;border-radius:50%;transition:background .3s ease}.wp-body{flex:1;display:flex;gap:16px;padding:16px 24px;min-height:0;overflow:hidden}.wp-sidebar{width:220px;flex-shrink:0;background:var(--wp-bg);border-radius:var(--wp-radius);border:1px solid var(--wp-border);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--wp-shadow)}.wp-sidebar-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--wp-border)}.wss-icon{font-size:12px;opacity:.4}.wss-input{flex:1;border:none;background:transparent;outline:none;font-size:12px;color:var(--wp-text);font-family:inherit}.wss-input::placeholder{color:var(--wp-text-muted)}.wp-endpoints{flex:1;overflow-y:auto;padding:6px}.wp-endpoints::-webkit-scrollbar{width:4px}.wp-endpoints::-webkit-scrollbar-thumb{background:var(--wp-text-muted);border-radius:2px}.wp-ep-btn{display:block;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit;margin-bottom:2px}.wp-ep-btn:hover{background:var(--wp-bg-secondary)}.wp-ep-btn.active{background:var(--wp-accent-light);border-left:3px solid var(--wp-accent)}.wp-ep-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.wp-ep-icon{font-size:14px}.wp-ep-label{flex:1;font-size:12px;font-weight:600;color:var(--wp-text)}.wp-ep-method{font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.wp-ep-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px}.wp-ep-path{font-size:10px;color:var(--wp-text-muted);font-family:SF Mono,Fira Code,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wp-ep-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;transition:background .3s ease}.wp-main{flex:1;display:flex;flex-direction:column;min-width:0}.wp-active-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:var(--wp-bg);border:1px solid var(--wp-border);border-bottom:none;border-radius:var(--wp-radius) var(--wp-radius) 0 0;box-shadow:var(--wp-shadow)}.wp-active-left{display:flex;align-items:center;gap:10px}.wp-active-method{font-size:11px;font-weight:700;padding:2px 8px;border-radius:5px;letter-spacing:.3px}.wp-active-icon{font-size:16px}.wp-active-path{font-size:13px;font-family:SF Mono,Fira Code,monospace;color:var(--wp-text)}.wp-active-right{display:flex;align-items:center;gap:10px}.wp-fetching{font-size:11px;color:#f59e0b;font-weight:500;animation:wpPulse 1.5s ease infinite}@keyframes wpPulse{0%,to{opacity:1}50%{opacity:.4}}.wp-status-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:5px}.wp-status-badge.ok{background:#10b9811a;color:#10b981}.wp-status-badge.fail{background:#ef44441a;color:#ef4444}.wp-view-btn{padding:5px 12px;border:1px solid var(--wp-border);background:var(--wp-bg);border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;color:var(--wp-text-secondary);transition:all .15s ease;font-family:inherit}.wp-view-btn:hover{border-color:var(--wp-accent);color:var(--wp-accent)}.wp-view-btn.active{background:var(--wp-accent-light);border-color:var(--wp-accent);color:var(--wp-accent)}.wp-json-area{flex:1;background:var(--wp-json-bg);border:1px solid var(--wp-json-border);border-top:none;border-radius:0 0 var(--wp-radius) var(--wp-radius);overflow:auto;position:relative;box-shadow:var(--wp-shadow)}.wp-json-area::-webkit-scrollbar{width:6px;height:6px}.wp-json-area::-webkit-scrollbar-track{background:transparent}.wp-json-area::-webkit-scrollbar-thumb{background:var(--wp-text-muted);border-radius:3px}.wp-json-viewer{height:100%;display:flex;flex-direction:column}.wp-json-tree{flex:1;padding:18px 22px;overflow:auto;font-size:13px;font-family:SF Mono,Fira Code,Consolas,monospace;line-height:1.7}.json-toggle{display:inline-flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:0;font-family:inherit;font-size:inherit;color:inherit;outline:none;border-radius:3px;transition:background .1s}.json-toggle:hover{background:#0000000a}.webhook-page.dark-mode .json-toggle:hover{background:#ffffff0f}.json-toggle-root{font-size:14px;font-weight:600}.json-arrow{font-size:10px;transition:transform .2s ease;color:var(--wp-text-muted)}.json-arrow.expanded{transform:rotate(90deg)}.json-bracket{color:var(--wp-json-bracket)}.json-brace{color:var(--wp-json-brace)}.json-key{color:var(--wp-json-key);margin-right:4px}.json-string{color:var(--wp-json-string)}.json-string.json-date{color:var(--wp-json-url)}.json-number{color:var(--wp-json-number)}.json-boolean{color:var(--wp-json-boolean)}.json-null{color:var(--wp-json-null);font-style:italic}.json-url{color:var(--wp-json-url);text-decoration:none;border-bottom:1px dotted var(--wp-json-url)}.json-url:hover{text-decoration:underline}.json-array,.json-object{display:inline}.json-children{padding-left:24px;border-left:1px dashed var(--wp-json-border);margin:2px 0}.json-entry{display:flex;align-items:flex-start;gap:4px;padding:1px 0}.json-index{color:var(--wp-text-muted);font-size:11px;min-width:24px;text-align:right;flex-shrink:0}.json-closing{padding-left:24px;margin-top:1px}.wp-json-raw{flex:1;padding:18px 22px;margin:0;font-size:12px;font-family:SF Mono,Fira Code,Consolas,monospace;line-height:1.6;white-space:pre;overflow:auto;color:var(--wp-text);-moz-tab-size:2;tab-size:2}.wp-json-footer{display:flex;align-items:center;gap:10px;padding:8px 16px;border-top:1px solid var(--wp-json-border);background:var(--wp-bg);flex-shrink:0}.webhook-page.dark-mode .wp-json-footer{background:var(--wp-bg-secondary)}.wp-json-size{font-size:11px;color:var(--wp-text-muted);flex:1}.wp-footer-btn{padding:4px 10px;border:1px solid var(--wp-border);background:transparent;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;color:var(--wp-text-secondary);transition:all .15s ease;font-family:inherit}.wp-footer-btn:hover{border-color:var(--wp-accent);color:var(--wp-accent);background:var(--wp-accent-light)}.wp-loading{padding:28px;display:flex;flex-direction:column;gap:14px}.wp-loading-bar{height:16px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;border-radius:4px;animation:wpShimmer 1.5s ease infinite}.webhook-page.dark-mode .wp-loading-bar{background:linear-gradient(90deg,#313244 25%,#45475a,#313244 75%)}@keyframes wpShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wp-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 20px;text-align:center}.wp-error-icon{font-size:40px;opacity:.6}.wp-error-msg{font-size:14px;color:#ef4444;font-weight:500;max-width:400px}.wp-retry-btn{padding:8px 20px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.wp-retry-btn:hover{background:#dc2626}.wp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:80px 20px;text-align:center}.wp-empty-icon{font-size:48px;opacity:.5}.wp-empty-title{font-size:18px;font-weight:600;color:var(--wp-text);margin-top:4px}.wp-empty-desc{font-size:13px;color:var(--wp-text-muted);max-width:320px;line-height:1.5}.wp-footer-bar{display:flex;align-items:center;gap:6px;padding:10px 24px;background:var(--wp-bg);border-top:1px solid var(--wp-border);flex-shrink:0;overflow-x:auto}.wp-footer-bar::-webkit-scrollbar{height:3px}.wp-footer-bar::-webkit-scrollbar-thumb{background:var(--wp-text-muted);border-radius:2px}.wp-footer-chip{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;background:transparent;cursor:pointer;transition:all .15s ease;flex-shrink:0}.wp-footer-chip:hover{background:var(--wp-bg-secondary)}.wp-footer-chip.active{background:var(--wp-accent-light)}.wp-footer-dot{width:6px;height:6px;border-radius:50%}.wp-footer-label{font-size:10px;font-weight:600;color:var(--wp-text-secondary);letter-spacing:.2px}.wp-footer-chip.active .wp-footer-label{color:var(--wp-accent)}.wp-footer-tenant{margin-left:auto;font-size:10px;color:var(--wp-text-muted);font-weight:500}@media (max-width: 992px){.wp-body{flex-direction:column;overflow:auto}.wp-sidebar{width:100%;max-height:180px}.wp-endpoints{display:flex;flex-wrap:wrap;gap:4px}.wp-ep-btn{width:auto;flex:1;min-width:100px}.wp-main{min-height:450px}}@media (max-width: 640px){.wp-nav{flex-wrap:wrap;height:auto;padding:10px 16px;gap:10px}.wp-nav-left{gap:16px}.wp-nav-links{gap:2px}.wp-nav-link{padding:6px 10px;font-size:12px}.wp-banner{padding:8px 16px;gap:8px}.wp-body{padding:12px 16px;gap:12px}.wp-json-tree{padding:14px;font-size:12px}.wp-footer-bar{padding:8px 16px}}.dmspage{min-height:100vh;background:#f0f2f5;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--dms-accent: #8b5cf6;--dms-accent-light: rgba(139, 92, 246, .08);--dms-bg: #fff;--dms-bg-secondary: #f8f9fb;--dms-text: #1a1d26;--dms-text-secondary: #6b7280;--dms-text-muted: #9ca3af;--dms-border: #e8eaed;--dms-shadow: 0 1px 3px rgba(0,0,0,.06);--dms-radius: 12px;--dms-nav-bg: #ffffff;--dms-card-shadow: 0 2px 8px rgba(0,0,0,.06)}.dmspage.dark-mode{background:#11111b;--dms-bg: #1e1e2e;--dms-bg-secondary: #181825;--dms-text: #cdd6f4;--dms-text-secondary: #a6adc8;--dms-text-muted: #6c7086;--dms-border: #313244;--dms-nav-bg: #181825;--dms-shadow: 0 1px 3px rgba(0,0,0,.2);--dms-card-shadow: 0 2px 8px rgba(0,0,0,.2);color:var(--dms-text)}.dmspage-nav{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:var(--dms-nav-bg);border-bottom:1px solid var(--dms-border);flex-shrink:0;box-shadow:var(--dms-shadow)}.dmspage-nav-left{display:flex;align-items:center;gap:32px}.dmspage-brand{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.dmspage-brand-icon{font-size:20px}.dmspage-brand-text{font-size:16px;font-weight:700;color:var(--dms-text);letter-spacing:-.3px}.dmspage-nav-links{display:flex;gap:4px}.dmspage-nav-link{padding:8px 16px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:500;color:var(--dms-text-secondary);cursor:pointer;transition:all .15s ease;font-family:inherit}.dmspage-nav-link:hover{background:var(--dms-accent-light);color:var(--dms-accent)}.dmspage-nav-link.active{background:var(--dms-accent-light);color:var(--dms-accent);font-weight:600}.dmspage-nav-right{display:flex;align-items:center;gap:8px}.dmspage-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--dms-border);background:transparent;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;color:var(--dms-text-secondary);transition:all .15s ease;font-family:inherit}.dmspage-btn:hover{background:var(--dms-bg-secondary);border-color:var(--dms-text-muted);color:var(--dms-text)}.dmspage-btn.active,.dmspage-btn.active-refresh{background:#10b9811a;border-color:#10b981;color:#10b981}.dmspage-btn-primary{background:var(--dms-accent);color:#fff;border-color:var(--dms-accent)}.dmspage-btn-primary:hover{background:#7c3aed;box-shadow:0 2px 8px #8b5cf64d;color:#fff}.dmspage-btn-primary:disabled{opacity:.6;cursor:not-allowed}.dmspage-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:dmsSpin .6s linear infinite}@keyframes dmsSpin{to{transform:rotate(360deg)}}.dmspage-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:16px 24px 0;flex-shrink:0}.dmspage-stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--dms-bg);border:1px solid var(--dms-border);border-radius:var(--dms-radius);box-shadow:var(--dms-card-shadow);transition:all .2s ease;position:relative;overflow:hidden}.dmspage-stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--stat-color, var(--dms-accent));opacity:.6}.dmspage-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-vehicle{--stat-color: #8b5cf6}.stat-new{--stat-color: #3b82f6}.stat-processed{--stat-color: #10b981}.stat-alert{--stat-color: #ef4444}.stat-ignored{--stat-color: #9ca3af}.stat-total{--stat-color: #6b7280}.stat-icon{font-size:22px;flex-shrink:0}.stat-body{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:11px;font-weight:500;color:var(--dms-text-muted);text-transform:uppercase;letter-spacing:.4px}.stat-value{font-size:20px;font-weight:700;color:var(--dms-text);line-height:1.1}.stat-badge{position:absolute;top:8px;right:8px;padding:2px 8px;background:var(--dms-accent-light);color:var(--dms-accent);border-radius:10px;font-size:9px;font-weight:600}.stat-trend{margin-left:auto;font-size:16px;font-weight:700;opacity:.5}.dmspage-alert{display:flex;align-items:center;gap:10px;padding:10px 16px;margin:12px 24px 0;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;font-size:13px;flex-shrink:0;animation:dmsSlideDown .3s ease}@keyframes dmsSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dmspage-alert-icon{font-size:16px;flex-shrink:0}.dmspage-alert-text{flex:1}.dmspage-alert-dismiss{background:none;border:none;color:#ef4444;cursor:pointer;font-size:14px;padding:2px 6px;border-radius:4px;font-family:inherit}.dmspage-alert-dismiss:hover{background:#ef444426}.dmspage-toolbar{display:flex;align-items:center;gap:12px;padding:12px 24px;flex-shrink:0}.dmspage-tabs{display:flex;gap:4px}.dmspage-tab{display:flex;align-items:center;gap:6px;padding:7px 14px;background:var(--dms-bg);border:1px solid var(--dms-border);border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;color:var(--dms-text-secondary);transition:all .15s ease;font-family:inherit}.dmspage-tab:hover{background:var(--dms-bg-secondary);border-color:var(--dms-text-muted)}.dmspage-tab.active{background:color-mix(in srgb,var(--tab-color, #6b7280) 10%,transparent);border-color:var(--tab-color, #6b7280);color:var(--tab-color, #6b7280)}.dmspage-tab-icon{font-size:13px}.dmspage-tab-count{padding:1px 7px;border-radius:10px;font-size:10px;font-weight:700;color:#fff;line-height:16px}.dmspage-search{display:flex;align-items:center;gap:8px;padding:7px 14px;background:var(--dms-bg);border:1px solid var(--dms-border);border-radius:8px;flex:1;max-width:300px;margin-left:auto;transition:all .2s ease}.dmspage-search:focus-within{border-color:var(--dms-accent);box-shadow:0 0 0 3px var(--dms-accent-light)}.dmspage-search-icon{font-size:12px;opacity:.4}.dmspage-search-input{flex:1;border:none;background:transparent;outline:none;font-size:12px;color:var(--dms-text);font-family:inherit}.dmspage-search-input::placeholder{color:var(--dms-text-muted)}.dmspage-search-clear{background:none;border:none;cursor:pointer;font-size:12px;color:var(--dms-text-muted);padding:0 2px;font-family:inherit}.dmspage-search-clear:hover{color:var(--dms-text)}.dmspage-body{flex:1;display:flex;gap:16px;padding:0 24px;overflow:hidden;min-height:0}.dmspage-table-container{flex:1;display:flex;flex-direction:column;background:var(--dms-bg);border:1px solid var(--dms-border);border-radius:var(--dms-radius);box-shadow:var(--dms-shadow);overflow:hidden;min-width:0}.dmspage-table-header{display:flex;align-items:center;padding:12px 16px;background:var(--dms-bg-secondary);border-bottom:1px solid var(--dms-border);font-size:11px;font-weight:600;color:var(--dms-text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.dth-time{width:170px;flex-shrink:0}.dth-event{flex:1;min-width:0}.dth-driver{width:120px;flex-shrink:0}.dth-status{width:110px;flex-shrink:0}.dth-action{width:70px;flex-shrink:0;text-align:center}.dmspage-table-rows{flex:1;overflow-y:auto}.dmspage-table-rows::-webkit-scrollbar{width:5px}.dmspage-table-rows::-webkit-scrollbar-thumb{background:var(--dms-text-muted);border-radius:3px}.dmspage-row{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid var(--dms-border);cursor:pointer;transition:all .12s ease;font-size:13px}.dmspage-row:hover{background:var(--dms-accent-light)}.dmspage-row.selected{background:var(--dms-accent-light);border-left:3px solid var(--dms-accent)}.dmspage-row.row-alert{background:#ef444408}.dmspage-row.row-alert:hover{background:#ef444412}.dtr-time{width:170px;flex-shrink:0;display:flex;flex-direction:column;gap:2px}.dtr-time-rel{font-size:12px;font-weight:600;color:var(--dms-text)}.dtr-time-abs{font-size:10px;color:var(--dms-text-muted);font-family:SF Mono,Fira Code,monospace}.dtr-event{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.dtr-event-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:14px;flex-shrink:0}.dtr-event-label{font-weight:600;color:var(--dms-text);white-space:nowrap}.dtr-event-feat{font-size:11px;color:var(--dms-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtr-driver{width:120px;flex-shrink:0;color:var(--dms-text-secondary);font-size:12px}.dtr-status{width:110px;flex-shrink:0}.dtr-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}.dtr-action{width:70px;flex-shrink:0;text-align:center}.dtr-view-btn{padding:4px 12px;border:1px solid var(--dms-border);background:transparent;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;color:var(--dms-text-secondary);transition:all .15s ease;font-family:inherit}.dtr-view-btn:hover{border-color:var(--dms-accent);color:var(--dms-accent);background:var(--dms-accent-light)}.dmspage-table-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--dms-bg-secondary);border-top:1px solid var(--dms-border);font-size:11px;color:var(--dms-text-muted);flex-shrink:0}.dmspage-loading{padding:8px 16px}.dmspage-loading-row{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid var(--dms-border)}.dmspage-skeleton{height:14px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;border-radius:4px;animation:dmsShimmer 1.5s ease infinite}.dmspage.dark-mode .dmspage-skeleton{background:linear-gradient(90deg,#313244 25%,#45475a,#313244 75%)}@keyframes dmsShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dmspage-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 20px;text-align:center}.dmspage-empty-icon{font-size:40px;opacity:.5}.dmspage-empty-text{font-size:14px;color:var(--dms-text-muted)}.dmspage-empty-btn{padding:8px 20px;background:var(--dms-accent);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.dmspage-empty-btn:hover{background:#7c3aed}.dmspage-detail{width:380px;flex-shrink:0;background:var(--dms-bg);border:1px solid var(--dms-border);border-radius:var(--dms-radius);box-shadow:var(--dms-card-shadow);display:flex;flex-direction:column;overflow:hidden;animation:dmsSlideIn .2s ease}@keyframes dmsSlideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.dmspage-detail-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--dms-border);background:var(--dms-bg-secondary)}.dmspage-detail-title{font-size:14px;font-weight:700;color:var(--dms-text)}.dmspage-detail-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:14px;color:var(--dms-text-muted);transition:all .15s ease;font-family:inherit}.dmspage-detail-close:hover{background:#ef44441a;color:#ef4444}.dmspage-detail-body{flex:1;overflow-y:auto;padding:12px 16px}.dmspage-detail-body::-webkit-scrollbar{width:4px}.dmspage-detail-body::-webkit-scrollbar-thumb{background:var(--dms-text-muted);border-radius:2px}.dmspage-detail-field{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-bottom:1px solid var(--dms-border)}.dmspage-detail-field:last-child{border-bottom:none}.dmspage-detail-key{font-size:10px;font-weight:600;color:var(--dms-text-muted);text-transform:uppercase;letter-spacing:.4px}.dmspage-detail-value{font-size:12px;color:var(--dms-text);word-break:break-all;line-height:1.5}.dmspage-detail-url{color:var(--dms-accent);text-decoration:none;font-size:11px;word-break:break-all}.dmspage-detail-url:hover{text-decoration:underline}.dmspage-detail-bool{font-weight:600;font-size:12px}.dmspage-detail-bool.true{color:#10b981}.dmspage-detail-bool.false{color:#ef4444}.dmspage-detail-json{font-size:11px;font-family:SF Mono,Fira Code,monospace;background:var(--dms-bg-secondary);padding:8px;border-radius:6px;margin:4px 0;white-space:pre-wrap;overflow-x:auto;max-height:200px;overflow-y:auto}.dmspage-detail-actions{padding:12px 16px;border-top:1px solid var(--dms-border);background:var(--dms-bg-secondary)}.dmspage-detail-btn{width:100%;padding:8px 16px;background:var(--dms-bg);border:1px solid var(--dms-border);border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;color:var(--dms-text-secondary);transition:all .15s ease;font-family:inherit}.dmspage-detail-btn:hover{border-color:var(--dms-accent);color:var(--dms-accent);background:var(--dms-accent-light)}.dmspage-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:var(--dms-bg);border-top:1px solid var(--dms-border);font-size:11px;color:var(--dms-text-muted);flex-shrink:0}.dmspage-footer-left strong{color:var(--dms-text)}@media (max-width: 1200px){.dmspage-stats{grid-template-columns:repeat(3,1fr)}.dmspage-detail{width:320px}}@media (max-width: 768px){.dmspage-stats{grid-template-columns:repeat(2,1fr);padding:12px 16px 0}.dmspage-toolbar{flex-direction:column;padding:8px 16px}.dmspage-tabs{flex-wrap:wrap;width:100%}.dmspage-search{max-width:100%;width:100%}.dmspage-body{flex-direction:column;padding:0 16px;overflow:auto}.dmspage-detail{width:100%;max-height:400px}.dth-driver,.dtr-driver{display:none}.dth-time,.dtr-time{width:120px}}@media (max-width: 480px){.dmspage-nav{padding:0 12px;gap:8px}.dmspage-nav-left{gap:12px}.dmspage-nav-links{gap:2px}.dmspage-nav-link{padding:6px 10px;font-size:12px}.dmspage-stats{grid-template-columns:repeat(2,1fr);gap:8px}.dmspage-stat-card{padding:12px}.dmspage-stat-value{font-size:18px}.dth-event,.dtr-event-label{font-size:12px}.dtr-event-feat{display:none}}.dw-page{min-height:100%;background:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#1a1d26}.dw-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:#fff;border-bottom:1px solid #e8eaed;flex-shrink:0}.dw-h-left{display:flex;align-items:center;gap:12px}.dw-h-icon{font-size:20px}.dw-h-title{font-size:16px;font-weight:700;margin:0;letter-spacing:-.3px}.dw-h-badge{font-size:10px;font-weight:600;padding:2px 8px;background:#f0f2f5;color:#6b7280;border-radius:4px;font-family:SF Mono,Fira Code,monospace}.dw-h-right{display:flex;align-items:center;gap:8px}.dw-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid #e0e0e0;background:#fff;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;color:#555;transition:all .15s ease;font-family:inherit}.dw-btn:hover{background:#f5f5f5;border-color:#bbb}.dw-btn-on{background:#10b98114;border-color:#10b981;color:#10b981}.dw-btn-primary{background:#4f46e5;color:#fff;border-color:#4f46e5}.dw-btn-primary:hover{background:#4338ca;box-shadow:0 2px 8px #4f46e540}.dw-btn-primary:disabled{opacity:.5;cursor:not-allowed}.dw-spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:dw-spin .6s linear infinite}@keyframes dw-spin{to{transform:rotate(360deg)}}.dw-body{flex:1;display:flex;gap:16px;padding:16px 24px;min-height:0;overflow:hidden;background:#fff}.dw-side{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:4px}.dw-side-title{font-size:10px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:1px;padding:4px 0}.dw-ep{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid #e8eaed;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit;font-size:12px;width:100%;color:#555;box-shadow:0 1px 2px #0000000a}.dw-ep:hover{border-color:#c0c4cc;background:#fafafa}.dw-ep-on{border-color:#4f46e5;background:#f5f3ff;color:#4f46e5;font-weight:600}.dw-ep-icon{font-size:14px;flex-shrink:0}.dw-ep-lbl{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dw-ep-mtd{font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;letter-spacing:.3px;flex-shrink:0}.method-get{background:#10b9811a;color:#10b981}.method-post{background:#3b82f61a;color:#3b82f6}.dw-ep-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;transition:background .3s}.dw-pulse{animation:dw-flash .8s ease infinite}@keyframes dw-flash{0%,to{opacity:1}50%{opacity:.3}}.dw-main{flex:1;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e8eaed;border-radius:10px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.dw-mh{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #e8eaed;background:#fafbfc}.dw-mh-left{display:flex;align-items:center;gap:10px}.dw-mh-mtd{font-size:11px;font-weight:700;padding:2px 8px;border-radius:5px;letter-spacing:.3px}.dw-mh-path{font-size:13px;font-family:SF Mono,Fira Code,monospace;color:#1a1d26}.dw-mh-right{display:flex;align-items:center;gap:10px}.dw-fetch{font-size:11px;color:#f59e0b;font-weight:500;animation:dw-pulse 1.5s ease infinite}@keyframes dw-pulse{0%,to{opacity:1}50%{opacity:.4}}.dw-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:5px}.dw-status.ok{background:#10b9811a;color:#10b981}.dw-status.fail{background:#ef44441a;color:#ef4444}.dw-json{flex:1;overflow:auto;position:relative}.dw-json::-webkit-scrollbar{width:6px;height:6px}.dw-json::-webkit-scrollbar-track{background:transparent}.dw-json::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.dw-tree{padding:18px 22px;font-size:13px;font-family:SF Mono,Fira Code,Consolas,monospace;line-height:1.7}.jv-tog{display:inline-flex;align-items:center;gap:3px;background:none;border:none;cursor:pointer;padding:0;font-family:inherit;font-size:inherit;color:inherit;outline:none;border-radius:3px}.jv-tog:hover{background:#0000000a}.jv-root{font-size:14px;font-weight:600}.jv-arr{font-size:10px;transition:transform .2s ease;color:#9ca3af}.jv-arr.on{transform:rotate(90deg)}.jv-br{color:#1a01cc}.jv-key{color:#881391;margin-right:4px}.jv-str{color:#0b7500}.jv-num,.jv-bool{color:#1a01cc}.jv-null{color:gray;font-style:italic}.jv-url{color:#0366d6;text-decoration:none;border-bottom:1px dotted #0366d6}.jv-url:hover{text-decoration:underline}.jv-coll{display:inline}.jv-ch{padding-left:24px;border-left:1px dashed #d1d5db;margin:2px 0}.jv-ent{display:flex;align-items:flex-start;gap:4px;padding:1px 0}.jv-idx{color:#9ca3af;font-size:11px;min-width:24px;text-align:right;flex-shrink:0}.jv-cl{padding-left:24px;margin-top:1px}.dw-mf{display:flex;align-items:center;gap:10px;padding:8px 16px;border-top:1px solid #e8eaed;background:#fff;flex-shrink:0}.dw-mf-info{font-size:11px;color:#9ca3af;flex:1}.dw-mf-btn{padding:4px 10px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;color:#555;transition:all .15s ease;font-family:inherit}.dw-mf-btn:hover{border-color:#4f46e5;color:#4f46e5;background:#f5f3ff}.dw-skel{padding:28px;display:flex;flex-direction:column;gap:14px}.dw-skel-bar{height:16px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;border-radius:4px;animation:dw-shim 1.5s ease infinite}@keyframes dw-shim{0%{background-position:200% 0}to{background-position:-200% 0}}.dw-err{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 20px;text-align:center}.dw-err-icon{font-size:40px;opacity:.6}.dw-err-msg{font-size:14px;color:#ef4444;font-weight:500;max-width:400px}.dw-err-btn{padding:8px 20px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.dw-err-btn:hover{background:#dc2626}.dw-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:80px 20px;text-align:center}.dw-empty-icon{font-size:48px;opacity:.4}.dw-empty-txt{font-size:14px;color:#9ca3af}.dw-foot{display:flex;align-items:center;justify-content:space-between;padding:8px 24px;background:#fff;border-top:1px solid #e8eaed;flex-shrink:0}.dw-foot-chips{display:flex;align-items:center;gap:6px;overflow-x:auto}.dw-chip{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;background:transparent;cursor:pointer;font-size:10px;font-weight:600;color:#6b7280;letter-spacing:.2px;transition:all .15s;flex-shrink:0}.dw-chip:hover{background:#f0f2f5}.dw-chip-on{background:#f0f2f5;color:#4f46e5}.dw-chip-dot{width:6px;height:6px;border-radius:50%}.dw-foot-tenant{font-size:10px;color:#9ca3af;font-weight:500}@media (max-width: 992px){.dw-body{flex-direction:column;overflow:auto}.dw-side{width:100%;flex-direction:row;flex-wrap:wrap;gap:4px}.dw-side-title{display:none}.dw-ep{width:auto;flex:1;min-width:100px}.dw-main{min-height:450px}}@media (max-width: 640px){.dw-header{flex-wrap:wrap;height:auto;padding:10px 16px;gap:10px}.dw-h-left{flex-wrap:wrap}.dw-body{padding:12px 16px;gap:12px}.dw-tree{padding:14px;font-size:12px}.dw-foot{flex-direction:column;gap:6px;align-items:flex-start}}.cctv-page{min-height:100%;background:#0f172a;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#e2e8f0}.cctv-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:44px;background:#1e293b;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0;z-index:10}.cctv-h-left{display:flex;align-items:center;gap:8px}.cctv-h-icon{font-size:15px}.cctv-h-title{font-size:13px;font-weight:700;margin:0;color:#f1f5f9}.cctv-h-badge{font-size:9px;font-weight:600;padding:2px 7px;border-radius:9px;background:#ffffff0f;color:#fff6}.cctv-h-badge.live{background:#22c55e1f;color:#22c55e;animation:pulse 2s ease infinite}.cctv-h-badge.error{background:#ef44441a;color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.cctv-h-count{font-size:10px;font-weight:600;color:#22c55e}.cctv-h-right{display:flex;align-items:center;gap:5px}.cctv-source-badge{font-size:9px;font-weight:600;padding:2px 7px;background:#ffffff0d;color:#ffffff59;border-radius:4px}.cctv-divider{width:1px;height:16px;background:#ffffff14}.cctv-btn{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;border-radius:4px;font-size:10px;font-weight:500;cursor:pointer;color:#ffffff80;transition:all .15s ease;font-family:inherit;white-space:nowrap}.cctv-btn:hover{background:#ffffff14;border-color:#ffffff26;color:#e2e8f0}.cctv-btn:disabled{opacity:.3;cursor:not-allowed}.cctv-btn-on{background:#4f46e5!important;color:#fff!important;border-color:#4f46e5!important}.cctv-btn-primary{background:#22c55e!important;color:#fff!important;border-color:#22c55e!important}.cctv-btn-primary:hover{background:#16a34a!important}.cctv-status-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 16px;background:#1a2332;border-bottom:1px solid rgba(255,255,255,.03);font-size:10px;color:#ffffff59;flex-shrink:0}.cctv-status-token{font-family:SF Mono,Fira Code,monospace;font-size:9px;color:#fff3}.cctv-grid{flex:1;display:grid;gap:3px;padding:3px;overflow:auto;background:#0a0f1a}.cctv-cell{position:relative;background:#000;border-radius:6px;overflow:hidden;aspect-ratio:16/9;min-height:100px;border:1px solid rgba(255,255,255,.04);transition:border-color .3s ease}.cctv-cell.connected{border-color:#22c55e66}.cctv-canvas{width:100%;height:100%;display:block;background:#000;opacity:0;transition:opacity .4s ease}.cctv-canvas.show{opacity:1}.cctv-overlay{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:4px 6px;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent);pointer-events:none;z-index:3}.cctv-chn{font-size:9px;color:#22c55e;font-weight:600}.cctv-status{font-size:9px}.cctv-status.idle{color:#64748b}.cctv-status.connecting{color:#facc15;font-weight:600}.cctv-status.live{color:#22c55e;font-weight:600}.cctv-status.error{color:#ef4444;font-weight:600}.cctv-nosignal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:#1e293b;z-index:2;background:#080c16;border-radius:5px}.cctv-ns-icon{font-size:24px;line-height:1}.cctv-ns-text{font-size:10px;color:#475569}.cctv-nosignal.connecting{background:#000}.cctv-nosignal.connecting .cctv-ns-text{color:#ef4444;font-weight:700;font-size:11px}.cctv-nosignal.offline{background:#000}.cctv-nosignal.offline .cctv-ns-text{color:#64748b;font-weight:600;font-size:11px}.cctv-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 20px;color:#ffffff59;font-size:13px}.cctv-spinner{width:30px;height:30px;border:2px solid rgba(79,70,229,.15);border-top-color:#4f46e5;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cctv-foot{display:flex;align-items:center;justify-content:space-between;padding:4px 16px;background:#1e293b;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0;font-size:9px;color:#ffffff40}.cctv-foot-right{font-weight:500;font-family:SF Mono,Fira Code,monospace}@media (max-width: 1200px){.cctv-grid{grid-template-columns:repeat(4,1fr)!important}}@media (max-width: 992px){.cctv-grid{grid-template-columns:repeat(3,1fr)!important}.cctv-h-right{flex-wrap:wrap}}@media (max-width: 640px){.cctv-grid{grid-template-columns:repeat(2,1fr)!important}.cctv-header{flex-wrap:wrap;height:auto;padding:6px 10px;gap:4px}.cctv-h-right{width:100%}.cctv-source-badge{display:none}}.mqtt-lock-banner{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;color:#991b1b;font-size:13px;animation:mqttFadeIn .4s ease}.mqtt-lock-icon{font-size:18px;flex-shrink:0}.mqtt-lock-text{flex:1;line-height:1.5}.mqtt-locked-badge{font-size:11px;font-weight:600;color:#991b1b;background:#fef2f2;padding:2px 8px;border-radius:4px;margin-left:8px;vertical-align:middle}.mqtt-value{padding:10px 14px;background:#f8f9fb;border:1px solid #e9edf2;border-radius:8px;font-size:13px;color:#374151;line-height:1.5;min-height:20px}.mqtt-value-mono{font-family:SF Mono,Fira Code,Courier New,monospace;font-size:12px;letter-spacing:.02em}.mqtt-toggle-indicator{font-size:14px;font-weight:600;padding:6px 14px;border-radius:8px;display:inline-block}.mqtt-toggle-indicator.on{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.mqtt-toggle-indicator.off{background:#f8f9fb;color:#9ca3af;border:1px solid #e9edf2}.mqtt-status-badge{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-muted);padding:6px 14px;background:#fff;border-radius:8px;border:1px solid var(--border-color)}.mqtt-badge-dot{width:8px;height:8px;border-radius:50%}.mqtt-badge-dot.green{background:#10b981}.mqtt-badge-dot.gray{background:#9ca3af}.mqtt-page{max-width:720px;margin:0 auto;padding:24px;animation:mqttFadeIn .4s ease}@keyframes mqttFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mqtt-header{margin-bottom:24px}.mqtt-title-group{display:flex;align-items:center;gap:12px;margin-bottom:6px}.mqtt-badge{display:inline-flex;padding:4px 10px;background:linear-gradient(135deg,#e8590c,#f76707);color:#fff;border-radius:6px;font-size:12px;font-weight:700;font-family:SF Mono,Fira Code,monospace;letter-spacing:.5px;box-shadow:0 2px 8px #e7590c4d}.mqtt-title{font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.4px;margin:0}.mqtt-subtitle{font-size:13px;color:var(--text-secondary);margin:4px 0 0}.mqtt-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:13px;animation:mqttFadeIn .3s ease}.mqtt-alert-success{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#059669}.mqtt-alert-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#dc2626}.mqtt-alert-icon{font-size:16px;flex-shrink:0}.mqtt-alert-text{flex:1}.mqtt-alert-close{background:none;border:none;cursor:pointer;font-size:14px;padding:2px 6px;border-radius:4px;color:inherit;opacity:.5;transition:opacity .15s}.mqtt-alert-close:hover{opacity:1}.mqtt-status-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:12px;margin-bottom:20px;flex-wrap:wrap}.mqtt-status-card.enabled{background:#10b9810f;border:1px solid rgba(16,185,129,.2)}.mqtt-status-card.disabled{background:#f9fafb;border:1px solid #e5e7eb}.mqtt-status-left{display:flex;align-items:center;gap:12px}.mqtt-status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.mqtt-status-dot.online{background:#10b981;box-shadow:0 0 8px #10b98180}.mqtt-status-dot.offline{background:#9ca3af}.mqtt-status-info{display:flex;flex-direction:column;gap:2px}.mqtt-status-title{font-size:14px;font-weight:600;color:var(--text-primary)}.mqtt-status-desc{font-size:12px;color:var(--text-muted)}.mqtt-test-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid var(--border-color);background:#fff;color:var(--text-primary);transition:all .15s ease;white-space:nowrap}.mqtt-test-btn:hover{background:var(--bg-primary);border-color:#d1d5db}.mqtt-test-btn:disabled{opacity:.6;cursor:wait}.mqtt-loading{padding:40px;display:flex;flex-direction:column;gap:12px}.mqtt-loading-pulse{height:20px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;border-radius:6px;animation:mqttShimmer 1.5s ease infinite}@keyframes mqttShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mqtt-form{display:flex;flex-direction:column;gap:20px}.mqtt-section{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:20px}.mqtt-section-title{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.mqtt-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mqtt-field{display:flex;flex-direction:column;gap:6px}.mqtt-field-sm{max-width:200px}.mqtt-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.mqtt-required{color:#ef4444}.mqtt-input{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;font-family:inherit;color:var(--text-primary);background:#fff;transition:all .15s ease;outline:none}.mqtt-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e51a}.mqtt-input::placeholder{color:#9ca3af}.mqtt-input-mono{font-family:SF Mono,Fira Code,monospace;font-size:12px}.mqtt-password-wrap{display:flex;align-items:center;gap:0}.mqtt-password-wrap .mqtt-input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.mqtt-password-toggle{padding:10px 12px;border:1px solid #d1d5db;border-left:none;border-radius:0 8px 8px 0;background:#fff;cursor:pointer;font-size:14px;transition:background .15s}.mqtt-password-toggle:hover{background:#f9fafb}.mqtt-field-hint{font-size:11px;color:var(--text-muted);margin-top:2px}.mqtt-enable-row{margin-bottom:16px}.mqtt-toggle-label{display:flex;align-items:center;gap:14px;cursor:pointer}.mqtt-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.mqtt-toggle input{display:none}.mqtt-toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#d1d5db;border-radius:12px;transition:all .3s ease;cursor:pointer}.mqtt-toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 1px 3px #00000026}.mqtt-toggle input:checked+.mqtt-toggle-slider{background:#10b981}.mqtt-toggle input:checked+.mqtt-toggle-slider:before{transform:translate(20px)}.mqtt-toggle-text{display:flex;flex-direction:column;gap:2px}.mqtt-toggle-title{font-size:14px;font-weight:600;color:var(--text-primary)}.mqtt-toggle-desc{font-size:12px;color:var(--text-muted)}.mqtt-actions{display:flex;align-items:center;gap:10px;padding-top:16px;border-top:1px solid #f0f0f0}.mqtt-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;border:1px solid var(--border-color);background:#fff;color:var(--text-primary);white-space:nowrap}.mqtt-btn:hover{background:var(--bg-primary);border-color:#d1d5db}.mqtt-btn-primary{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;border-color:transparent}.mqtt-btn-primary:hover{box-shadow:0 2px 8px #4f46e54d;background:linear-gradient(135deg,#4338ca,#2563eb)}.mqtt-btn-primary:disabled{opacity:.6;cursor:not-allowed}.mqtt-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:mqttSpin .6s linear infinite}@keyframes mqttSpin{to{transform:rotate(360deg)}}.mqtt-info-card{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#4f46e50a;border:1px solid rgba(79,70,229,.12);border-radius:12px;margin-top:20px}.mqtt-info-icon{font-size:18px;flex-shrink:0;margin-top:1px}.mqtt-info-text{font-size:13px;color:var(--text-secondary);line-height:1.6}.mqtt-info-text strong{color:var(--text-primary)}@media (max-width: 640px){.mqtt-page{padding:16px}.mqtt-form-grid{grid-template-columns:1fr}.mqtt-field-sm{max-width:100%}.mqtt-status-card{flex-direction:column;align-items:flex-start}}.intercom-page{height:100%;display:flex;flex-direction:column;gap:16px;color:var(--text-primary);animation:intercomFadeIn .4s ease}@keyframes intercomFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.intercom-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.intercom-header-left{flex:1}.intercom-title{font-size:22px;font-weight:700;margin:0;color:var(--text-primary);letter-spacing:-.3px}.intercom-subtitle{font-size:13px;color:var(--text-secondary);margin:4px 0 0}.intercom-status-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.intercom-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary)}.intercom-badge.connected{border-color:#10b981;color:#10b981;background:#10b98114}.intercom-badge.connecting{border-color:#f59e0b;color:#f59e0b;background:#f59e0b14;animation:badgePulse 1.5s ease infinite}.intercom-badge.disconnected{border-color:#6b7280;color:#9ca3af;background:#6b728014}.intercom-badge.mic-on,.intercom-badge.mic-speaking{border-color:#10b981;color:#10b981;background:#10b98114}.intercom-badge.mic-speaking{animation:badgePulse .8s ease infinite}.intercom-badge.info{border-color:#3b82f6;color:#3b82f6;background:#3b82f614}.badge-dot{width:7px;height:7px;border-radius:50%;background:currentColor}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.5}}.intercom-body{display:grid;grid-template-columns:320px 1fr 300px;gap:16px;flex:1;min-height:0;overflow:hidden}@media (max-width: 1200px){.intercom-body{grid-template-columns:300px 1fr;grid-template-rows:auto 1fr}.intercom-right{grid-column:1 / -1;max-height:250px}}@media (max-width: 768px){.intercom-body{grid-template-columns:1fr;overflow-y:auto}}.intercom-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.intercom-page.dark-mode .intercom-card,.ev036-webhook.dark-mode .intercom-card{background:#1e1e2e;border-color:#313244}.intercom-card-title{font-size:13px;font-weight:700;margin:0;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.intercom-card-video,.intercom-card-logs{flex:1;min-height:0}.intercom-left{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.intercom-left::-webkit-scrollbar{width:4px}.intercom-left::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.intercom-form{display:flex;flex-direction:column;gap:10px}.intercom-field{display:flex;flex-direction:column;gap:4px}.intercom-field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.intercom-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.intercom-input{padding:8px 10px;border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-family:SF Mono,Fira Code,monospace;color:var(--text-primary);background:var(--bg-primary);outline:none;transition:border-color .15s}.intercom-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.intercom-input:disabled{opacity:.5;cursor:not-allowed}.intercom-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;border:1px solid var(--border-color);background:#fff;color:var(--text-primary);white-space:nowrap}.intercom-btn:hover{background:var(--bg-primary)}.intercom-btn:disabled{opacity:.5;cursor:not-allowed}.intercom-btn-full{width:100%}.intercom-btn-sm{padding:6px 10px;font-size:11px}.intercom-btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.intercom-btn-primary:hover{background:#2563eb;box-shadow:0 2px 8px #3b82f64d}.intercom-btn-success{background:#10b981;color:#fff;border-color:#10b981}.intercom-btn-success:hover{background:#059669;box-shadow:0 2px 8px #10b9814d}.intercom-btn-danger{background:#ef4444;color:#fff;border-color:#ef4444}.intercom-btn-danger:hover{background:#dc2626;box-shadow:0 2px 8px #ef44444d}.intercom-ptt-btn{width:100%;padding:16px;border-radius:12px;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;border:2px solid #10b981;background:#10b98114;color:#10b981;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:8px;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden}.intercom-ptt-btn:hover{background:#10b98126}.intercom-ptt-btn:active,.intercom-ptt-btn.active{background:#ef4444;border-color:#ef4444;color:#fff;transform:scale(.98)}.intercom-ptt-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.ptt-pulse{display:inline-block;width:10px;height:10px;border-radius:50%;background:#fff;animation:pttPulse .8s ease infinite}@keyframes pttPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.intercom-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:intercomSpin .6s linear infinite}@keyframes intercomSpin{to{transform:rotate(360deg)}}.intercom-audio-controls{display:flex;flex-direction:column;gap:10px}.intercom-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.intercom-stat{display:flex;flex-direction:column;gap:2px;padding:8px;background:var(--bg-primary);border-radius:8px}.intercom-stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-weight:600}.intercom-stat-value{font-size:13px;font-weight:700;font-family:SF Mono,Fira Code,monospace;color:var(--text-primary)}.intercom-center{display:flex;flex-direction:column;gap:12px;min-height:0}.intercom-player-wrap{background:#000;border-radius:8px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;min-height:260px;flex:1}.intercom-video-container{flex:1;background:#0a0a1a;border-radius:8px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;min-height:180px}.intercom-canvas{width:100%;height:100%;object-fit:contain;display:block}.intercom-video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#555;font-size:14px;font-weight:500}.intercom-vu-container{display:flex;flex-direction:column;gap:10px}.intercom-vu-meter{display:flex;align-items:center;gap:12px}.vu-labels{display:flex;flex-direction:column;gap:2px;width:50px;flex-shrink:0}.vu-label{font-size:10px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.3px;transition:color .3s}.vu-label.hot{color:#ef4444}.vu-label.mid{color:#f59e0b}.vu-bar-bg{flex:1;height:32px;background:var(--bg-primary);border-radius:6px;overflow:hidden;position:relative;border:1px solid var(--border-color)}.vu-bar-fill{height:100%;border-radius:5px;transition:width .1s ease,background .3s ease}.vu-value{font-size:13px;font-weight:700;font-family:SF Mono,Fira Code,monospace;min-width:80px;text-align:right;transition:color .3s}.intercom-vu-segments{display:flex;gap:3px;height:24px}.vu-segment{flex:1;border-radius:3px;transition:all .1s ease}.vu-segment.active{box-shadow:0 0 4px currentColor}.intercom-right{display:flex;flex-direction:column;min-height:0}.intercom-logs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding:8px;background:var(--bg-primary);border-radius:8px;min-height:100px}.intercom-logs::-webkit-scrollbar{width:4px}.intercom-logs::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.intercom-logs-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:12px}.intercom-log-entry{display:flex;align-items:flex-start;gap:8px;padding:4px 6px;border-radius:4px;font-size:11px;font-family:SF Mono,Fira Code,monospace;line-height:1.5;animation:logSlideIn .2s ease}@keyframes logSlideIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.intercom-log-entry.log-info{color:var(--text-secondary)}.intercom-log-entry.log-success{background:#10b98114;color:#10b981}.intercom-log-entry.log-warning{background:#f59e0b14;color:#f59e0b}.intercom-log-entry.log-error{background:#ef444414;color:#ef4444}.intercom-log-entry.log-mic{background:#3b82f614;color:#3b82f6}.log-time{color:var(--text-muted);font-size:10px;white-space:nowrap;flex-shrink:0;min-width:60px}.log-msg{flex:1;word-break:break-word}.ev036-embed-page{display:flex;flex-direction:column;height:100%;overflow:hidden;background:linear-gradient(180deg,#f6f8fc,#eef1f7)}.ev036-embed-page.embed-mode{position:relative;height:100vh;height:100dvh;width:100%;background:#0b1220;display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box}.ev036-embed-page.embed-mode .ev036-embed-card{padding:10px;height:auto;flex:0 0 auto;min-height:0;width:100%;max-width:calc((100dvh - 20px) * 16 / 9);max-height:100%;aspect-ratio:16 / 9}.ev036-embed-page.embed-mode .card-footer{margin-top:6px}.embed-error-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);width:max-content;max-width:90%;margin:0;padding:8px 12px;border-radius:8px;background:#dc262626;border:1px solid rgba(220,38,38,.5);color:#fca5a5;font-size:12px;font-weight:600;text-align:center;z-index:5}.ev036-embed-header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:#ffffffeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #e6eaf2;box-shadow:0 2px 16px #0f172a0d;flex-shrink:0;gap:12px;flex-wrap:wrap;z-index:10}.ev036-embed-title{display:flex;align-items:center;gap:12px}.ev036-embed-icon{width:42px;height:42px;background:linear-gradient(135deg,#4f46e5,#3b82f6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 6px 18px #4f46e54d,inset 0 1px #fff3;flex-shrink:0}.ev036-embed-title-text h1{font-size:16px;font-weight:700;color:#111827;margin:0;line-height:1.3;letter-spacing:-.01em}.ev036-embed-subtitle{font-size:12px;color:#64748b;font-weight:500;display:flex;align-items:center;gap:6px}.ev036-embed-subtitle .chip{background:#eef2ff;color:#4f46e5;font-size:10px;font-weight:600;padding:1px 8px;border-radius:999px}.ev036-embed-actions{display:flex;align-items:center;gap:10px}.ev036-status-indicator{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#475569;background:#f8fafc;padding:7px 14px;border-radius:999px;border:1px solid #e2e8f0;transition:all .2s ease}.ev036-status-indicator.live{border-color:#a7f3d0;background:#ecfdf5;color:#059669}.ev036-status-indicator.error{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.ev036-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1;flex-shrink:0}.ev036-dot.live{background:#10b981;box-shadow:0 0 0 3px #10b9812e,0 0 10px #10b98180}.ev036-dot.error{background:#ef4444}.ev036-embed-card{flex:1;display:flex;flex-direction:column;padding:12px 22px 22px;height:500px;box-sizing:border-box}.video-grid-4x4{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:6px;flex:1;min-height:0}.video-cell-4x4{position:relative;background:#0f172a;border-radius:10px;overflow:hidden;border:2px solid transparent;transition:border-color .2s,box-shadow .2s}.video-cell-4x4:hover{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e54d}.video-cell-4x4 .ws-canvas{width:100%;height:100%;object-fit:cover;display:block;background:#0f172a}.video-cell-4x4 .cell-overlay{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:linear-gradient(180deg,rgba(2,6,23,.8) 0%,transparent 100%);pointer-events:none;z-index:3}.video-cell-4x4 .cell-overlay .cell-chn{color:#94a3b8;font-weight:700;font-size:10px;text-shadow:0 1px 4px rgba(0,0,0,.9);letter-spacing:.02em}.video-cell-4x4 .cell-overlay .cell-controls{display:flex;gap:2px;pointer-events:auto;opacity:0;transition:opacity .2s}.video-cell-4x4:hover .cell-overlay .cell-controls{opacity:1}.video-cell-4x4 .cell-overlay .cell-controls .ctrl-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:6px;background:#ffffff1f;color:#fffc;font-size:11px;cursor:pointer;transition:all .15s;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.video-cell-4x4 .cell-overlay .cell-controls .ctrl-btn:hover{background:#ffffff40;color:#fff;transform:scale(1.1)}.video-cell-4x4 .cell-overlay .cell-controls .ctrl-btn:active{transform:scale(.9)}.video-cell-4x4 .cell-overlay .cell-controls .ctrl-btn.audio-on{background:#10b98159;color:#fff;box-shadow:0 0 8px #10b98180}.master-audio-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#475569;background:#f8fafc;padding:7px 14px;border-radius:999px;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease;font-family:inherit}.master-audio-btn:hover{background:#eef2ff;border-color:#c7d2fe;transform:translateY(-1px)}.master-audio-btn.on{border-color:#a7f3d0;background:#ecfdf5;color:#059669}.master-audio-btn.on .master-audio-label{color:#059669}.master-audio-label{font-size:12px;font-weight:600;color:#475569}.video-cell-4x4.inactive{background:#000;display:flex;align-items:center;justify-content:center;cursor:default;overflow:hidden}.video-cell-4x4.inactive:hover{border-color:transparent;box-shadow:none}.cell-placeholder{position:relative;width:100%;height:100%;overflow:hidden}.cell-placeholder-logo{width:100%;height:100%;object-fit:contain;display:block;opacity:.95;padding:10px;box-sizing:border-box}.cell-placeholder-info{position:absolute;right:5px;bottom:4px;display:flex;flex-direction:column;align-items:flex-end;gap:1px;line-height:1;z-index:2}.cell-placeholder-info .cell-chn{font-weight:700;font-size:9px;color:#ff3b3b;letter-spacing:.04em;text-shadow:0 1px 3px rgba(0,0,0,.9)}.cell-placeholder-info small{font-size:8px;font-weight:700;color:#ff3b3b;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 1px 3px rgba(0,0,0,.9)}.talkback-strip{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;flex-wrap:wrap}.talkback-strip-link{font-size:11px;font-weight:700;color:#64748b;display:inline-flex;align-items:center;gap:4px}.talkback-strip-link.talk-link-live{color:#10b981}.talkback-strip-link.talk-link-connecting{color:#d97706;animation:ev036-pulse 1.2s ease-in-out infinite}.talkback-strip-link.talk-link-error{color:#ef4444}.talkback-strip-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.talkback-strip-btn:hover{border-color:#c7d2fe;background:#eef2ff;transform:translateY(-1px)}.talkback-strip-btn.active{border-color:transparent;background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;box-shadow:0 3px 10px #4f46e540}.talkback-strip-btn.spk.active{background:linear-gradient(135deg,#10b981,#059669)}.talkback-strip-vu{display:flex;align-items:flex-end;gap:2px;height:22px;padding:2px 4px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1;min-width:80px}.talkback-strip-vu .vu-bar{width:4px;border-radius:2px;background:#e2e8f0;transition:all .08s ease}.talkback-strip-vu .vu-bar.on{background:#10b981}.talkback-strip-vu .vu-bar.mid{background:#f59e0b}.talkback-strip-vu .vu-bar.hot{background:#ef4444;box-shadow:0 0 6px #ef444480}.talkback-strip-ch{font-size:11px;font-weight:700;color:#64748b;margin-left:auto}.card-footer{display:flex;align-items:center;gap:14px;padding:9px 16px;flex-shrink:0;margin-top:8px;background:linear-gradient(90deg,#0663c2,#085ebf);border-radius:8px;box-shadow:0 2px 10px #0663c24d}.footer-radio{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:#fff;cursor:pointer}.footer-radio input[type=radio]{margin:0;cursor:pointer;accent-color:#fff}.footer-channel-label{font-size:13px;font-weight:700;color:#fff;margin-left:auto;text-transform:uppercase;letter-spacing:.03em}.footer-channel-select{padding:5px 10px;font-size:13px;font-family:inherit;font-weight:600;color:#1e3a8a;border:1px solid rgba(255,255,255,.5);border-radius:6px;background:#fff;cursor:pointer}.embed-btn{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#475569;background:#f8fafc;padding:7px 14px;border-radius:999px;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease;font-family:inherit}.embed-btn:hover{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5;transform:translateY(-1px)}.embed-btn svg{flex-shrink:0}.embed-btn-label{font-size:12px;font-weight:600}.embed-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061799;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:999;animation:ev036-fade-in .18s ease}.embed-modal{width:min(560px,calc(100vw - 32px));background:#fff;border-radius:14px;box-shadow:0 24px 60px #02061759;padding:20px 22px;animation:ev036-pop-in .2s ease}.embed-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.embed-modal-head h3{margin:0;font-size:15px;font-weight:700;color:#111827}.embed-modal-head p{margin:4px 0 0;font-size:12px;color:#64748b}.embed-modal-close{border:none;background:#f1f5f9;color:#64748b;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.embed-modal-close:hover{background:#fee2e2;color:#dc2626}.embed-size-row{display:flex;gap:14px;margin:14px 0 10px}.embed-size-row label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#475569}.embed-size-row input{width:84px;padding:5px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-family:inherit;color:#111827}.embed-code{width:100%;box-sizing:border-box;background:#0f172a;color:#a5b4fc;border:1px solid #1e293b;border-radius:8px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;resize:vertical;white-space:pre;overflow-x:auto}.embed-modal-actions{display:flex;justify-content:flex-end;margin-top:12px}.embed-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border:none;border-radius:8px;background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}.embed-copy-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.embed-copy-btn.copied{background:linear-gradient(135deg,#10b981,#059669)}@keyframes ev036-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ev036-pop-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 800px){.video-grid-4x4{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:4px}.ev036-embed-card{padding:8px 10px 14px}.card-footer{flex-wrap:wrap;justify-content:center}.talkback-layout{flex-direction:column}.talkback-panel{flex-direction:row;flex-wrap:wrap;padding:10px}}.ev036-embed-card.talkback-mode{height:500px}.video-cell-4x4>span{z-index:2}@keyframes ev036-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (max-width: 640px){.ev036-embed-page.embed-mode .ev036-embed-card{padding:6px}.video-grid-4x4{gap:3px}.video-cell-4x4{border-radius:6px}.video-cell-4x4 .cell-overlay{padding:2px 4px}.video-cell-4x4 .cell-overlay .cell-chn{font-size:8px}.video-cell-4x4 .cell-overlay .cell-controls .ctrl-btn{width:20px;height:20px;font-size:10px;border-radius:5px}.card-footer{gap:8px;padding:6px 10px;margin-top:6px}.footer-radio{font-size:11px;gap:3px}.footer-channel-label{font-size:11px}.footer-channel-select{padding:4px 6px;font-size:11px}.talkback-strip{gap:6px;padding:6px 8px;margin-bottom:6px}.talkback-strip-btn{padding:4px 8px;font-size:10px}}@media (max-width: 420px){.video-grid-4x4{gap:2px}.card-footer{flex-wrap:wrap;justify-content:center;row-gap:4px}.cell-placeholder-logo{padding:4px}}@media (max-height: 480px){.ev036-embed-page.embed-mode .ev036-embed-card{padding:6px}.video-grid-4x4{gap:3px}.card-footer{padding:5px 8px;margin-top:5px}.talkback-strip{padding:5px 8px;margin-bottom:5px}}.video-grid-4x4.single-view{grid-template-columns:1fr;grid-template-rows:1fr;gap:0}.video-grid-4x4.single-view .video-cell-4x4{display:none}.video-grid-4x4.single-view .video-cell-4x4.selected{display:block;border-radius:8px}.footer-grid-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid rgba(255,255,255,.55);border-radius:6px;background:#ffffff26;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.footer-grid-btn:hover{background:#ffffff4d;transform:translateY(-1px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--sidebar-bg: #1a1f36;--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-active: rgba(79, 70, 229, .15);--sidebar-text: rgba(255, 255, 255, .6);--sidebar-text-active: rgba(255, 255, 255, .9);--sidebar-accent: #818cf8;--sidebar-width: 240px;--bg-primary: #f0f2f5;--bg-card: #ffffff;--bg-secondary: #f9fafb;--text-primary: #1a1d26;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-color: #e8eaed;--border-light: #f0f2f5;--accent: #4f46e5;--accent-light: rgba(79, 70, 229, .08);--accent-gradient: linear-gradient(135deg, #4f46e5, #3b82f6);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--transition: .2s cubic-bezier(.4, 0, .2, 1)}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow:hidden}::selection{background:#4f46e533;color:inherit}:focus-visible{outline:2px solid rgba(79,70,229,.4);outline-offset:2px}