.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;font-family:var(--font-family)}.login-brand-panel{position:relative;background:linear-gradient(135deg,#0b132a,#1a2a4a,#0f1d32);padding:48px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.brand-content{position:relative;z-index:2;max-width:480px}.brand-logo{display:flex;align-items:center;gap:12px;margin-bottom:64px}.logo-icon{width:48px;height:48px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.logo-icon svg{width:28px;height:28px;color:#60a5fa}.logo-text{font-size:28px;font-weight:800;color:#fff;letter-spacing:.05em}.brand-hero{margin-bottom:48px}.brand-hero h1{font-size:42px;font-weight:800;line-height:1.2;color:#fff;margin-bottom:20px;letter-spacing:-.02em}.brand-hero p{font-size:16px;line-height:1.7;color:#fff9}.brand-features{display:flex;gap:24px}.feature-item{display:flex;align-items:center;gap:10px;color:#ffffffb3;font-size:14px;font-weight:500}.feature-icon{width:36px;height:36px;background:#60a5fa26;border-radius:10px;display:flex;align-items:center;justify-content:center}.feature-icon svg{width:18px;height:18px;color:#60a5fa}.brand-decoration{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.deco-circle{position:absolute;border-radius:50%;border:1px solid rgba(96,165,250,.1)}.deco-1{width:400px;height:400px;top:-100px;right:-100px;background:radial-gradient(circle,rgba(96,165,250,.05) 0%,transparent 70%)}.deco-2{width:300px;height:300px;bottom:-50px;left:-50px;background:radial-gradient(circle,rgba(139,92,246,.05) 0%,transparent 70%)}.deco-3{width:200px;height:200px;top:50%;right:20%;transform:translateY(-50%);border:1px dashed rgba(96,165,250,.15)}.deco-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(96,165,250,.1),transparent);height:1px}.deco-line-1{width:60%;top:30%;left:20%;transform:rotate(-15deg)}.deco-line-2{width:40%;bottom:25%;right:10%;transform:rotate(10deg)}.login-form-panel{background:#fff;display:flex;align-items:center;justify-content:center;padding:48px}.form-container{width:100%;max-width:400px}.form-header{margin-bottom:36px}.form-header h2{font-size:32px;font-weight:800;color:var(--color-text-primary);margin-bottom:8px;letter-spacing:-.02em}.form-header p{font-size:15px;color:var(--color-text-secondary)}.login-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:14px;font-weight:600;color:var(--color-text-primary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;width:20px;height:20px;color:var(--color-text-muted);pointer-events:none}.input-wrapper input{width:100%;padding:14px 48px 14px 44px;font-size:15px;border:2px solid var(--color-border-light);border-radius:12px;background:var(--color-bg-input);color:var(--color-text-primary);transition:all .2s ease}.input-wrapper input::placeholder{color:var(--color-text-muted)}.input-wrapper input:focus{outline:none;border-color:var(--color-navy-primary);background:#fff;box-shadow:0 0 0 4px #111c3d14}.password-toggle{position:absolute;right:12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--color-text-muted);transition:all .2s ease}.password-toggle:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.password-toggle svg{width:20px;height:20px}.submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;margin-top:8px;font-size:16px;font-weight:700;color:#fff;background:var(--color-navy-primary);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #111c3d33}.submit-btn:hover:not(:disabled){background:var(--color-navy-dark);transform:translateY(-1px);box-shadow:0 6px 20px #111c3d4d}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.form-footer{margin-top:32px;text-align:center}.form-footer p{font-size:14px;color:var(--color-text-secondary)}.form-footer a{color:var(--color-navy-primary);font-weight:600;text-decoration:none;transition:color .2s ease}.form-footer a:hover{color:var(--color-accent-blue);text-decoration:underline}@media (max-width: 1024px){.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh}}@media (max-width: 480px){.login-form-panel{padding:24px}.form-header h2{font-size:26px}.input-wrapper input{padding:12px 44px 12px 40px;font-size:16px}.submit-btn{padding:14px}}.signup-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;font-family:var(--font-family)}.signup-brand-panel{position:relative;background:linear-gradient(145deg,#0f1d32,#1a2a4a 40%,#0b132a);padding:48px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.signup-brand-panel .brand-content{position:relative;z-index:2;max-width:480px}.signup-brand-panel .brand-hero{margin-bottom:48px}.signup-brand-panel .brand-hero h1{font-size:48px;font-weight:800;line-height:1.15;color:#fff;margin-bottom:20px;letter-spacing:-.02em}.signup-brand-panel .brand-hero p{font-size:16px;line-height:1.7;color:#fff9}.brand-steps{display:flex;flex-direction:column;gap:20px}.step-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ffffff08;border-radius:14px;border:1px solid rgba(255,255,255,.06);transition:all .2s ease}.step-item:hover{background:#ffffff0f;border-color:#64748b4d}.step-number{width:36px;height:36px;background:linear-gradient(135deg,#475569,#64748b);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.step-content{display:flex;flex-direction:column;gap:2px}.step-title{font-size:15px;font-weight:600;color:#fff}.step-desc{font-size:13px;color:#ffffff80}.signup-brand-panel .brand-decoration{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.signup-brand-panel .deco-circle{position:absolute;border-radius:50%}.signup-brand-panel .deco-1{width:500px;height:500px;top:-150px;right:-150px;background:radial-gradient(circle,rgba(100,116,139,.08) 0%,transparent 60%);border:1px solid rgba(100,116,139,.1)}.signup-brand-panel .deco-2{width:350px;height:350px;bottom:-100px;left:-100px;background:radial-gradient(circle,rgba(96,165,250,.06) 0%,transparent 60%);border:1px solid rgba(96,165,250,.08)}.deco-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black 40%,transparent 100%)}.signup-form-panel{background:#fff;display:flex;align-items:center;justify-content:center;padding:48px;overflow-y:auto}.signup-form-panel .form-container{width:100%;max-width:400px}.signup-form-panel .form-header{margin-bottom:32px}.signup-form-panel .form-header h2{font-size:32px;font-weight:800;color:var(--color-text-primary);margin-bottom:8px;letter-spacing:-.02em}.signup-form-panel .form-header p{font-size:14px;color:var(--color-text-secondary);line-height:1.5}.signup-form{display:flex;flex-direction:column;gap:18px}.signup-form .input-group{display:flex;flex-direction:column;gap:6px}.signup-form .input-group label{font-size:13px;font-weight:600;color:var(--color-text-primary)}.signup-form .input-wrapper{position:relative;display:flex;align-items:center}.signup-form .input-icon{position:absolute;left:14px;width:18px;height:18px;color:var(--color-text-muted);pointer-events:none}.signup-form .input-wrapper input{width:100%;padding:12px 44px 12px 42px;font-size:15px;border:2px solid var(--color-border-light);border-radius:10px;background:var(--color-bg-input);color:var(--color-text-primary);transition:all .2s ease}.signup-form .input-wrapper input::placeholder{color:var(--color-text-muted)}.signup-form .input-wrapper input:focus{outline:none;border-color:#475569;background:#fff;box-shadow:0 0 0 4px #4755691a}.signup-form .password-toggle{position:absolute;right:10px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--color-text-muted);transition:all .2s ease}.signup-form .password-toggle:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.signup-form .password-toggle svg{width:18px;height:18px}.signup-form .submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;margin-top:8px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#475569,#334155);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #33415540}.signup-form .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#334155,#1e293b);transform:translateY(-1px);box-shadow:0 6px 20px #33415559}.signup-form .submit-btn:active:not(:disabled){transform:translateY(0)}.signup-form .submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.signup-form .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.signup-form-panel .form-footer{margin-top:28px;text-align:center}.signup-form-panel .form-footer p{font-size:14px;color:var(--color-text-secondary)}.signup-form-panel .form-footer a{color:#475569;font-weight:600;text-decoration:none;transition:color .2s ease}.signup-form-panel .form-footer a:hover{color:#1e293b;text-decoration:underline}@media (max-width: 1024px){.signup-page{grid-template-columns:1fr}.signup-brand-panel{display:none}.signup-form-panel{min-height:100vh}}@media (max-width: 480px){.signup-form-panel{padding:24px}.signup-form-panel .form-header h2{font-size:26px}.signup-form .input-wrapper input{padding:12px 40px 12px 38px;font-size:16px}.signup-form .submit-btn{padding:14px}}.pending-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:24px;font-family:var(--font-family)}.pending-container{text-align:center;max-width:400px}.pending-icon-wrapper{margin-bottom:32px}.pending-icon{width:80px;height:80px;margin:0 auto;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center}.pending-icon svg{width:40px;height:40px;color:#64748b}.pending-container h1{font-size:28px;font-weight:800;color:#0f172a;margin:0 0 16px;letter-spacing:-.02em}.pending-container p{font-size:15px;color:#64748b;line-height:1.6;margin:0 0 32px}.back-link{display:inline-block;padding:14px 32px;font-size:15px;font-weight:600;color:#475569;background:#f1f5f9;border-radius:10px;text-decoration:none;transition:all .2s ease}.back-link:hover{background:#e2e8f0;color:#1e293b}.app-header{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:#0b132a;color:#fff;box-shadow:0 4px 20px #0f172a40;position:sticky;top:0;z-index:1000}.brand{display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .2s ease}.brand:hover{opacity:.85}.brand-logo{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#1e3a5f,#0f172a);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#60a5fa;letter-spacing:1px;box-shadow:0 4px 12px #111c3d66}.brand-title{font-size:16px;font-weight:700;letter-spacing:-.3px}.brand-subtitle{font-size:11px;opacity:.7;margin-top:1px}.header-nav{display:flex;gap:4px;background:#ffffff0f;padding:4px;border-radius:10px}.nav-btn{padding:8px 16px;border:none;background:transparent;color:#ffffffb3;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.nav-btn:hover{background:#ffffff1a;color:#fff}.nav-btn.active{background:#3b82f6e6;color:#fff;box-shadow:0 2px 8px #3b82f64d}.header-right{display:flex;align-items:center;gap:12px}.user-chip{padding:6px 12px;background:#ffffff1a;border-radius:20px;font-size:13px;font-weight:600;color:#e2e8f0}.logout-btn{padding:8px 16px;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ef44444d}.logout-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.notif-btn{position:relative;width:38px;height:38px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;border-radius:10px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.notif-btn:hover{background:#ffffff26}.notif-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;padding:0 4px;border-radius:9px;display:flex;align-items:center;justify-content:center}.notif-dropdown{position:absolute;right:0;margin-top:8px;width:340px;background:#fff;color:#0f172a;border-radius:12px;box-shadow:0 20px 50px #0f172a40;border:1px solid #e5e7eb;max-height:420px;overflow-y:auto;z-index:1500;display:flex;flex-direction:column}.notif-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:12px 12px 0 0}.notif-title-head{font-size:14px;font-weight:700}.notif-actions{display:flex;gap:6px}.notif-action-btn{padding:5px 10px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;font-size:11px;font-weight:600;color:#475569;cursor:pointer;transition:all .15s ease}.notif-action-btn.danger{color:#dc2626;border-color:#fecaca;background:#fef2f2}.notif-action-btn.danger:hover{background:#fee2e2}.notif-item{padding:12px 16px;border-bottom:1px solid #f1f5f9}.notif-line{display:flex;align-items:center;gap:8px}.notif-type{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;background:#e2e8f0;color:#475569}.notif-type.device{background:#dcfce7;color:#15803d}.notif-type.system{background:#f3e8ff;color:#7c3aed}.notif-type.error{background:#fef2f2;color:#dc2626}.notif-item-title{font-weight:700;font-size:13px;color:#0f172a}.notif-dot{width:8px;height:8px;border-radius:50%;background:#ef4444}.notif-msg{font-size:12px;color:#64748b;margin-top:4px;line-height:1.4}.notif-empty{padding:24px;text-align:center;color:#94a3b8;font-size:13px}@media (max-width: 900px){.app-header{padding:12px 16px;flex-wrap:wrap;gap:12px}.header-nav{order:3;width:100%;justify-content:center}.brand-title{font-size:14px}.brand-subtitle{display:none}}@media (max-width: 600px){.app-header{padding:10px 12px}.brand-logo{width:36px;height:36px;font-size:12px}.brand-title{font-size:13px}.header-nav{gap:2px;padding:3px}.nav-btn{padding:6px 10px;font-size:12px}.header-right{gap:8px}.user-chip{padding:4px 8px;font-size:11px}.logout-btn{padding:6px 12px;font-size:12px}.notif-btn{width:34px;height:34px;font-size:14px}.notif-dropdown{width:calc(100vw - 24px);right:-8px;max-height:70vh}}@media (max-width: 400px){.header-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;justify-content:flex-start}.nav-btn{white-space:nowrap;flex-shrink:0}.user-chip{display:none}}.dashboard{display:flex;flex-direction:column;min-height:100vh;background:#f6f7fb;font-family:Inter,system-ui,-apple-system,sans-serif;color:#0f172a}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;background:#0b132a;color:#fff;box-shadow:0 6px 24px #0f172a40}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:42px;height:42px;border-radius:12px;background:#111c3d;display:grid;place-items:center;font-weight:800;letter-spacing:.06em;box-shadow:0 10px 26px #111c3d4d}.brand-title{font-size:18px;font-weight:800}.brand-subtitle{font-size:12px;opacity:.8}.header-right{display:flex;align-items:center;gap:10px}.notif-wrapper{position:relative}.notif-btn{position:relative;border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:700}.notif-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:700;min-width:22px;text-align:center}.notif-dropdown{position:absolute;right:0;margin-top:8px;width:320px;background:#fff;color:#0f172a;border-radius:12px;box-shadow:0 20px 48px #0f172a2e;border:1px solid #e5e7eb;max-height:420px;overflow-y:auto;z-index:1500;display:flex;flex-direction:column}.notif-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.notif-title-head{font-size:15px;font-weight:800}.notif-actions{display:flex;gap:8px}.notif-action-btn{padding:6px 10px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;font-size:12px;font-weight:700;cursor:pointer}.notif-action-btn:hover{background:#f1f5f9}.notif-action-btn.danger{color:#b91c1c;border-color:#fecdd3;background:#fff1f2}.notif-action-btn.danger:hover{background:#ffe4e6}.notif-item{padding:12px 14px;border-bottom:1px solid #e5e7eb;display:flex;gap:10px}.notif-item:last-child{border-bottom:none}.notif-avatar{width:36px;height:36px;border-radius:12px;background:#111c3d;color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px;flex-shrink:0}.notif-body{flex:1}.notif-line{display:flex;align-items:center;gap:6px}.notif-type{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:capitalize;color:#0f172a;background:#e2e8f0}.notif-type.login{background:#dbeafe;color:#1d4ed8}.notif-type.device{background:#ecfdf3;color:#15803d}.notif-type.system{background:#ede9fe;color:#6d28d9}.notif-type.error{background:#fef2f2;color:#b91c1c}.notif-item-title{font-weight:800;font-size:13px}.notif-dot{width:8px;height:8px;border-radius:999px;background:#ef4444}.notif-msg{font-size:12px;color:#475569;margin-top:2px}.notif-time{font-size:11px;color:#94a3b8;margin-top:4px}.notif-empty{padding:16px;text-align:center;color:#94a3b8;font-weight:600}.user-chip{padding:8px 12px;background:#ffffff14;border-radius:10px;font-weight:700}.ghost-btn,.primary-btn{padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:#fff;cursor:pointer;font-weight:700;transition:all .2s ease}.ghost-btn:hover,.primary-btn:hover{background:#111c3d;border-color:#ffffff59}.primary-btn{background:#111c3d;border-color:transparent}.ghost-btn.small{padding:8px 10px;font-size:12px;border-radius:8px;background:#0f172a;color:#fff;border-color:#0f172a}.ghost-btn.small:hover{background:#0b132a;border-color:#0b132a}.dashboard-content{flex:1;padding:24px 28px 32px;display:flex;flex-direction:column;gap:18px}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.stat-card{background:#fff;padding:16px;border-radius:14px;box-shadow:0 12px 30px #0f172a14;border:1px solid #e5e7eb}.stat-label{color:#475569;font-size:12px;font-weight:700;letter-spacing:.02em}.stat-value{font-size:26px;font-weight:800;color:#0f172a;display:block;margin-top:6px}.stat-desc{color:#94a3b8;font-size:12px;margin-top:2px}.main-grid{flex:1;min-height:0;display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start}.map-panel{background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 16px 38px #0f172a14;padding:12px;display:flex;flex-direction:column;gap:8px}.side-panel{background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 16px 38px #0f172a14;padding:16px;display:flex;flex-direction:column;min-height:0;overflow:hidden;min-width:320px}.panel-head{display:flex;justify-content:space-between;align-items:center}.side-panel .panel-head{padding-bottom:8px;margin-bottom:4px;flex-shrink:0}.side-panel .panel-head.sticky-header{background:#fff;flex-shrink:0}.detection-panel{background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 16px 38px #0f172a14;padding:16px;display:flex;flex-direction:column;gap:12px}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;align-items:end}.filter-item{display:flex;flex-direction:column;gap:4px}.filter-item label{font-size:12px;font-weight:700;color:#475569}.filter-item input,.filter-item select{padding:10px;border:1px solid #e2e8f0;border-radius:10px;font-size:13px}.filter-item.apply{display:flex;align-items:center}.filter-item.page-size-radio{min-width:180px}.radio-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:4px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;font-size:13px;font-weight:600;color:#475569;transition:all .15s ease}.radio-label:hover{background:#f1f5f9;border-color:#cbd5e1}.radio-label.active{background:#0f172a;border-color:#0f172a;color:#fff}.radio-label input[type=radio]{display:none}.filter-reset-link{padding:8px 12px;color:#0f172a;font-size:13px;font-weight:600;text-decoration:underline;cursor:pointer;transition:opacity .15s ease;margin-left:auto}.filter-reset-link:hover{opacity:.7}.detections-table-wrapper{overflow-x:auto}.detections-table{width:100%;border-collapse:collapse;font-size:13px}.detections-table th,.detections-table td{padding:10px 12px;border-bottom:1px solid #e5e7eb;text-align:left}.detections-table thead{background:#f8fafc}.detections-table tr.selected-row{background:#eef2ff}.detections-table .thumb{width:72px;height:48px;object-fit:cover;border-radius:6px;background:#0f172a;cursor:pointer}.detections-table .addr-cell{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill{display:inline-block;padding:4px 10px;border-radius:999px;font-weight:700;font-size:11px;text-transform:capitalize}.status-pill.normal{background:#e8fdf5;color:#0f766e}.status-pill.duplicate{background:#fef3c7;color:#b45309}.status-pill.auto{background:#e0e7ff;color:#4338ca}.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;padding:12px 0}.pagination-info{color:#64748b;font-weight:600}.page-numbers{display:flex;align-items:center;gap:4px}.page-arrow{width:32px;height:32px;border:none;background:transparent;color:#94a3b8;font-size:14px;font-weight:700;cursor:pointer;border-radius:6px;transition:all .15s ease}.page-arrow:hover:not(:disabled){background:#f1f5f9;color:#0f172a}.page-arrow:disabled{opacity:.3;cursor:not-allowed}.page-num{min-width:32px;height:32px;border:none;background:transparent;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;border-radius:6px;transition:all .15s ease}.page-num:hover{background:#f1f5f9;color:#0f172a}.page-num.active{background:#0f172a;color:#fff}.page-actions{display:flex;gap:8px}.empty-row{text-align:center;color:#94a3b8}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;display:flex;align-items:center;justify-content:center;z-index:2000}.image-modal{position:relative;background:#000000eb;padding:10px;border-radius:14px;max-width:90vw;max-height:90vh;display:grid;place-items:center}.image-modal img{max-width:88vw;max-height:86vh;object-fit:contain;border-radius:8px}.image-modal.wide{max-width:95vw;max-height:95vh;padding:12px}.image-modal-body{display:grid;grid-template-columns:2fr 1fr;gap:12px;align-items:stretch;width:100%;height:100%}.modal-image-area{background:#0f172a;border-radius:12px;overflow:hidden;display:grid;place-items:center}.modal-image-area img{width:100%;height:100%;max-height:92vh;object-fit:contain}.modal-meta{background:#fff;color:#0f172a;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:92vh;min-width:260px;box-shadow:0 12px 32px #0f172a2e}.meta-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800}.meta-title .plate{font-weight:900}.meta-row{display:flex;gap:8px;font-size:13px;line-height:1.4}.meta-label{min-width:72px;color:#475569;font-weight:700}.meta-text{color:#0f172a}.meta-actions{margin-top:8px;display:flex;gap:8px}.modal-mini-map{width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;border:2px solid #e2e8f0;margin-top:4px}.modal-mini-map .leaflet-container{height:100%!important;width:100%!important;background:#1e293b}.modal-close{position:absolute;top:8px;right:8px;border:none;background:#ffffff1f;color:#fff;border-radius:8px;padding:6px 10px;cursor:pointer;font-weight:800}.modal-close:hover{background:#fff3}.panel-head h3{margin:0;font-size:16px;font-weight:800;color:#0f172a}.panel-head p{margin:2px 0 0;color:#94a3b8;font-size:12px}.map-shell{width:100%;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;border:1px solid #e2e8f0;background:#e5e7eb}.map-shell .leaflet-container{height:100%!important;width:100%!important;background:#e5e7eb}.map-shell .leaflet-control-container,.map-shell .leaflet-control-zoom{z-index:500!important}.detections-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;flex-shrink:0}.detection-card{padding:10px 12px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}.detection-meta .plate{font-weight:800;font-size:14px}.detection-meta .address{font-size:12px;color:#475569}.detection-card .time{font-size:12px;color:#94a3b8;margin-top:6px}.vehicles-list{display:flex;flex-direction:column;gap:6px;flex:1;min-height:60px;max-height:200px;overflow-y:auto}.history-section{margin-top:12px;flex-shrink:0}.history-grid{display:flex;flex-direction:row;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scroll-behavior:smooth}.history-grid::-webkit-scrollbar{height:6px}.history-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.history-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.history-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.history-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;cursor:pointer;transition:box-shadow .2s ease,transform .1s ease;min-width:calc(33.33% - 8px);max-width:calc(33.33% - 8px);flex-shrink:0}.history-card:hover{box-shadow:0 12px 32px #0f172a29;transform:translateY(-1px)}.history-card.selected{border-color:#0f172a;box-shadow:0 12px 32px #0f172a33}.history-thumb{width:100%;height:100px;background:#0f172a;display:grid;place-items:center;overflow:hidden}.history-thumb img{width:100%;height:100%;object-fit:cover}.no-thumb{color:#e5e7eb;font-weight:700}.history-meta{padding:12px;display:flex;flex-direction:column;gap:4px}.history-meta .plate{font-weight:800;color:#0f172a}.history-meta .time{font-size:12px;color:#475569}.history-meta .addr{font-size:12px;color:#94a3b8}.history-empty{padding:12px;color:#94a3b8;font-weight:600}.vehicle-row{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.vehicle-row:hover{background:#eef2ff;border-color:#c7d2fe}.vehicle-row.selected{background:#e0e7ff;border-color:#818cf8}.vehicle-row .plate{font-weight:800;font-size:14px;color:#0f172a}.vehicle-row .meta{font-size:12px;color:#64748b}.status-badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;text-transform:capitalize}@media (max-width: 1100px){.main-grid{grid-template-columns:1fr;gap:12px}.side-panel{min-width:unset;width:100%;height:auto!important;max-height:500px;overflow:hidden}.map-panel{order:1}.side-panel{order:2}}@media (max-width: 768px){.dashboard-content{padding:16px 12px 24px}.stats-cards{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:12px}.stat-value{font-size:22px}.side-panel{min-width:unset;width:100%;height:auto!important;max-height:450px;overflow:hidden;position:relative;z-index:1}.vehicles-list{max-height:200px;overflow-y:auto}.vehicle-row{padding:14px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}.vehicle-row:active{background:#e0e7ff;border-color:#818cf8}.detections-list{gap:8px}.detection-card{padding:14px}.filter-bar{grid-template-columns:1fr}.filter-item.page-size-radio{min-width:unset;width:100%}.radio-group{flex-wrap:nowrap;width:100%}.filter-reset-link{white-space:nowrap}.page-numbers{flex-wrap:wrap;justify-content:center}.history-card{min-width:140px;max-width:140px}.history-thumb{height:80px}.detections-accordion{display:flex;flex-direction:column;gap:6px}.accordion-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:all .2s ease}.accordion-item.expanded{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a1a}.accordion-item.selected{border-color:#3b82f6;background:#f0f9ff}.accordion-header{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.accordion-header:active{background:#f8fafc}.accordion-id{font-size:12px;font-weight:700;color:#64748b;min-width:32px}.accordion-plate{flex:1;font-size:15px;font-weight:800;color:#0f172a}.accordion-time{font-size:12px;color:#94a3b8}.accordion-arrow{font-size:10px;color:#94a3b8;transition:transform .2s ease}.accordion-arrow.open{transform:rotate(180deg)}.accordion-body{border-top:1px solid #e5e7eb;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.accordion-image{width:100%;aspect-ratio:16 / 9;background:#0f172a;display:flex;align-items:center;justify-content:center;cursor:pointer}.accordion-image img{width:100%;height:100%;object-fit:contain}.accordion-details{padding:12px 14px;display:flex;flex-direction:column;gap:8px;background:#f8fafc}.accordion-row{display:flex;gap:8px;font-size:13px}.accordion-label{min-width:48px;color:#64748b;font-weight:600}.accordion-value{color:#0f172a;flex:1}.accordion-map-btn{width:100%;padding:12px;border:none;background:#0f172a;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:background .2s ease}.accordion-map-btn:active{background:#1e293b}.empty-card{padding:32px;text-align:center;color:#94a3b8;background:#f8fafc;border-radius:12px}.filter-bar{gap:12px}.filter-item,.filter-item input[type=datetime-local]{width:100%}.filter-item.apply{margin-top:4px}.filter-item.apply .primary-btn{width:100%}.image-modal.wide{max-width:100vw;max-height:100vh;border-radius:0;padding:8px}.image-modal-body{grid-template-columns:1fr;grid-template-rows:1fr auto}.modal-image-area img{max-height:50vh}.modal-meta{max-height:40vh;min-width:unset;padding:12px}.modal-mini-map{height:120px}.modal-close{top:4px;right:4px;padding:8px 12px;background:#000000b3;z-index:10}.map-shell{aspect-ratio:4 / 3}.panel-head h3{font-size:14px}.panel-head p{font-size:11px}.ghost-btn.small{padding:10px 12px;min-height:40px}.primary-btn{padding:12px 16px;min-height:44px}.filter-item input,.filter-item select{font-size:16px}}@media (max-width: 400px){.dashboard-content{padding:12px 8px 20px}.stats-cards{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:10px}.stat-value{font-size:20px}.stat-label,.stat-desc{font-size:11px}.page-num{min-width:28px;height:28px;font-size:12px}.page-arrow{width:28px;height:28px}.detection-card{padding:10px}.detection-meta .plate,.vehicle-row .plate{font-size:13px}.vehicle-row .meta{font-size:11px}.status-badge{padding:4px 8px;font-size:11px}}.custom-marker{background:transparent!important;border:none!important}.marker-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.custom-marker.latest .marker-pulse{position:absolute;width:100%;height:100%;border-radius:50%;animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}.marker-pin{width:70%;height:70%;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:transform .2s ease}.marker-inner{width:35%;height:35%;background:#ffffffe6;border-radius:50%}.custom-marker:hover .marker-pin{transform:scale(1.15)}.custom-marker.previous .marker-pulse{display:none}.custom-marker.previous .marker-pin{opacity:.8}.custom-marker.selected .marker-pin{transform:scale(1.2);box-shadow:0 4px 16px #0000004d!important}.mobile-side-panel{background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 16px 38px #0f172a14;overflow:hidden;display:none}.mobile-tabs{display:flex;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:0}.mobile-tab{flex:1;padding:14px 8px;border:none;background:transparent;font-size:13px;font-weight:700;color:#64748b;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.mobile-tab:active{background:#e2e8f0}.mobile-tab.active{color:#0f172a;background:#fff}.mobile-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#0f172a;border-radius:3px 3px 0 0}.mobile-tab.disabled{color:#cbd5e1;cursor:not-allowed}.tab-badge{background:#e2e8f0;color:#475569;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800}.mobile-tab.active .tab-badge{background:#0f172a;color:#fff}.mobile-tab-content{padding:16px;max-height:50vh;overflow-y:auto}.mobile-section{display:flex;flex-direction:column;gap:12px}.section-header{display:flex;justify-content:space-between;align-items:center}.section-desc{color:#64748b;font-size:12px;font-weight:600;margin:0}.clear-btn{padding:6px 12px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.history-header{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.selected-vehicle-info{display:flex;align-items:center;gap:10px}.plate-large{font-size:18px;font-weight:900;color:#0f172a}.history-vertical-list{display:flex;flex-direction:column;gap:10px}.history-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease}.history-item:active,.history-item.selected{background:#e0e7ff;border-color:#818cf8}.history-item-thumb{width:64px;height:48px;background:#0f172a;border-radius:8px;overflow:hidden;flex-shrink:0}.history-item-thumb img{width:100%;height:100%;object-fit:cover}.history-item-thumb .no-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:10px}.history-item-info{flex:1;min-width:0}.history-item-plate{font-weight:800;font-size:14px;color:#0f172a}.history-item-time{font-size:12px;color:#64748b;margin-top:2px}.history-item-addr{font-size:11px;color:#94a3b8;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-btn{padding:8px 12px;background:#0f172a;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:700;flex-shrink:0}.empty-state{padding:40px 20px;text-align:center;color:#94a3b8;font-weight:600}@media (max-width: 768px){.mobile-side-panel{display:block}}.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}}.admin-tabs{display:flex;gap:8px;margin-bottom:24px;background:#fff;padding:6px;border-radius:14px;box-shadow:0 4px 12px #0f172a0f;width:fit-content}.tab-btn{padding:12px 24px;border:none;background:transparent;color:#64748b;font-weight:600;font-size:14px;border-radius:10px;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background:#f1f5f9;color:#0f172a}.tab-btn.active{background:#111c3d;color:#fff}.tab-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.token-result{text-align:center}.token-result>p{color:#10b981;font-weight:600;margin-bottom:16px}.token-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:16px}.token-display label{display:block;font-size:12px;color:#64748b;font-weight:600;margin-bottom:8px}.token-value{display:flex;align-items:center;gap:12px;background:#0f172a;border-radius:8px;padding:12px 16px}.token-value code{flex:1;color:#10b981;font-family:Monaco,Consolas,monospace;font-size:16px;font-weight:700;letter-spacing:.05em}.copy-btn{padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:background .2s}.copy-btn:hover{background:#059669}.token-warning{font-size:12px;color:#f59e0b;margin-top:12px;font-weight:500}.status-badge.user{background:#f1f5f9;color:#475569}.status-badge.admin{background:#fef3c7;color:#b45309}.header-right{display:flex;align-items:center;gap:8px}.header-right>span{margin-right:8px;font-size:14px;opacity:.8}@media (max-width: 768px){.admin-header{padding:14px 16px;flex-wrap:wrap;gap:10px}.admin-header h1{font-size:16px;width:100%}.admin-content{padding:16px}.admin-toolbar{flex-direction:column;align-items:stretch;gap:12px}.admin-toolbar h2{font-size:18px}.add-btn{text-align:center}.admin-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{padding:10px 16px;font-size:13px;white-space:nowrap}.vehicles-table{border-radius:10px;overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}th,td{padding:10px 12px;font-size:13px}.plate-number{font-size:14px}.edit-btn,.delete-btn{padding:6px 10px;font-size:12px}.modal-content{width:95%;padding:18px;max-height:85vh}.modal-content h3{font-size:16px}.form-group input,.form-group select,.form-group textarea{padding:10px;font-size:16px}.modal-actions{flex-direction:column}.submit-btn,.cancel-btn{padding:14px}.token-value{flex-direction:column;gap:8px}.token-value code{font-size:14px;word-break:break-all}.copy-btn{width:100%}.header-right{gap:6px}.header-right>span{display:none}.dashboard-btn,.logout-btn{padding:8px 12px;font-size:13px}}@media (max-width: 480px){.admin-content{padding:12px}th,td{padding:8px 10px;font-size:12px}.status-badge{padding:3px 8px;font-size:11px}.edit-btn,.delete-btn{padding:5px 8px;font-size:11px;margin-right:4px}.tab-btn{padding:8px 12px;font-size:12px}}.user-card,.device-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0f172a0f}.card-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.card-username,.card-device-name{font-size:16px;font-weight:700;color:#0f172a}.card-email{font-size:13px;color:#64748b;word-break:break-all}.card-sync{font-size:12px;color:#64748b;margin-top:2px}.admin{display:flex;flex-direction:column;height:100vh;background:#f6f7fb;color:#0f172a;font-family:Inter,system-ui,-apple-system,sans-serif}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;background:#0b132a;color:#fff;box-shadow:0 6px 24px #0f172a40}.admin-header h1{font-size:20px;font-weight:700;margin:0}.dashboard-btn,.logout-btn{padding:10px 14px;border:1px solid rgba(255,255,255,.25);background:#ffffff0f;color:#fff;border-radius:10px;cursor:pointer;transition:all .2s ease;font-weight:600}.dashboard-btn{margin-right:8px}.dashboard-btn:hover,.logout-btn:hover{background:#111c3d;border-color:#fff6}.admin-content{flex:1;padding:28px 32px;overflow-y:auto}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-toolbar h2{margin:0;color:#0f172a;font-size:22px;font-weight:700}.add-btn{padding:12px 18px;background:#111c3d;color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 30px #111c3d33}.add-btn:hover{transform:translateY(-1px);box-shadow:0 12px 34px #111c3d47}.vehicles-table{background:#fff;border-radius:14px;box-shadow:0 18px 40px #0f172a14;overflow:hidden;border:1px solid #e5e7eb}table{width:100%;border-collapse:collapse;table-layout:auto}thead{background:#f8fafc}th{padding:14px 16px;text-align:left;font-weight:700;color:#0f172a;border-bottom:1px solid #e5e7eb;font-size:13px;letter-spacing:.01em;white-space:nowrap}tbody tr{height:auto!important}td{padding:14px 16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#0f172a;vertical-align:middle;height:auto!important;max-height:60px}tbody tr:hover{background:#f8fafc}.plate-number{font-weight:700;font-size:15px;color:#0f172a}.status-badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:capitalize;display:inline-block;white-space:nowrap;line-height:1;height:auto!important;max-height:24px;vertical-align:middle}.status-badge.active{background:#e8f3ff;color:#0b57d0}.status-badge.captured{background:#e8f5e9;color:#1f7a3f}.status-badge.cancelled{background:#fef3c7;color:#b45309}.edit-btn,.delete-btn{padding:8px 12px;margin-right:6px;border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;transition:all .2s ease}.edit-btn{background:#f1f5f9;color:#0f172a}.edit-btn:hover{background:#e2e8f0}.delete-btn{background:#111c3d;color:#fff}.delete-btn:hover{background:#0b132a}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a73;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background:#fff;padding:24px;border-radius:16px;width:92%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #0f172a38;border:1px solid #e5e7eb}.modal-content h3{margin-top:0;margin-bottom:16px;color:#0f172a;font-size:18px;font-weight:800}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:#475569;font-weight:700;font-size:13px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;font-family:inherit;background:#f8fafc;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0b57d0;background:#fff;box-shadow:0 0 0 3px #0b57d01a}.modal-actions{display:flex;gap:12px;margin-top:18px}.submit-btn,.cancel-btn{flex:1;padding:12px;border:none;border-radius:12px;font-weight:800;cursor:pointer;transition:all .2s ease;font-size:14px}.submit-btn{background:#111c3d;color:#fff;box-shadow:0 14px 32px #111c3d40}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 16px 38px #111c3d4d}.cancel-btn{background:#f1f5f9;color:#0f172a}.cancel-btn:hover{background:#e2e8f0}@media (max-width: 768px){.admin-header{padding:14px 16px;flex-wrap:wrap;gap:10px}.admin-header h1{font-size:16px;width:100%}.admin-content{padding:16px}.admin-toolbar{flex-direction:column;align-items:stretch;gap:12px}.admin-toolbar h2{font-size:18px}.add-btn{text-align:center}.vehicles-table{border-radius:10px;overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}th,td{padding:10px 12px;font-size:13px}.plate-number{font-size:14px}.edit-btn,.delete-btn{padding:6px 10px;font-size:12px}.modal-content{width:95%;padding:18px;max-height:85vh}.modal-content h3{font-size:16px}.form-group input,.form-group select,.form-group textarea{padding:10px;font-size:16px}.modal-actions{flex-direction:column}.submit-btn,.cancel-btn{padding:14px}}@media (max-width: 480px){.admin-content{padding:12px}th,td{padding:8px 10px;font-size:12px}.status-badge{padding:3px 8px;font-size:11px}.edit-btn,.delete-btn{padding:5px 8px;font-size:11px;margin-right:4px}}.mobile-cards{display:flex;flex-direction:column;gap:12px}.vehicle-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0f172a0f}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.card-main{display:flex;flex-direction:column;gap:2px}.card-plate{font-size:18px;font-weight:800;color:#0f172a}.card-type{font-size:13px;color:#64748b}.card-reason{font-size:13px;color:#475569;padding:8px 10px;background:#f8fafc;border-radius:6px;margin-bottom:8px}.card-date{font-size:12px;color:#94a3b8;margin-bottom:12px}.card-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid #e5e7eb}.card-actions .edit-btn,.card-actions .delete-btn{flex:1;padding:10px;text-align:center;border-radius:8px;font-size:14px;font-weight:600}.empty-state{padding:40px 20px;text-align:center;color:#94a3b8;background:#f8fafc;border-radius:12px}.lp-test-container{min-height:100vh;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);font-family:Inter,system-ui,-apple-system,sans-serif}.lp-test-main{max-width:1200px;margin:0 auto;padding:28px}.lp-test-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0f172a14;border:1px solid #e5e7eb}.lp-test-toolbar h2{font-size:22px;font-weight:800;color:#0f172a;margin:0;display:flex;align-items:center;gap:12px}.lp-test-toolbar h2:before{content:"";display:inline-block;width:6px;height:28px;background:linear-gradient(180deg,#3b82f6,#1d4ed8);border-radius:3px}.status-btn{padding:12px 20px;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;color:#fff;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;transition:all .2s ease;box-shadow:0 4px 12px #0f172a40}.status-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a59}.status-btn:active{transform:translateY(0)}.models-status-card{background:#fff;border-radius:16px;padding:20px 24px;margin-bottom:24px;box-shadow:0 8px 32px #0f172a14;border:1px solid #e5e7eb;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.models-status-card h3{margin:0 0 16px;font-size:14px;font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.05em}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:12px;background:#f8fafc;transition:all .2s ease}.status-item.ok{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.status-item.ok .status-label{color:#065f46}.status-item.ok .status-value{color:#047857;background:#a7f3d0;padding:4px 10px;border-radius:6px}.status-item.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.status-item.error .status-label{color:#991b1b}.status-item.error .status-value{color:#dc2626;background:#fecaca;padding:4px 10px;border-radius:6px}.status-label{font-size:13px;font-weight:600;color:#64748b}.status-value{font-size:12px;font-weight:700;color:#1e293b}.upload-section{background:#fff;border-radius:20px;padding:28px;box-shadow:0 12px 40px #0f172a1a;border:1px solid #e5e7eb}.upload-area{border:3px dashed #cbd5e1;border-radius:16px;padding:48px;text-align:center;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative;overflow:hidden}.upload-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#3b82f60d,#1d4ed80d);opacity:0;transition:opacity .3s ease}.upload-area:hover{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.upload-area:hover:before{opacity:1}.upload-area.has-file{border-style:solid;border-color:#3b82f6;padding:16px;background:#fff}.upload-placeholder{position:relative;z-index:1}.upload-placeholder svg{width:80px;height:80px;color:#94a3b8;margin-bottom:20px;transition:all .3s ease}.upload-area:hover .upload-placeholder svg{color:#3b82f6;transform:scale(1.1)}.upload-placeholder p{font-size:16px;font-weight:700;color:#334155;margin:0 0 8px}.upload-placeholder span{font-size:13px;color:#94a3b8}.preview-container{position:relative;max-width:100%;border-radius:12px;overflow:hidden}.preview-image{max-width:100%;max-height:450px;border-radius:12px;object-fit:contain;display:block;margin:0 auto}.preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;opacity:0;transition:opacity .3s ease}.preview-container:hover .preview-overlay{opacity:1}.preview-overlay span{color:#fff;font-size:14px;font-weight:700;padding:12px 24px;background:#ffffff26;border-radius:8px;border:1px solid rgba(255,255,255,.3)}.action-buttons{display:flex;gap:12px;margin-top:24px;justify-content:center}.analyze-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;color:#fff;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 24px #3b82f659;min-width:180px}.analyze-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #3b82f673}.analyze-btn:active:not(:disabled){transform:translateY(0)}.analyze-btn:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:none;cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reset-btn{padding:16px 32px;background:#fff;border:2px solid #e2e8f0;color:#64748b;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s ease}.reset-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569}.reset-btn:disabled{opacity:.5;cursor:not-allowed}.result-section{margin-top:28px;display:flex;flex-direction:column;gap:20px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-image-card,.crops-card,.summary-card,.timing-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 12px 40px #0f172a1a;border:1px solid #e5e7eb}.result-image-card h3,.crops-card h3,.summary-card h3,.timing-card h3{margin:0 0 20px;font-size:16px;font-weight:800;color:#0f172a;padding-bottom:16px;border-bottom:2px solid #f1f5f9;display:flex;align-items:center;gap:10px}.result-image-card h3:before{content:"🎯"}.crops-card h3:before{content:"🔍"}.timing-card h3:before{content:"⚡"}.summary-card h3:before{content:"📊"}.result-image{width:100%;max-height:550px;object-fit:contain;border-radius:12px;background:#0f172a;display:block}.image-info{display:flex;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid #f1f5f9}.image-info span{font-size:13px;color:#64748b;font-weight:600;display:flex;align-items:center;gap:6px}.image-info span:before{content:"";display:inline-block;width:8px;height:8px;background:#3b82f6;border-radius:50%}.crops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.crop-item{border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;background:#fff;transition:all .2s ease}.crop-item:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0f172a26}.crop-item img{width:100%;height:90px;object-fit:contain;background:linear-gradient(135deg,#0f172a,#1e293b)}.crop-info{padding:14px;display:flex;flex-direction:column;gap:6px;background:#f8fafc}.ocr-text{font-size:18px;font-weight:800;color:#0f172a;letter-spacing:.02em}.ocr-conf{font-size:12px;color:#64748b;font-weight:600}.summary-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0}.summary-table{width:100%;border-collapse:collapse;font-size:14px}.summary-table th,.summary-table td{padding:14px 18px;text-align:left}.summary-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-weight:700;color:#475569;text-transform:uppercase;font-size:11px;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}.summary-table td{color:#1e293b;border-bottom:1px solid #f1f5f9}.summary-table tr:last-child td{border-bottom:none}.summary-table tr:hover td{background:#f8fafc}.plate-cell{font-weight:800;color:#0f172a!important;font-size:16px;letter-spacing:.02em}.bbox-cell{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;color:#64748b!important;background:#f1f5f9;padding:6px 10px!important;border-radius:6px}.raw-json{margin-top:20px;padding-top:16px;border-top:2px solid #f1f5f9}.raw-json summary{cursor:pointer;font-size:13px;font-weight:700;color:#64748b;padding:8px 0;transition:color .2s ease}.raw-json summary:hover{color:#3b82f6}.raw-json pre{margin-top:16px;padding:20px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0;border-radius:12px;overflow-x:auto;font-size:12px;font-family:JetBrains Mono,Fira Code,monospace;max-height:400px;overflow-y:auto;line-height:1.6}.timing-summary-bar{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:14px;padding:20px 24px;margin-bottom:24px;position:relative;overflow:hidden}.timing-summary-bar:before{content:"";position:absolute;top:0;right:0;width:200px;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.2) 100%)}.timing-total{display:flex;justify-content:space-between;align-items:center;color:#fff;position:relative;z-index:1}.timing-label{font-size:14px;opacity:.9;font-weight:600}.timing-value.total{font-size:28px;font-weight:800;font-family:JetBrains Mono,Fira Code,monospace;color:#60a5fa}.timing-sections{display:flex;flex-direction:column;gap:16px}.timing-section{border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;transition:all .2s ease}.timing-section:hover{box-shadow:0 4px 16px #0f172a14}.timing-section-header{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.section-icon{font-size:20px}.section-title{flex:1;font-weight:700;font-size:14px;color:#0f172a}.section-total{font-family:JetBrains Mono,Fira Code,monospace;font-weight:700;font-size:13px;color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);padding:6px 12px;border-radius:8px}.timing-details{padding:16px 18px}.timing-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;color:#475569;border-bottom:1px solid #f1f5f9}.timing-row:last-child{border-bottom:none}.timing-row span:last-child{font-family:JetBrains Mono,Fira Code,monospace;color:#0f172a;font-weight:600}.timing-row.sub{padding-left:16px;font-size:12px;color:#64748b}.timing-row.sub span:last-child{font-size:12px;color:#475569}.timing-row.subtotal{background:linear-gradient(90deg,#f1f5f9,#e2e8f0);margin:8px -18px;padding:10px 18px;font-weight:700;color:#0f172a}.timing-row.subtotal span:last-child{color:#3b82f6}.timing-row.highlight{background:linear-gradient(90deg,#fef3c7,#fde68a);margin:8px -18px;padding:12px 18px;font-weight:700;color:#92400e}.timing-row.highlight span:last-child,.model-time{color:#d97706!important;font-weight:800}.timing-group{margin-bottom:8px}.timing-group.model{margin:12px 0}.timing-group-header{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;padding-top:8px}.ocr-detail-toggle{margin-top:16px;padding-top:16px;border-top:2px solid #f1f5f9}.ocr-detail-toggle summary{cursor:pointer;font-size:13px;font-weight:700;color:#64748b;padding:6px 0;transition:color .2s ease}.ocr-detail-toggle summary:hover{color:#3b82f6}.ocr-crops-detail{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:16px}.ocr-crop-timing{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:14px}.crop-header{font-size:12px;font-weight:700;color:#0f172a;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.timing-model-summary{margin-top:24px;padding-top:20px;border-top:2px solid #e2e8f0}.timing-model-summary h4{margin:0 0 16px;font-size:14px;font-weight:800;color:#0f172a}.model-times{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.model-time-item{display:flex;flex-direction:column;gap:6px;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:14px;border-left:4px solid #3b82f6;transition:all .2s ease}.model-time-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a1a}.model-time-item.total{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:#d97706}.model-name{font-size:12px;font-weight:600;color:#64748b}.model-value{font-family:JetBrains Mono,Fira Code,monospace;font-size:20px;font-weight:800;color:#0f172a}.model-time-item.total .model-value{color:#92400e}@media (max-width: 1024px){.status-grid{grid-template-columns:repeat(2,1fr)}.model-times{grid-template-columns:1fr}}@media (max-width: 768px){.lp-test-main{padding:16px}.lp-test-toolbar{flex-direction:column;gap:16px;padding:16px;text-align:center}.lp-test-toolbar h2{font-size:18px;justify-content:center}.status-btn{width:100%}.upload-section{padding:16px}.upload-area{padding:32px 16px}.upload-placeholder svg{width:56px;height:56px}.upload-placeholder p{font-size:14px}.action-buttons{flex-direction:column}.analyze-btn,.reset-btn{width:100%}.status-grid{grid-template-columns:1fr}.crops-grid{grid-template-columns:repeat(2,1fr);gap:10px}.crop-item img{height:70px}.ocr-text{font-size:15px}.result-image-card,.crops-card,.summary-card,.timing-card{padding:16px;border-radius:14px}.timing-summary-bar{padding:16px}.timing-value.total{font-size:22px}.timing-section-header{flex-wrap:wrap;gap:8px;padding:12px 14px}.section-total{width:100%;text-align:center;margin-top:4px}.timing-details{padding:12px 14px}.timing-row.subtotal,.timing-row.highlight{margin:8px -14px;padding:10px 14px}.ocr-crops-detail{grid-template-columns:1fr}.summary-table th,.summary-table td{padding:10px 12px;font-size:12px}.plate-cell{font-size:14px}.bbox-cell{font-size:10px;padding:4px 6px!important}}@media (max-width: 400px){.lp-test-main{padding:12px}.crops-grid{grid-template-columns:1fr}.image-info{flex-direction:column;gap:8px}}:root{--color-navy-primary: #111c3d;--color-navy-dark: #0b132a;--color-navy-light: #1e3a5f;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-text-inverse: #ffffff;--color-bg-page: #f7f8fc;--color-bg-card: #ffffff;--color-bg-input: #f8fafc;--color-bg-hover: #f1f5f9;--color-border-light: #e5e7eb;--color-border-input: #e2e8f0;--color-border-focus: #0b57d0;--color-accent-blue: #0b57d0;--color-accent-green: #10b981;--color-accent-red: #ef4444;--color-accent-yellow: #f59e0b;--color-accent-purple: #8b5cf6;--color-status-active: #10b981;--color-status-captured: #3b82f6;--color-status-cancelled: #6b7280;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .1);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .15);--shadow-xl: 0 24px 60px rgba(15, 23, 42, .15);--shadow-button: 0 16px 38px rgba(17, 28, 61, .28);--shadow-button-hover: 0 18px 44px rgba(17, 28, 61, .34);--shadow-logo: 0 14px 32px rgba(17, 28, 61, .32);--shadow-focus: 0 0 0 3px rgba(11, 87, 208, .12);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background:var(--color-bg-page)}#root{width:100%;height:100vh}.leaflet-pane,.leaflet-top,.leaflet-bottom,.leaflet-control,.leaflet-top.leaflet-left,.leaflet-top.leaflet-right,.leaflet-bottom.leaflet-left,.leaflet-bottom.leaflet-right,.leaflet-control-zoom,.leaflet-control-attribution{z-index:400!important}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{touch-action:manipulation;overscroll-behavior:none}input,select,textarea{font-size:16px}@supports (padding: env(safe-area-inset-top)){.app-header{padding-top:max(14px,env(safe-area-inset-top))}.dashboard-content,.admin-content,.lp-test-main{padding-bottom:max(32px,env(safe-area-inset-bottom))}}@media (max-width: 768px){body{font-size:14px}}.desktop-only{display:block!important}.mobile-only{display:none!important}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block!important}}@media (hover: none){button:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}}