@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&display=swap";.notif-wrapper{position:relative}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:460px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0000001f;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.notif-header h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0}.notif-mark-all{display:flex;align-items:center;gap:4px;background:none;border:none;color:#60a5fa;font-size:.75rem;font-weight:500;cursor:pointer}.notif-mark-all:hover{text-decoration:underline}.notif-list{overflow-y:auto;flex:1}.notif-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-secondary)}.notif-item.unread{background:#60a5fa0d}.notif-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-icon.violation{background:var(--danger-bg);color:var(--danger)}.notif-icon.camera{background:var(--info-bg);color:var(--info)}.notif-icon.system{background:var(--warning-bg);color:var(--warning)}.notif-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.notif-message{font-size:.8rem;color:var(--text-primary);line-height:1.4}.notif-item.unread .notif-message{font-weight:600}.notif-time{font-size:.7rem;color:var(--text-muted)}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:#60a5fa;flex-shrink:0;margin-top:4px}.notif-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;color:var(--text-muted);font-size:.85rem}.notif-panel{max-height:600px}.broadcast-composer{padding:12px;border-bottom:1px solid var(--border);background:#3b82f60a;display:flex;flex-direction:column;gap:8px}.broadcast-composer-header{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:#60a5fa}.broadcast-input{width:100%;padding:7px 10px;border-radius:7px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.82rem;outline:none;box-sizing:border-box}.broadcast-input:focus{border-color:#3b82f6}.broadcast-textarea{width:100%;padding:7px 10px;border-radius:7px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.82rem;outline:none;resize:none;font-family:inherit;box-sizing:border-box}.broadcast-textarea:focus{border-color:#3b82f6}.broadcast-select{flex:1;padding:6px 10px;border-radius:7px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.8rem;outline:none}.broadcast-send-btn{display:flex;align-items:center;gap:5px;padding:7px 14px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:7px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .15s}.broadcast-send-btn:disabled{opacity:.5;cursor:not-allowed}.notif-title{font-size:.8rem;font-weight:700;color:var(--text-primary)}.notif-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.notif-sentby{font-size:.68rem;color:var(--text-dim)}.notif-priority{font-size:.65rem;font-weight:800;letter-spacing:.4px}.notif-dot{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:800;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 3px}.notif-icon.broadcast{background:#3b82f61a;color:#60a5fa}.notif-icon.daily_digest{background:#a855f71a;color:#c084fc}.layout-container{display:flex;height:100vh;width:100vw;background:var(--bg-primary)}.sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .25s ease;overflow:hidden;z-index:100}.sidebar.collapsed{width:64px}.logo-section{padding:1.25rem;height:70px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.logo-content{display:flex;align-items:center;gap:.75rem;min-width:0}.sidebar-logo{width:56px;height:56px;object-fit:contain;flex-shrink:0}.logo-content h2{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap}.logo-content .badge{background:var(--red);color:#fff;padding:2px 8px;font-size:.6rem;border-radius:4px;font-weight:700;letter-spacing:.05em}.toggle-sidebar-btn{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all .2s;flex-shrink:0}.toggle-sidebar-btn:hover{background:var(--navy-light);color:#fff}.nav-menu{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-section-label{font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:1rem .75rem .5rem;min-height:12px}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.7rem .75rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:all .15s ease;font-weight:500;font-size:.875rem;position:relative;white-space:nowrap}.nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-item.active{background:#3b82f614;color:var(--accent);font-weight:600;border-left:3px solid var(--accent)}.nav-icon{display:flex;align-items:center;flex-shrink:0}.nav-label{overflow:hidden;text-overflow:ellipsis}.nav-badge{margin-left:auto;background:var(--red);color:#fff;font-size:.65rem;padding:2px 6px;border-radius:10px;font-weight:700}.sidebar-footer{padding:.75rem;border-top:1px solid var(--border)}.system-status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-card);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);justify-content:center}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--success);box-shadow:0 0 0 3px #10b98133;animation:pulse 2s ease-in-out infinite}.status-dot.offline{background:var(--danger)}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #10b98133}50%{box-shadow:0 0 0 6px #10b9810d}}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-bar{height:60px;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-shrink:0}.top-bar h3{font-weight:600;font-size:.95rem;color:var(--text-primary)}.top-bar-right{display:flex;align-items:center;gap:.75rem}.search-container{display:flex;align-items:center;gap:.5rem}.search-container.open input{width:250px;padding:.4rem .75rem;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8rem;outline:none;transition:border .2s}.search-container.open input:focus{border-color:var(--accent)}.icon-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:var(--radius-sm);display:flex;align-items:center;transition:all .15s}.icon-btn:hover{background:var(--navy-light);color:#fff}.notification-btn{position:relative}.notif-dot{position:absolute;top:2px;right:2px;min-width:16px;height:16px;background:var(--red);border-radius:8px;font-size:.6rem;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.user-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;font-size:.8rem;color:var(--text-secondary);font-weight:500}.user-info{display:flex;flex-direction:column;line-height:1.2}.user-name{font-weight:600;font-size:.8rem;color:var(--text-primary)}.user-role{font-size:.65rem;color:var(--text-muted);font-weight:500}.logout-btn{color:var(--danger)!important;border-color:#ef444433!important}.logout-btn:hover{background:#ef444414!important;color:var(--danger)!important}.content-area{flex:1;overflow-y:auto;padding:1.5rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:1rem}.login-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:2.5rem;width:100%;max-width:400px;border:1px solid var(--border);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent) 0%,var(--red) 100%)}.login-header{text-align:center;margin-bottom:2rem}.login-logo-container{width:160px;height:100px;margin:0 auto .5rem;display:flex;align-items:center;justify-content:center}.login-logo{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(59,130,246,.15))}.login-header h1{font-size:1.5rem;font-weight:800;letter-spacing:.05em;margin-bottom:.25rem;color:var(--text-primary);text-transform:uppercase}.login-subtitle{font-size:.85rem;color:var(--text-muted);font-weight:500}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.form-group input{padding:.7rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-primary);background:var(--bg-input);transition:all .2s;outline:none;width:100%}.form-group input:focus{border-color:var(--accent);background:var(--bg-card-hover);box-shadow:0 0 0 3px #3b82f626}.form-group input::placeholder{color:var(--text-muted)}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:2.5rem}.password-toggle{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center}.password-toggle:hover{color:var(--text-primary)}.login-error{background:var(--danger-bg);color:var(--danger);padding:.6rem .85rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;text-align:center;border:1px solid rgba(239,68,68,.2)}.login-btn{padding:.75rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.login-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb40}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.5}.login-btn.locked{background:#92400e;cursor:not-allowed;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-footer{text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.login-footer p{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.dashboard-page{display:flex;flex-direction:column;gap:1.5rem}.widget-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.widget-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;height:140px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;min-width:0;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.widget-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a}.widget-header{display:flex;align-items:center;justify-content:space-between;width:100%}.widget-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.widget-card:hover .widget-icon{transform:scale(1.05)}.widget-card.blue{border-top:4px solid #3b82f6;background:linear-gradient(180deg,rgba(59,130,246,.03) 0%,var(--bg-card) 100%)}.widget-card.blue .widget-icon{background:#3b82f61a;color:#3b82f6}.widget-card.red{border-top:4px solid #ef4444;background:linear-gradient(180deg,rgba(239,68,68,.03) 0%,var(--bg-card) 100%)}.widget-card.red .widget-icon{background:#ef44441a;color:#ef4444}.widget-card.orange{border-top:4px solid #f59e0b;background:linear-gradient(180deg,rgba(245,158,11,.03) 0%,var(--bg-card) 100%)}.widget-card.orange .widget-icon{background:#f59e0b1a;color:#f59e0b}.widget-card.green{border-top:4px solid #10b981;background:linear-gradient(180deg,rgba(16,185,129,.03) 0%,var(--bg-card) 100%)}.widget-card.green .widget-icon{background:#10b9811a;color:#10b981}.widget-card.purple{border-top:4px solid #8b5cf6;background:linear-gradient(180deg,rgba(139,92,246,.03) 0%,var(--bg-card) 100%)}.widget-card.purple .widget-icon{background:#8b5cf61a;color:#8b5cf6}.widget-card.cyan{border-top:4px solid #06b6d4;background:linear-gradient(180deg,rgba(6,182,212,.03) 0%,var(--bg-card) 100%)}.widget-card.cyan .widget-icon{background:#06b6d41f;color:#06b6d4}.widget-value{font-size:2.2rem;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.02em}.widget-label{font-size:.72rem;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-body{display:flex;flex-direction:column;gap:4px}.widget-sub{font-size:.72rem;font-weight:500;color:var(--text-muted)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.dash-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-header h3{font-size:.9rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.link-btn{background:none;border:none;color:#60a5fa;font-size:.75rem;cursor:pointer;font-weight:500}.link-btn:hover{text-decoration:underline}.alerts-list{display:flex;flex-direction:column;gap:.6rem;overflow-y:auto;max-height:350px}.alert-item{display:flex;align-items:center;gap:.85rem;padding:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;transition:all .2s ease}.alert-item:hover{background:var(--bg-card-hover);border-color:#60a5fa4d;transform:translateY(-1px)}.alert-thumb{width:48px;height:48px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--bg-secondary);border:1px solid var(--border)}.alert-thumb img{width:100%;height:100%;object-fit:cover}.no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.alert-info{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.alert-type{font-weight:700;font-size:.78rem;color:var(--red);text-transform:uppercase;letter-spacing:.02em}.alert-plate{font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:600;color:var(--text-primary)}.alert-meta{font-size:.68rem;color:var(--text-muted)}.btn-review{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.72rem;font-weight:600;display:flex;align-items:center;gap:5px;white-space:nowrap;transition:all .15s ease}.btn-review:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.type-breakdown{display:flex;flex-direction:column;gap:.6rem}.type-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem .5rem;border-radius:6px;transition:background .15s ease}.type-row.active-row{border-bottom:1px solid rgba(0,0,0,.03)}.type-row.coming-soon-row{background:#ffffff05;border:1px dashed var(--border);opacity:.75}.type-label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.type-label.disabled-label{color:var(--text-muted);font-weight:500}.type-bar-container{flex:1;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin:0 1rem}.type-bar{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--red) 100%);border-radius:4px;transition:width .5s ease}.type-count{font-size:.85rem;font-weight:700;color:var(--text-primary);min-width:20px;text-align:right}.coming-soon-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;background:#64748b14;color:#64748b;padding:3px 8px;border-radius:4px;letter-spacing:.02em;border:1px solid rgba(100,116,139,.12)}.camera-summary{display:flex;gap:.75rem;margin-bottom:.75rem}.online-premium{background:linear-gradient(135deg,#10b9810f,#10b98103);border:1px solid rgba(16,185,129,.15);border-radius:10px;padding:.75rem;text-align:center;flex:1;display:flex;flex-direction:column;gap:4px}.offline-premium{background:linear-gradient(135deg,#ef44440f,#ef444403);border:1px solid rgba(239,68,68,.15);border-radius:10px;padding:.75rem;text-align:center;flex:1;display:flex;flex-direction:column;gap:4px}.cam-num-premium{font-size:1.6rem;font-weight:800;color:var(--text-primary);line-height:1}.cam-label-premium{font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.camera-list-premium{display:flex;flex-direction:column;gap:.5rem}.cam-row-premium{display:flex;align-items:center;justify-content:space-between;padding:.65rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;transition:all .15s ease}.cam-row-premium:hover{background:var(--bg-card-hover);transform:translate(3px);border-color:#10b98140}.cam-status-indicator{display:flex;align-items:center;justify-content:center}.cam-pulse-dot{width:8px;height:8px;border-radius:50%}.cam-pulse-dot.online{background-color:#10b981;box-shadow:0 0 #10b981b3;animation:pulse-green 2s infinite}.cam-pulse-dot.offline{background-color:#ef4444}.cam-details-premium{flex:1;display:flex;flex-direction:column;gap:1px;margin-left:.65rem}.cam-name-premium{font-size:.78rem;font-weight:600;color:var(--text-primary)}.cam-id-premium{font-size:.65rem;color:var(--text-muted);font-family:monospace}.cam-badge-premium{font-size:.62rem;font-weight:800;padding:3px 8px;border-radius:4px;letter-spacing:.02em}.cam-badge-premium.online{background:#10b98114;color:#10b981}.cam-badge-premium.offline{background:#ef444414;color:#ef4444}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b98180}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.empty-state{text-align:center;padding:2rem;color:var(--text-muted);font-size:.85rem}.map-container{height:400px;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.camera-map-icon{background:#ffffffe6;border:2px solid #1e3a5f;border-radius:50%;display:flex!important;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000040}.cam-popup{display:flex;flex-direction:column;gap:2px;font-size:.8rem}.cam-popup strong{font-size:.85rem;color:#1e3a5f}.cam-popup-status.online{color:#22c55e;font-weight:600}.cam-popup-status.offline{color:#ef4444;font-weight:600}@media (max-width: 1400px){.widget-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.widget-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}.type-row.coming-soon{opacity:.85}.type-bar.disabled{background:var(--border)!important;opacity:.4}.coming-soon-text{font-size:.7rem;font-weight:500;color:var(--text-muted);width:auto!important;white-space:nowrap;background:var(--bg-secondary);padding:2px 8px;border-radius:4px;border:1px dashed var(--border)}.violations-page{display:flex;flex-direction:column;gap:20px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content.review-modal{background:var(--bg-card);width:100vw;max-width:none;height:100vh;border-radius:0;border:1px solid var(--border);display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--bg-primary)}.modal-header h3{margin:0;display:flex;align-items:center;gap:10px;color:var(--text-primary);font-size:1.25rem}.btn-close{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:50%;transition:all .2s}.btn-close:hover{background:var(--bg-hover);color:var(--text-primary)}.review-layout-modal{display:flex;flex:1;overflow:hidden}.evidence-viewer-modal{flex:1;background:#000;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.viewer-toolbar-modal{position:absolute;bottom:24px;top:auto;left:50%;transform:translate(-50%);display:flex;gap:8px;background:#0009;padding:8px;border-radius:8px;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.viewer-toolbar-modal button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.viewer-toolbar-modal button:hover{background:#fff3}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:1px solid rgba(255,255,255,.2);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-arrow:hover:not(:disabled){background:#fff3;transform:translateY(-50%) scale(1.1)}.nav-arrow:active:not(:disabled){transform:translateY(-50%) scale(.95)}.nav-arrow:disabled{opacity:.3;cursor:not-allowed;background:#0003}.nav-arrow.left{left:20px}.nav-arrow.right{right:20px}.evidence-canvas-modal{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:auto}.evidence-canvas-modal img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s ease-out;border-radius:4px;box-shadow:0 0 20px #00000080}.details-panel-modal{width:320px;background:var(--bg-primary);border-left:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.detail-row{display:flex;flex-direction:column;gap:6px}.detail-row .label{font-size:.85rem;color:var(--text-dim);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detail-row .value{font-size:1.1rem;color:var(--text-primary);font-weight:500}.detail-row .value.highlight{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:1px;font-family:monospace;background:var(--bg-card);padding:8px 12px;border-radius:6px;text-align:center;border:1px solid var(--border)}.conf-wrapper{display:flex;align-items:center;gap:12px;background:var(--bg-card);padding:4px;border-radius:6px;border:1px solid var(--border)}.conf-bar-fill{height:8px;border-radius:4px;flex:1}.modal-actions{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid var(--border)}.btn-approve,.btn-reject,.btn-delete{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .2s;font-size:.95rem}.btn-approve{background:#22c55e;color:#000}.btn-approve:hover{background:#16a34a}.btn-reject{background:#ef4444;color:#fff}.btn-reject:hover{background:#dc2626}.btn-delete{background:transparent;border:1px solid var(--border);color:var(--text-dim)}.btn-delete:hover{border-color:#ef4444;color:#ef4444}.stats-bar{display:flex;gap:12px;flex-wrap:wrap}.stat-chip{display:flex;flex-direction:column;align-items:flex-start;padding:16px 20px;border-radius:14px;background:var(--bg-card);border:1px solid var(--border);min-width:120px;flex:1;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.stat-chip:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0}.stat-chip:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.stat-chip .stat-value{font-size:2rem;font-weight:800;line-height:1.1;letter-spacing:-.5px}.stat-chip .stat-label{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;font-weight:600;margin-top:4px}.stat-chip.blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-chip.cyan:before{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.stat-chip.orange:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-chip.green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.stat-chip.red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.stat-chip.blue .stat-value{color:#60a5fa}.stat-chip.cyan .stat-value{color:#38bdf8}.stat-chip.orange .stat-value{color:#fbbf24}.stat-chip.green .stat-value{color:#4ade80}.stat-chip.red .stat-value{color:#f87171}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border);padding:12px 18px;border-radius:14px}.toolbar h2{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:0}.toolbar-right{display:flex;gap:8px;align-items:center}.btn-secondary{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;font-size:.83rem;font-weight:500;transition:all .18s}.btn-secondary:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px #3b82f640}.upload-panel{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-card);border:1px dashed var(--border);border-radius:10px}.upload-panel input[type=file]{color:var(--text-secondary)}.upload-status{color:#f59e0b;font-weight:600}.upload-result{color:#22c55e;font-weight:600}.category-tabs{display:flex;gap:6px;background:var(--bg-primary);padding:5px;border-radius:12px;border:1px solid var(--border);align-items:center}.tab-btn{padding:10px 0;border:none;background:transparent;color:var(--text-dim);font-weight:700;font-size:.82rem;letter-spacing:.6px;border-radius:8px;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);flex:1;text-align:center;text-transform:uppercase}.tab-btn:hover:not(.active){background:var(--bg-card);color:var(--text-secondary)}.tab-btn.active{background:var(--accent);color:#fff;box-shadow:0 4px 14px #3b82f659}.filters-bar{display:flex;flex-direction:column;gap:10px;padding:12px 16px;background:var(--bg-card);border-radius:10px;border:1px solid var(--border)}.filter-row-primary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-icon{color:var(--text-dim);flex-shrink:0}.filter-row-advanced{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--border);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-label{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.filter-group-inputs{display:flex;align-items:center;gap:6px}.filter-sep{color:var(--text-dim);font-size:.8rem;flex-shrink:0}.filters-bar select,.filters-bar input[type=text],.filters-bar input[type=date],.filters-bar input[type=time],.filters-bar input[type=number]{padding:7px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.85rem}.filters-bar select{min-width:140px}.filter-row-primary input[type=text]{min-width:180px}.filter-row-advanced input[type=date]{min-width:140px}.filter-row-advanced input[type=time]{min-width:110px}.btn-advanced-toggle{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;font-size:.82rem;position:relative;transition:all .2s}.btn-advanced-toggle.active{border-color:var(--accent);color:var(--accent);background:#3b82f614}.btn-advanced-toggle:hover{border-color:var(--accent);color:var(--accent)}.filter-dot{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.btn-clear{padding:7px 14px;border-radius:6px;border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-size:.85rem;margin-left:auto}.btn-clear:hover{color:var(--red)}.violations-table-wrapper{overflow-x:auto;border-radius:14px;border:1px solid var(--border);box-shadow:0 4px 24px #0000001a}.violations-table{width:100%;border-collapse:collapse;font-size:.87rem}.violations-table th{padding:13px 16px;text-align:left;background:var(--bg-card);color:var(--text-dim);text-transform:uppercase;font-size:.7rem;font-weight:700;letter-spacing:.8px;border-bottom:2px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:1}.violations-table td{padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-secondary);vertical-align:middle;transition:background .15s}.violations-table tbody tr{transition:all .15s}.violations-table tbody tr:hover td{background:#3b82f60d}.violations-table tbody tr:last-child td{border-bottom:none}.loading-cell{text-align:center;color:var(--text-dim);padding:40px!important}.evidence-thumb{width:62px;height:46px;border-radius:8px;overflow:hidden;background:var(--bg-primary);transition:all .2s}.evidence-thumb:hover{border-color:var(--accent)!important;box-shadow:0 0 0 2px #3b82f64d;transform:scale(1.05)}.evidence-thumb img{width:100%;height:100%;object-fit:cover}.no-evidence{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.plate-number{display:block;font-weight:800;color:var(--text-primary);font-family:Courier New,monospace;font-size:.88rem;letter-spacing:.5px}.vehicle-type{display:block;font-size:.72rem;color:var(--text-dim);margin-top:2px}.violation-type-badge{padding:4px 10px;border-radius:20px;font-size:.72rem;font-weight:700;background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.2);white-space:nowrap;letter-spacing:.3px;display:inline-block}.camera-location{display:block;color:var(--text-primary);font-weight:500;font-size:.85rem}.camera-id{display:block;font-size:.7rem;color:var(--text-dim);font-family:monospace;margin-top:2px}.time-cell{white-space:nowrap;font-size:.84rem}.time-sub{color:var(--text-dim);font-size:.76rem;margin-top:2px;display:block}.confidence-bar{position:relative;width:76px;height:20px;background:#00000040;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.confidence-fill{height:100%;border-radius:10px;transition:width .4s ease}.confidence-bar span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.conf-na{font-size:.7rem;color:var(--text-dim);font-style:italic;padding:2px 6px;background:var(--bg-primary);border-radius:4px;border:1px solid var(--border)}.status-badge{padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:700;white-space:nowrap;letter-spacing:.4px;display:inline-flex;align-items:center;gap:4px}.status-badge.green{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.status-badge.orange{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.status-badge.red{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.25)}.status-badge.gray{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.action-btns{display:flex;gap:5px;align-items:center}.act-btn{width:30px;height:30px;border-radius:7px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s cubic-bezier(.4,0,.2,1)}.act-btn:hover{transform:scale(1.1)}.act-btn.approve:hover{background:#22c55e22;color:#4ade80;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e26}.act-btn.reject:hover{background:#ef444422;color:#f87171;border-color:#ef4444;box-shadow:0 0 0 2px #ef444426}.act-btn.view:hover{background:#3b82f622;color:#60a5fa;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.act-btn.delete:hover{background:#b91c1c22;color:#f87171;border-color:#b91c1c;box-shadow:0 0 0 2px #b91c1c26}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 0;flex-wrap:wrap}.pagination button{padding:7px 14px;border-radius:6px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:all .2s}.pagination button:disabled{opacity:.35;cursor:not-allowed}.pagination button:not(:disabled):hover{background:var(--navy);color:#fff;border-color:var(--navy)}.pagination-info{color:var(--text-dim);font-size:.85rem;padding:0 8px;white-space:nowrap}.pag-total{margin-left:4px;color:var(--text-dim)}.page-jump{display:flex;align-items:center;gap:4px;margin-left:8px;padding-left:12px;border-left:1px solid var(--border)}.page-jump input{width:64px;padding:6px 8px;border-radius:6px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.82rem;text-align:center}.page-jump input::-webkit-outer-spin-button,.page-jump input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.page-jump button{padding:6px 12px;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;transition:all .2s}.page-jump button:hover{background:#2563eb;border-color:#2563eb}.cameras-page{display:flex;flex-direction:column;gap:16px}.cameras-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.cameras-header-left{display:flex;align-items:center;gap:16px}.cameras-header-left h2{display:flex;align-items:center;gap:8px;font-size:1.2rem;color:var(--text-primary);margin:0}.camera-counts{display:flex;gap:12px}.cam-count{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:.82rem;font-weight:600}.cam-count.online{background:#22c55e26;color:#22c55e}.cam-count.offline{background:#e31b2326;color:var(--red)}.cameras-header-right{display:flex;align-items:center;gap:10px}.view-toggle{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.view-toggle button{width:34px;height:34px;border:none;background:var(--bg-card);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center}.view-toggle button.active{background:var(--navy);color:#fff}.cameras-loading{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text-dim);font-size:.95rem}.cameras-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.camera-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform .2s,border-color .2s}.camera-card:hover{transform:translateY(-2px)}.camera-card.online{border-left:3px solid #22c55e}.camera-card.offline{border-left:3px solid var(--red)}.cam-card-header{display:flex;align-items:center;gap:8px;padding:14px 16px 10px;color:var(--text-primary)}.cam-card-id{flex:1;font-weight:700;font-size:.95rem;font-family:monospace}.cam-dot{width:10px;height:10px;border-radius:50%}.cam-dot.on{background:#22c55e;box-shadow:0 0 8px #22c55e99}.cam-dot.off{background:var(--red);box-shadow:0 0 8px #e31b2366}.cam-card-body{padding:0 16px 14px}.cam-card-location{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:.85rem;margin-bottom:12px}.cam-card-stats{display:flex;gap:20px}.cam-stat{display:flex;flex-direction:column}.cam-stat-val{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.cam-stat-val.green{color:#22c55e}.cam-stat-val.red{color:var(--red)}.cam-stat-lbl{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.cam-card-footer{padding:10px 16px;border-top:1px solid var(--border);font-size:.78rem;color:var(--text-dim)}.cameras-list{border-radius:10px;border:1px solid var(--border);overflow-x:auto}.cameras-list table{width:100%;border-collapse:collapse}.cameras-list th{padding:12px 16px;text-align:left;background:var(--bg-card);color:var(--text-dim);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;border-bottom:1px solid var(--border)}.cameras-list td{padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.cameras-list tr:hover td{background:#0b3a6e0a}.cam-id-cell{font-weight:700;font-family:monospace;color:var(--accent)}.cam-location{display:flex;align-items:center;gap:5px;color:var(--text-primary)}.cam-status-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.cam-status-badge.online{background:#22c55e26;color:#22c55e}.cam-status-badge.offline{background:#e31b2326;color:var(--red)}.lastactive-cell{color:var(--text-dim);font-size:.82rem}.modal-content.video-modal{max-width:900px;width:95vw;padding:24px}.video-player-container{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.live-video-feed{width:100%;height:100%;object-fit:contain}.live-indicator{position:absolute;top:10px;left:10px;background:#dc2626e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:6px;z-index:10}.live-indicator .dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.cam-preview{height:160px;background:#0f172a;position:relative;cursor:pointer;overflow:hidden}.cam-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1e293b,#0f172a);opacity:.8}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;color:#fff;opacity:.8;transition:opacity .2s}.cam-preview:hover .play-overlay{opacity:1;background:#00000080}.cam-card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cam-card-id{font-weight:700;font-size:.95rem;color:var(--text-primary)}.btn-text{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--navy);font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px}.btn-text:hover{background:#0000000d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.analytics-page{display:flex;flex-direction:column;gap:18px;animation:fadeInUp .35s ease-out}.analytics-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px 22px;gap:12px}.analytics-header-left{display:flex;align-items:center;gap:12px}.analytics-title-row{display:flex;align-items:center;gap:14px}.analytics-title-icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#1e3a5f,#2563eb40);border:1px solid rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;color:#60a5fa;flex-shrink:0}.analytics-header h2{font-size:1.15rem;font-weight:800;color:var(--text-primary);margin:0 0 2px;letter-spacing:-.2px}.analytics-subtitle{font-size:.78rem;color:var(--text-dim);margin:0}.analytics-header-right{display:flex;align-items:center;gap:10px}.last-refresh{font-size:.72rem;color:var(--text-dim);display:flex;align-items:center;gap:5px}.btn-refresh-icon{display:flex;align-items:center;gap:7px;padding:9px 16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:9px;color:var(--text-secondary);font-size:.83rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-refresh-icon:hover{border-color:#3b82f6;color:#60a5fa;background:#3b82f60f}.btn-refresh-icon:disabled{opacity:.5;cursor:not-allowed}.kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.kpi-card{position:relative;display:flex;flex-direction:column;padding:18px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s;animation:fadeInUp .4s ease-out both}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0}.kpi-card:after{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;opacity:.06;filter:blur(20px)}.kpi-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.kpi-blue:after{background:#3b82f6}.kpi-orange:before{background:linear-gradient(90deg,#f97316,#fb923c)}.kpi-orange:after{background:#f97316}.kpi-yellow:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.kpi-yellow:after{background:#f59e0b}.kpi-green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.kpi-green:after{background:#22c55e}.kpi-purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.kpi-purple:after{background:#8b5cf6}.kpi-icon-wrap{width:34px;height:34px;border-radius:9px;background:#94a3b814;display:flex;align-items:center;justify-content:center;color:var(--text-dim);margin-bottom:12px}.kpi-blue .kpi-icon-wrap{background:#3b82f61a;color:#60a5fa}.kpi-orange .kpi-icon-wrap{background:#f973161a;color:#fb923c}.kpi-yellow .kpi-icon-wrap{background:#f59e0b1a;color:#fbbf24}.kpi-green .kpi-icon-wrap{background:#22c55e1a;color:#4ade80}.kpi-purple .kpi-icon-wrap{background:#8b5cf61a;color:#a78bfa}.kpi-value{font-size:2rem;font-weight:900;color:var(--text-primary);line-height:1;letter-spacing:-1px;margin-bottom:5px;animation:countUp .5s ease-out}.kpi-text{font-size:1.05rem;letter-spacing:-.2px}.kpi-label{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.7px;font-weight:700}.kpi-sub{font-size:.7rem;color:var(--text-dim);margin-top:4px;opacity:.7}.full-card{grid-column:1 / -1}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;gap:16px;transition:box-shadow .2s}.chart-card:hover{box-shadow:0 4px 20px #0000001a}.chart-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border)}.chart-card-title{display:flex;align-items:center;gap:8px;font-size:.93rem;font-weight:700;color:var(--text-primary)}.chart-card-title svg{color:var(--text-dim)}.chart-badge{font-size:.72rem;background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2);border-radius:20px;padding:3px 10px;font-weight:700}.chart-tab-group{display:flex;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:3px;gap:2px}.chart-tab{padding:5px 14px;border-radius:6px;font-size:.78rem;font-weight:600;border:none;background:transparent;color:var(--text-dim);cursor:pointer;transition:all .15s}.chart-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.chart-area{position:relative;width:100%}.chart-area.tall{height:280px}.chart-area.doughnut-area{height:220px;display:flex;align-items:center;justify-content:center}.chart-area.vehicle-area{height:220px}.charts-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.type-breakdown{display:flex;flex-direction:column;gap:8px;padding-top:4px}.type-row{display:grid;grid-template-columns:10px 1fr auto 40px;align-items:center;gap:8px}.type-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.type-name{font-size:.78rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.type-bar-wrap{height:6px;background:#94a3b81a;border-radius:3px;overflow:hidden}.type-bar{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1);min-width:2px}.type-count{font-size:.78rem;font-weight:700;color:var(--text-primary);text-align:right}.offenders-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.offenders-table{display:flex;flex-direction:column;gap:1px;background:var(--bg-primary);border-radius:10px;overflow:hidden;border:1px solid var(--border)}.offenders-header{display:grid;grid-template-columns:35px 1fr 80px 90px;gap:8px;padding:9px 14px;background:#94a3b80d;font-size:.68rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px}.offender-row{display:grid;grid-template-columns:35px 1fr 80px 90px;gap:8px;padding:10px 14px;align-items:center;background:var(--bg-card);border-top:1px solid var(--border);transition:background .12s}.offender-row:hover{background:#3b82f608}.offender-rank{font-size:.72rem;color:var(--text-dim);font-weight:700}.offender-plate{font-size:.83rem;font-weight:700;color:var(--text-primary);letter-spacing:.3px;font-family:JetBrains Mono,monospace}.offender-count{font-size:.83rem;font-weight:700;color:#f87171;text-align:center}.risk-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;padding:3px 9px;border-radius:20px;letter-spacing:.4px;text-transform:uppercase}.risk-badge.critical{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.risk-badge.high{background:#f9731626;color:#fb923c;border:1px solid rgba(249,115,22,.3)}.risk-badge.medium{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.risk-badge.low{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.analytics-skeleton-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px 22px}.skeleton-line{height:18px;border-radius:6px;background:linear-gradient(90deg,var(--border) 25%,rgba(148,163,184,.1) 50%,var(--border) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite}.skeleton-line.w60{width:60%}.skeleton-btn{width:90px;height:36px;border-radius:9px;background:linear-gradient(90deg,var(--border) 25%,rgba(148,163,184,.1) 50%,var(--border) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite}.kpi-card.skeleton{height:110px;background:linear-gradient(90deg,var(--bg-card) 25%,rgba(148,163,184,.06) 50%,var(--bg-card) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite}.skeleton-chart-full{height:320px;border-radius:14px;background:linear-gradient(90deg,var(--bg-card) 25%,rgba(148,163,184,.06) 50%,var(--bg-card) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite}.skeleton-chart{height:260px;border-radius:14px;background:linear-gradient(90deg,var(--bg-card) 25%,rgba(148,163,184,.06) 50%,var(--bg-card) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite}.analytics-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:80px;color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border);border-radius:14px}.analytics-empty p{margin:0;font-size:.9rem}@media (max-width: 1100px){.kpi-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.kpi-row{grid-template-columns:repeat(2,1fr)}.charts-grid-2,.offenders-wrap{grid-template-columns:1fr}}@media (max-width: 600px){.kpi-row{grid-template-columns:1fr 1fr}.analytics-header{flex-direction:column;align-items:flex-start}}@keyframes da-spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes bar-fill{0%{width:0}}.da-spin{animation:da-spin .9s linear infinite}.da-page{display:flex;flex-direction:column;gap:16px;animation:fadeInUp .3s ease-out;font-family:Inter,sans-serif}.da-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px 22px;gap:12px;flex-wrap:wrap}.da-header-left{display:flex;align-items:center;gap:14px}.da-header-icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#8b5cf633,#3b82f61a);border:1px solid rgba(139,92,246,.3);display:flex;align-items:center;justify-content:center;color:#a78bfa;flex-shrink:0}.da-header h2{font-size:1.15rem;font-weight:800;color:var(--text-primary);margin:0 0 2px;letter-spacing:-.3px}.da-subtitle{font-size:.76rem;color:var(--text-dim);margin:0;font-family:JetBrains Mono,monospace}.da-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.da-uptime-chip{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:8px;color:#a78bfa}.da-uptime-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.da-uptime-val{font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:700;color:#c4b5fd;letter-spacing:1px}.da-pipeline-pill{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;font-size:.78rem;font-weight:700;text-transform:capitalize;letter-spacing:.3px}.da-pipeline-pill.healthy{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.da-pipeline-pill.error{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.25)}.da-btn-refresh{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:9px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);font-size:.83rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.da-btn-refresh:hover{border-color:#8b5cf6;color:#a78bfa;background:#8b5cf60f}.da-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.da-section-label{display:flex;align-items:center;gap:7px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.9px;color:var(--text-dim);padding:0 2px}.da-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;gap:16px;transition:box-shadow .2s}.da-card:hover{box-shadow:0 4px 20px #0000001a}.da-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border)}.da-card-title{display:flex;align-items:center;gap:8px;font-size:.92rem;font-weight:700;color:var(--text-primary)}.da-card-title svg{color:var(--text-dim)}.da-api-key-badge{font-family:JetBrains Mono,monospace;font-size:.7rem;background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2);padding:2px 8px;border-radius:6px;letter-spacing:.5px}.da-btn-fetch{display:flex;align-items:center;gap:8px;padding:9px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;font-size:.86rem;font-weight:700;letter-spacing:.3px;transition:all .2s;box-shadow:0 4px 14px #3b82f64d;white-space:nowrap}.da-btn-fetch:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.da-btn-fetch:disabled{opacity:.6;cursor:not-allowed;transform:none}.da-btn-fetch.loading{background:var(--bg-primary);color:var(--text-dim);box-shadow:none;border:1px solid var(--border)}.da-api-idle{display:flex;align-items:center;gap:9px;padding:16px 18px;background:var(--bg-primary);border:1px dashed var(--border);border-radius:10px;color:var(--text-dim);font-size:.84rem}.da-api-error{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#ef444412;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#f87171;font-size:.86rem}.da-api-result{display:flex;flex-direction:column;gap:14px}.da-api-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.da-api-chip{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:11px;position:relative;overflow:hidden}.da-api-chip:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:11px 11px 0 0}.da-api-chip.da-orange:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.da-api-chip.da-green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.da-api-chip.da-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.da-api-chip-val{font-size:1.7rem;font-weight:900;color:var(--text-primary);line-height:1;letter-spacing:-.5px;font-family:JetBrains Mono,monospace}.da-api-chip-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim)}.da-api-status-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:14px 16px;background:#22c55e0d;border:1px solid rgba(34,197,94,.2);border-radius:11px;font-size:.75rem;font-weight:700;color:#4ade80}.da-usage-bar-card{padding:14px 16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:11px;display:flex;flex-direction:column;gap:8px}.da-usage-bar-row{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-dim)}.da-usage-label{font-weight:600}.da-usage-pct{font-weight:800}.da-usage-track{height:10px;background:#94a3b814;border-radius:5px;overflow:hidden;border:1px solid var(--border)}.da-usage-fill{height:100%;border-radius:5px;transition:width .7s cubic-bezier(.4,0,.2,1);animation:bar-fill .7s ease-out}.da-usage-sub-row{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-dim)}.da-metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.da-metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:13px;padding:18px 16px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s}.da-metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.da-metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2.5px;border-radius:13px 13px 0 0}.da-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.da-green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.da-red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.da-orange:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.da-purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.da-teal:before{background:linear-gradient(90deg,#14b8a6,#2dd4bf)}.da-metric-icon{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.da-blue .da-metric-icon{background:#3b82f61a;color:#60a5fa}.da-green .da-metric-icon{background:#22c55e1a;color:#4ade80}.da-red .da-metric-icon{background:#ef44441a;color:#f87171}.da-orange .da-metric-icon{background:#f59e0b1a;color:#fbbf24}.da-purple .da-metric-icon{background:#8b5cf61a;color:#a78bfa}.da-teal .da-metric-icon{background:#14b8a61a;color:#2dd4bf}.da-metric-body{display:flex;flex-direction:column;flex:1;min-width:0}.da-metric-value{font-size:1.55rem;font-weight:900;color:var(--text-primary);line-height:1;letter-spacing:-.5px;font-family:JetBrains Mono,monospace}.da-metric-label{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-top:4px}.da-metric-bar-wrap{position:absolute;bottom:0;left:0;right:0;height:3px;background:#94a3b814}.da-metric-bar{height:100%;border-radius:0 0 13px 13px;animation:bar-fill .8s cubic-bezier(.4,0,.2,1);min-width:4px}.da-charts-row{display:grid;grid-template-columns:1fr 320px;gap:14px}.da-chart-area{height:240px;position:relative;width:100%}.da-chart-area.doughnut{height:200px;display:flex;align-items:center;justify-content:center}.da-no-data{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-style:italic;font-size:.85rem}.da-conf-legend{display:flex;gap:14px;flex-wrap:wrap}.da-conf-item{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--text-dim)}.da-conf-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.da-source-stats{display:flex;flex-direction:column;gap:8px}.da-source-row{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-secondary)}.da-source-row strong{margin-left:auto;font-weight:800;color:var(--text-primary)}.da-source-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.da-source-dot.blue{background:#3b82f6}.da-source-dot.orange{background:#f59e0b}.da-status-footer{display:flex;align-items:center;gap:0;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px 20px;overflow-x:auto}.da-status-item{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--text-dim);white-space:nowrap;padding:0 18px}.da-status-item:first-child{padding-left:0}.da-status-item:last-child{padding-right:0}.da-status-divider{width:1px;height:28px;background:var(--border);flex-shrink:0}.da-status-val{font-weight:800;font-size:.83rem;font-family:JetBrains Mono,monospace}.da-status-val.green{color:#4ade80}.da-status-val.red{color:#f87171}.da-status-val.blue{color:#60a5fa}.da-status-val.orange{color:#fbbf24}.da-status-val.purple{color:#a78bfa}.da-skeleton-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px 22px}.da-sk-line{height:16px;border-radius:6px;background:linear-gradient(90deg,var(--border) 25%,rgba(148,163,184,.1) 50%,var(--border) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite}.da-sk-line.w50{width:50%}.da-sk-btn{width:100px;height:36px;border-radius:9px;background:linear-gradient(90deg,var(--border) 25%,rgba(148,163,184,.1) 50%,var(--border) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite}.da-sk-card{height:88px;border-radius:13px;background:linear-gradient(90deg,var(--bg-card) 25%,rgba(148,163,184,.06) 50%,var(--bg-card) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite}.da-sk-chart-full{height:300px;border-radius:14px;background:linear-gradient(90deg,var(--bg-card) 25%,rgba(148,163,184,.06) 50%,var(--bg-card) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite}@media (max-width: 960px){.da-charts-row{grid-template-columns:1fr}.da-api-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.da-metrics-grid{grid-template-columns:1fr 1fr}.da-header{flex-direction:column;align-items:flex-start}.da-api-stats{grid-template-columns:1fr 1fr}}.sysstatus-page{display:flex;flex-direction:column;gap:20px}.sysstatus-loading{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text-dim)}.sysstatus-header{display:flex;justify-content:space-between;align-items:center}.sysstatus-header h2{display:flex;align-items:center;gap:8px;font-size:1.2rem;color:var(--text-primary);margin:0}.health-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.health-card{display:flex;align-items:center;gap:14px;padding:18px 16px;background:var(--bg-card);border-radius:12px;border:1px solid var(--border)}.health-card.ok{border-left:3px solid #22c55e}.health-card.err{border-left:3px solid var(--red)}.health-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#0b3a6e26;color:var(--accent)}.health-info{display:flex;flex-direction:column}.health-label{font-size:.85rem;color:var(--text-primary);font-weight:600}.health-status{display:flex;align-items:center;gap:5px;font-size:.78rem}.health-card.ok .health-status{color:#22c55e}.health-card.err .health-status{color:var(--red)}.sys-section h3{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text-secondary);margin:0 0 12px}.cam-overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.cam-ov-card{display:flex;flex-direction:column;align-items:center;padding:20px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;gap:6px}.cam-ov-card .green{color:#22c55e}.cam-ov-card .red{color:var(--red)}.cam-ov-card .blue{color:var(--accent)}.cam-ov-val{font-size:1.4rem;font-weight:700;color:var(--text-primary)}.cam-ov-lbl{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.sys-info-table{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden}.info-row{display:flex;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border)}.info-label{color:var(--text-dim);font-size:.85rem}.info-value{color:var(--text-primary);font-size:.85rem;font-weight:600}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.15)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.logs-page{display:flex;flex-direction:column;gap:16px;animation:fadeInUp .3s ease-out}.logs-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px 22px;gap:14px;flex-wrap:wrap}.logs-header-left{display:flex;align-items:center;gap:12px}.logs-title-icon{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#ef44441a,#f59e0b0d);border:1px solid rgba(239,68,68,.2);display:flex;align-items:center;justify-content:center;color:#f87171;flex-shrink:0}.logs-header h2{font-size:1.15rem;font-weight:800;color:var(--text-primary);margin:0 0 2px;letter-spacing:-.2px}.logs-subtitle{font-size:.78rem;color:var(--text-dim);margin:0}.logs-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-auto-refresh{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;position:relative}.btn-auto-refresh.active{border-color:#22c55e4d;background:#22c55e0d;color:#4ade80}.live-dot{width:7px;height:7px;background-color:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e;animation:pulse-green 1.4s infinite}.btn-secondary-logs{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-secondary-logs:hover{background:var(--border);color:var(--text-primary)}.btn-secondary-logs:disabled{opacity:.5;cursor:not-allowed}.btn-danger-logs{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid rgba(239,68,68,.2);background:#ef44440d;color:#f87171;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-danger-logs:hover{background:#ef44441f;border-color:#ef44444d}.btn-refresh-logs{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-refresh-logs:hover{border-color:#3b82f6;color:#60a5fa}.logs-stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.log-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:2px;position:relative;overflow:hidden}.log-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:12px 12px 0 0}.log-stat-card.total:before{background:#94a3b8}.log-stat-card.error:before{background:#ef4444}.log-stat-card.warn:before{background:#f59e0b}.log-stat-card.info:before{background:#3b82f6}.log-stat-card.debug:before{background:#8b5cf6}.log-stat-count{font-size:1.6rem;font-weight:800;color:var(--text-primary);line-height:1.1;font-family:JetBrains Mono,monospace;letter-spacing:-.5px}.log-stat-card.error .log-stat-count{color:#f87171}.log-stat-card.warn .log-stat-count{color:#fbbf24}.log-stat-card.info .log-stat-count{color:#60a5fa}.log-stat-card.debug .log-stat-count{color:#a78bfa}.log-stat-label{font-size:.68rem;color:var(--text-dim);text-transform:uppercase;font-weight:700;letter-spacing:.5px}.logs-search-bar{display:flex;gap:12px;flex-wrap:wrap}.search-input-wrap{position:relative;flex:1;min-width:280px}.search-input-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-dim)}.search-input-wrap input{width:100%;padding:10px 14px 10px 40px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.84rem;outline:none;transition:all .15s}.search-input-wrap input:focus{border-color:#3b82f6;background:var(--bg-primary)}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-dim);font-size:1.1rem;cursor:pointer}.clear-search:hover{color:var(--text-primary)}.filter-dropdown-wrap{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:0 14px;min-width:170px}.filter-dropdown-wrap svg{color:var(--text-dim)}.filter-dropdown-wrap select{border:none;background:transparent;color:var(--text-primary);font-size:.84rem;outline:none;width:100%;cursor:pointer;padding:10px 0}.logs-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.logs-table{width:100%;border-collapse:collapse;font-size:.84rem}.logs-table th{padding:12px 16px;background:var(--bg-primary);color:var(--text-dim);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;border-bottom:2px solid var(--border);text-align:left}.logs-table td{padding:11px 16px;border-bottom:1px solid var(--border)}.log-row-item{cursor:pointer;transition:background .12s}.log-row-item.error{background:#ef444404}.log-row-item.error:hover{background:#ef44440a}.log-row-item.error td{border-bottom-color:#ef444414}.log-row-item.warn{background:#f59e0b03}.log-row-item.warn:hover{background:#f59e0b09}.log-row-item.warn td{border-bottom-color:#f59e0b14}.log-row-item.info:hover{background:#3b82f609}.log-row-item.debug:hover{background:#8b5cf609}.log-row-item.row-active td{background:#3b82f60a!important}.level-badge{display:inline-flex;align-items:center;gap:5px;font-size:.65rem;font-weight:800;padding:3px 9px;border-radius:6px;letter-spacing:.4px}.level-badge.error{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.25)}.level-badge.warn{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.level-badge.info{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.level-badge.debug{background:#8b5cf61f;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.log-time-cell{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.78rem;white-space:nowrap}.log-source-cell code{font-family:JetBrains Mono,monospace;background:#94a3b814;padding:3px 7px;border-radius:5px;font-size:.78rem;color:var(--text-primary)}.log-msg-cell{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-secondary);max-width:500px}.log-msg-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-action-cell{text-align:right;color:var(--text-dim)}.expand-icon{transition:transform .2s ease}.expand-icon.rotated{transform:rotate(45deg);color:#3b82f6}.log-expanded-row td{padding:0 16px 14px;background:#0f172a26}.log-expanded-row.error td{background:#ef444402}.log-expanded-row.warn td{background:#f59e0b02}.log-detail-box{background:#090d16;border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 8px #0000004d}.log-detail-header{display:flex;gap:20px;padding:8px 14px;background:#94a3b808;border-bottom:1px solid var(--border);font-size:.7rem;color:var(--text-dim)}.log-detail-header code{color:var(--text-secondary)}.log-detail-body{margin:0;padding:14px;font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.5;color:#e2e8f0;white-space:pre-wrap;word-break:break-all;max-height:250px;overflow-y:auto}.logs-row-skeleton td{padding:14px 16px}.skeleton-bar{height:14px;border-radius:4px;background:linear-gradient(90deg,var(--border) 25%,rgba(148,163,184,.06) 50%,var(--border) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite}.logs-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--text-dim)}.logs-empty-state p{margin:8px 0 0;font-size:.88rem}.logs-footer-pagination{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px 20px}.pagination-info{font-size:.82rem;color:var(--text-dim)}.pagination-info strong{color:var(--text-primary)}.pagination-buttons{display:flex;align-items:center;gap:10px}.pagination-buttons button{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;padding:5px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .15s}.pagination-buttons button:hover:not(:disabled){border-color:#3b82f6;color:#60a5fa}.pagination-buttons button:disabled{opacity:.4;cursor:not-allowed}.pagination-current{font-size:.8rem;color:var(--text-dim)}.pagination-current strong{color:var(--text-primary)}@media (max-width: 900px){.logs-stats-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.logs-stats-row{grid-template-columns:repeat(2,1fr)}.logs-header{flex-direction:column;align-items:flex-start}}.users-page{display:flex;flex-direction:column;gap:20px;animation:fadeInUp .3s ease-out}.users-header{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px 22px}.users-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:800;color:var(--text-primary)}.users-header-right{display:flex;align-items:center;gap:10px}.users-summary{display:flex;gap:12px;flex-wrap:wrap}.summary-chip{display:flex;flex-direction:column;align-items:flex-start;padding:14px 20px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);flex:1;min-width:100px;position:relative;overflow:hidden;transition:transform .2s}.summary-chip:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:12px 12px 0 0}.summary-chip:hover{transform:translateY(-2px)}.summary-chip.total:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.summary-chip.active:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.summary-chip.inactive:before{background:linear-gradient(90deg,#ef4444,#f87171)}.summary-chip.locked:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.summary-num{font-size:1.9rem;font-weight:800;line-height:1;letter-spacing:-.5px}.summary-chip.total .summary-num{color:#60a5fa}.summary-chip.active .summary-num{color:#4ade80}.summary-chip.inactive .summary-num{color:#f87171}.summary-chip.locked .summary-num{color:#fbbf24}.summary-label{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.7px;font-weight:600;margin-top:4px}.users-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px 16px}.search-box{display:flex;align-items:center;gap:8px;background:var(--bg-primary);border:1px solid var(--border);padding:8px 14px;border-radius:8px;flex:1;min-width:220px;transition:border-color .15s}.search-box:focus-within{border-color:#3b82f6}.search-box input{background:transparent;border:none;color:var(--text-primary);outline:none;width:100%;font-size:.88rem}.filter-selects{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-select{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.83rem;cursor:pointer;outline:none;transition:border-color .15s}.filter-select:focus{border-color:#3b82f6}.users-table-container{background:var(--bg-card);border-radius:14px;border:1px solid var(--border);overflow-x:auto;box-shadow:0 4px 24px #0000001f}.users-table{width:100%;border-collapse:collapse;text-align:left}.users-table th{padding:13px 18px;background:var(--bg-card);color:var(--text-dim);font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:1}.users-table td{padding:13px 18px;border-bottom:1px solid var(--border);vertical-align:middle;font-size:.87rem;transition:background .12s}.users-table tbody tr:hover td{background:#3b82f60a}.users-table tbody tr:last-child td{border-bottom:none}.inactive-row td{opacity:.45}.user-cell{display:flex;align-items:center;gap:10px}.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:#fff;flex-shrink:0}.user-avatar.inactive{background:linear-gradient(135deg,#475569,#334155)}.user-username{font-weight:700;color:var(--text-primary);font-size:.88rem;display:flex;align-items:center;gap:5px}.user-id{font-size:.7rem;color:var(--text-dim);font-family:monospace}.td-stack{display:flex;flex-direction:column;gap:3px}.td-main{font-weight:600;color:var(--text-primary)}.td-sub{font-size:.76rem;color:var(--text-dim)}.role-badge{display:inline-block;padding:3px 9px;border-radius:6px;font-size:.68rem;font-weight:800;letter-spacing:.4px;background:#6366f11f;color:#a5b4fc;border:1px solid rgba(99,102,241,.2);white-space:nowrap}.role-badge.super_admin{background:#ef44441a;color:#f87171;border-color:#ef444433}.role-badge.sp{background:#eab3081a;color:#fde047;border-color:#eab30833}.role-badge.dsp{background:#eab30814;color:#fbbf24;border-color:#eab30826}.role-badge.inspector{background:#3b82f61a;color:#60a5fa;border-color:#3b82f633}.role-badge.developer{background:#a855f71a;color:#c084fc;border-color:#a855f733}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:.72rem;font-weight:700;white-space:nowrap;letter-spacing:.3px}.status-badge.ok{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.status-badge.error{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.status-badge.warn{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.badge-warning{color:#f59e0b;margin-left:4px;vertical-align:middle}.action-buttons{display:flex;gap:6px;align-items:center}.action-buttons button{padding:5px 12px;border-radius:7px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-weight:600;transition:all .16s cubic-bezier(.4,0,.2,1);white-space:nowrap}.action-buttons button:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 3px 10px #3b82f640}.action-buttons button.btn-danger{color:#f87171;border-color:#ef44444d}.action-buttons button.btn-danger:hover{background:#ef444426;color:#f87171;border-color:#ef4444;box-shadow:0 3px 10px #ef444433;transform:translateY(-1px)}.action-buttons button.btn-success{color:#4ade80;border-color:#22c55e4d}.action-buttons button.btn-success:hover{background:#22c55e1f;color:#4ade80;border-color:#22c55e;box-shadow:0 3px 10px #22c55e33;transform:translateY(-1px)}.users-loading{padding:48px;text-align:center;color:var(--text-dim);font-size:.9rem}.empty-state{padding:56px;text-align:center;color:var(--text-dim)}.empty-state svg{opacity:.3;margin-bottom:12px}.empty-state p{margin:0;font-size:.9rem}.btn-primary{display:flex;align-items:center;gap:7px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:9px;font-size:.87rem;font-weight:700;cursor:pointer;transition:all .18s;box-shadow:0 4px 12px #3b82f640;white-space:nowrap}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #3b82f659}.btn-secondary{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;font-size:.84rem;font-weight:500;transition:all .18s}.btn-secondary:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:580px;padding:28px;box-shadow:0 24px 60px #00000080;position:relative;max-height:92vh;overflow-y:auto;animation:slideUp .25s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:1.1rem;font-weight:800;color:var(--text-primary)}.btn-close{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:all .15s}.btn-close:hover{background:var(--bg-primary);color:var(--text-primary)}.user-form{display:flex;flex-direction:column;gap:16px}.form-group label{font-size:.75rem;color:var(--text-dim);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:10px 14px;border-radius:9px;outline:none;font-family:inherit;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:20px;border-top:1px solid var(--border)}.temp-password-screen{text-align:center;padding:16px 0 8px}.temp-password-screen .warning-icon{color:#f59e0b;margin-bottom:12px}.temp-password-screen h4{font-size:1rem;font-weight:800;color:var(--text-primary);margin:0 0 8px}.temp-password-screen p{font-size:.84rem;color:var(--text-dim);margin:0 0 20px;line-height:1.6}.temp-password-box{background:#f59e0b14;border:1px dashed #f59e0b;color:#fbbf24;font-family:Courier New,monospace;font-size:1.8rem;font-weight:800;padding:20px;border-radius:10px;margin:0 0 20px;letter-spacing:.15em;word-break:break-all}@media (max-width: 768px){.users-header{flex-direction:column;align-items:flex-start}.form-row{grid-template-columns:1fr}.users-summary{grid-template-columns:repeat(2,1fr)}.filter-selects{width:100%}}.settings-page{display:flex;flex-direction:column;gap:24px;animation:fadeInUp .3s ease-out}.settings-toast{position:fixed;top:20px;right:24px;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:.88rem;font-weight:600;z-index:9999;animation:slideInRight .3s ease-out;box-shadow:0 8px 24px #0000004d}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.settings-toast.success{background:#22c55e26;border:1px solid #22c55e;color:#4ade80}.settings-toast.error{background:#ef444426;border:1px solid #ef4444;color:#f87171}.settings-header h2{display:flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:800;color:var(--text-primary);margin:0 0 4px}.settings-sub{font-size:.85rem;color:var(--text-dim)}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start}.settings-nav{display:flex;flex-direction:column;gap:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:10px;position:sticky;top:20px}.settings-nav-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.87rem;font-weight:500;width:100%;text-align:left;transition:all .15s;position:relative}.settings-nav-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.settings-nav-btn.active{background:#3b82f61f;color:#60a5fa;font-weight:700}.settings-nav-btn.danger{color:#f87171}.settings-nav-btn.danger:hover{background:#ef44441a}.settings-nav-btn.danger.active{background:#ef44441f;color:#f87171}.nav-chevron{margin-left:auto;opacity:0;transition:opacity .15s}.settings-nav-btn.active .nav-chevron,.settings-nav-btn:hover .nav-chevron{opacity:1}.settings-content{display:flex;flex-direction:column;gap:16px}.settings-section h3{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 4px}.section-desc{font-size:.83rem;color:var(--text-dim);margin:0 0 16px}.settings-section{display:flex;flex-direction:column;gap:16px}.settings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:16px}.settings-card h4{font-size:.9rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;padding-bottom:12px;border-bottom:1px solid var(--border)}.profile-avatar{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.avatar-circle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 4px 14px #3b82f659}.avatar-name{font-size:1rem;font-weight:700;color:var(--text-primary)}.avatar-role{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.78rem;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{padding:9px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-size:.88rem;outline:none;transition:border-color .15s}.form-group input:focus{border-color:#3b82f6}.form-group input.disabled{opacity:.5;cursor:not-allowed}.field-note{font-size:.72rem;color:var(--text-dim);font-style:italic}.pw-input-wrap{position:relative;display:flex;align-items:center}.pw-input-wrap input{width:100%;padding-right:40px}.pw-input-wrap button{position:absolute;right:10px;background:none;border:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center}.pw-strength{display:flex;align-items:center;gap:10px;margin-top:4px}.pw-strength-bar{display:flex;gap:4px}.pw-seg{height:4px;width:40px;border-radius:2px;transition:background .2s}.btn-save{display:flex;align-items:center;gap:8px;padding:10px 22px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:9px;font-size:.88rem;font-weight:700;cursor:pointer;align-self:flex-start;transition:all .18s;box-shadow:0 4px 12px #3b82f640}.btn-save:hover{transform:translateY(-1px);box-shadow:0 6px 18px #3b82f659}.btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.toggle-rows{display:flex;flex-direction:column;gap:0}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);gap:12px}.toggle-row:last-of-type{border-bottom:none}.toggle-label{font-size:.88rem;font-weight:600;color:var(--text-primary)}.toggle-desc{font-size:.76rem;color:var(--text-dim);margin-top:2px}.toggle-switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:24px;cursor:pointer;transition:.2s}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}.toggle-switch input:checked+.toggle-slider{background:#3b82f6}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.theme-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px}.theme-btn{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border-radius:12px;border:2px solid var(--border);cursor:pointer;transition:all .18s;background:var(--bg-primary);position:relative;text-align:left}.theme-btn span:first-of-type{font-weight:700;font-size:.9rem;color:var(--text-primary)}.theme-desc{font-size:.75rem;color:var(--text-dim)}.theme-btn.selected{border-color:#3b82f6;background:#3b82f612}.theme-btn:hover:not(.selected){border-color:var(--text-dim)}.theme-check{position:absolute;top:12px;right:12px;color:#3b82f6}.info-rows{display:flex;flex-direction:column;gap:0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--border);font-size:.85rem;color:var(--text-secondary)}.info-row:last-child{border-bottom:none}.info-val{color:var(--text-primary);font-weight:600}.info-val.highlight{color:#60a5fa}.info-val.mono{font-family:monospace;font-size:.78rem;color:var(--text-dim)}.badge-green{padding:3px 10px;background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.25);border-radius:20px;font-size:.72rem;font-weight:700}.danger-card{border-color:#ef444440}.danger-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.danger-label{font-size:.9rem;font-weight:700;color:var(--text-primary)}.danger-desc{font-size:.78rem;color:var(--text-dim);margin-top:3px}.btn-danger-outline{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:8px;border:1px solid rgba(239,68,68,.4);background:transparent;color:#f87171;cursor:pointer;font-size:.85rem;font-weight:600;white-space:nowrap;transition:all .15s;flex-shrink:0}.btn-danger-outline:hover{background:#ef44441a;border-color:#ef4444}.btn-danger-solid{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:8px;border:none;background:#ef4444;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;transition:all .15s}.btn-danger-solid:hover{background:#dc2626}@media (max-width: 768px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;flex-direction:row;flex-wrap:wrap}.form-grid,.theme-picker{grid-template-columns:1fr}}.reports-page{display:flex;flex-direction:column;gap:20px;animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}.reports-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:18px 22px}.reports-header h2{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;margin:0 0 4px;color:var(--text-primary)}.reports-sub{font-size:.82rem;color:var(--text-dim);margin:0}.reports-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.date-range-picker{display:flex;align-items:center;gap:8px;background:var(--bg-primary);border:1px solid var(--border);border-radius:9px;padding:8px 12px;font-size:.83rem;color:var(--text-dim)}.date-range-picker input{background:transparent;border:none;color:var(--text-primary);font-size:.83rem;outline:none;cursor:pointer}.date-range-picker span{color:var(--text-dim);font-size:.78rem}.btn-refresh{padding:9px 12px;border-radius:9px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;transition:all .15s}.btn-refresh:hover{background:var(--border)}.btn-download{display:flex;align-items:center;gap:7px;padding:9px 18px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:9px;font-size:.86rem;font-weight:700;cursor:pointer;transition:all .18s;box-shadow:0 4px 12px #3b82f640;white-space:nowrap}.btn-download:hover{transform:translateY(-1px);box-shadow:0 6px 18px #3b82f659}.btn-download:disabled{opacity:.5;cursor:not-allowed;transform:none}.reports-loading,.reports-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px;color:var(--text-dim);font-size:.9rem;background:var(--bg-card);border:1px solid var(--border);border-radius:14px}.reports-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.report-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:13px;padding:18px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;position:relative;overflow:hidden;transition:transform .18s}.report-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:13px 13px 0 0}.report-stat-card:hover{transform:translateY(-2px)}.report-stat-card.blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.report-stat-card.green:before{background:linear-gradient(90deg,#22c55e,#4ade80)}.report-stat-card.red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.report-stat-card.yellow:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.report-stat-card.purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.rsc-icon{color:var(--text-dim)}.rsc-num{font-size:1.9rem;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.5px}.rsc-label{font-size:.73rem;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.reports-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px 22px}.reports-card h3{display:flex;align-items:center;gap:8px;font-size:.97rem;font-weight:700;color:var(--text-primary);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.chart-legend{display:flex;gap:18px;font-size:.78rem;color:var(--text-dim);margin-bottom:10px}.chart-legend span{display:flex;align-items:center;gap:5px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.blue{background:#3b82f6}.dot.green{background:#22c55e}.dot.red{background:#ef4444}.trend-canvas{width:100%;height:200px;display:block}.reports-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.breakdown-list{display:flex;flex-direction:column;gap:10px}.breakdown-row{display:grid;grid-template-columns:130px 1fr 60px;align-items:center;gap:10px}.breakdown-label{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breakdown-bar-wrap{height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.breakdown-bar{height:100%;border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);min-width:2px}.breakdown-count{font-size:.8rem;font-weight:700;color:var(--text-primary);text-align:right}.breakdown-pct{color:var(--text-dim);font-weight:400}.table-wrap{overflow-x:auto}.reports-table{width:100%;border-collapse:collapse;font-size:.84rem}.reports-table th{padding:10px 14px;background:var(--bg-primary);color:var(--text-dim);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;border-bottom:2px solid var(--border);text-align:left}.reports-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text-primary)}.reports-table tbody tr:hover td{background:#3b82f608}.reports-table tbody tr:last-child td{border-bottom:none}.td-num{font-weight:700;text-align:center}.td-num.green{color:#4ade80}.td-num.red{color:#f87171}.td-num.yellow{color:#fbbf24}.rate-bar-wrap{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-dim)}.rate-bar{height:6px;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:3px;min-width:2px;transition:width .4s}@media (max-width: 900px){.reports-summary{grid-template-columns:repeat(3,1fr)}.reports-grid-2{grid-template-columns:1fr}.reports-header{flex-direction:column}}@media (max-width: 600px){.reports-summary{grid-template-columns:repeat(2,1fr)}}.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}}:root{--navy: #0e243a;--navy-dark: #071424;--navy-light: #163654;--red: #ff3b30;--red-dark: #c92a2a;--red-light: #ff6b6b;--white: #ffffff;--bg-primary: #070c14;--bg-secondary: #0d1520;--bg-card: #0d1520;--bg-card-hover: #141f2e;--bg-input: #141f2e;--border: #1a2638;--border-light: #24354f;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--info: #0ea5e9;--info-bg: rgba(14, 165, 233, .1);--text-dim: #94a3b8;--accent: #3b82f6;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow: 0 10px 30px -10px rgba(0, 0, 0, .5)}[data-theme=light]{--navy: #0B3A6E;--navy-dark: #072a52;--navy-light: #164a85;--red: #E31B23;--red-dark: #b91c1c;--red-light: #f87171;--white: #ffffff;--bg-primary: #f1f5f9;--bg-secondary: #e2e8f0;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-input: #ffffff;--border: #e2e8f0;--border-light: #cbd5e1;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--text-dim: #94a3b8;--shadow: 0 4px 12px rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow:hidden}#root{height:100vh;width:100vw}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.text-navy{color:var(--navy)!important}.text-red{color:var(--red)!important}