@import url(https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap);.login-page{background:var(--bg);display:flex;min-height:100vh}.login-left{background:var(--surface);border-right:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:60px 64px;position:relative}.login-left:before{background-image:linear-gradient(var(--border) 1px,#0000 1px),linear-gradient(90deg,var(--border) 1px,#0000 1px);background-size:48px 48px;content:"";inset:0;opacity:.4;position:absolute}.login-left:after{background:radial-gradient(circle,#4e9eff1f 0,#0000 70%);content:"";height:400px;left:-120px;pointer-events:none;position:absolute;top:-120px;width:400px}.login-left-content{position:relative;z-index:1}.login-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:42px;font-weight:800;letter-spacing:-1.5px;line-height:1;margin:0 0 12px}.login-tagline{color:var(--text-2);font-size:15px;line-height:1.7;margin:0 0 48px;max-width:340px}.login-stats{display:flex;flex-direction:column;gap:16px}.login-stat{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);display:flex;gap:14px;padding:14px 18px;transition:var(--ease)}.login-stat:hover{background:var(--surface-3);border-color:var(--border-2)}.login-stat-icon{align-items:center;background:var(--primary-dim);border-radius:var(--r-sm);display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.login-stat-text strong{color:var(--text);display:block;font-family:DM Mono,monospace;font-size:15px;font-weight:500}.login-stat-text span{color:var(--text-3);font-size:12px}.login-right{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:40px;width:440px}.login-form-box{max-width:360px;width:100%}.login-form-box h2{color:var(--text);font-family:Syne,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0 0 6px}.login-form-box .login-sub{color:var(--text-3);font-size:13.5px;margin:0 0 30px}.input-group{margin-bottom:16px}.input-label{font-size:12px}.login-divider{align-items:center;display:flex;gap:12px;margin:22px 0}.login-divider:after,.login-divider:before{background:var(--border);content:"";flex:1 1;height:1px}.login-divider span{color:var(--text-3);font-size:12px;white-space:nowrap}.register-link-btn{background:#0000;border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-2);cursor:pointer;display:block;font-family:inherit;font-size:14px;font-weight:500;padding:12px;text-align:center;transition:var(--ease);width:100%}.register-link-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.login-footer-note{color:var(--text-3);font-size:11.5px;margin-top:28px;text-align:center}@media (max-width:900px){.login-left{display:none}.login-right{padding:40px 24px;width:100%}}@media (max-width:480px){.login-right{padding:32px 20px}}.auth-page{align-items:center;background:var(--bg);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:32px 20px;position:relative}.auth-page:before{background:radial-gradient(circle,#4e9eff12 0,#0000 65%);right:-200px;top:-200px}.auth-page:after,.auth-page:before{content:"";height:500px;pointer-events:none;position:absolute;width:500px}.auth-page:after{background:radial-gradient(circle,#00e5a00f 0,#0000 65%);bottom:-200px;left:-200px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);max-width:400px;padding:40px 36px;position:relative;width:100%;z-index:1}.auth-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;font-weight:800;letter-spacing:-.5px;margin:0 0 28px}.auth-brand,.auth-card h2{font-family:Syne,sans-serif;font-size:22px}.auth-card h2{color:var(--text);font-weight:700;letter-spacing:-.3px;margin:0 0 5px}.auth-sub{color:var(--text-3);font-size:13px;margin:0 0 28px}.input-group{margin-bottom:14px}.input-label{color:var(--text-2);display:block;font-size:11.5px;font-weight:600;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.auth-divider{background:var(--border);height:1px;margin:24px 0}.auth-redirect{color:var(--text-3);font-size:13px;margin-top:18px;text-align:center}.auth-redirect a{color:var(--primary);font-weight:600;transition:var(--ease)}.auth-redirect a:hover{color:var(--accent)}.auth-hint{color:var(--text-3);font-size:11px;margin-top:4px}@media (max-width:480px){.auth-card{border-radius:var(--r-lg);padding:32px 24px}}.navbar{background:var(--surface);border-bottom:1px solid var(--border);height:60px;justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:200}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{flex:1 1;gap:6px}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;cursor:pointer;font-family:Syne,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.5px;margin-right:20px;padding:4px 0}.nav-divider{background:var(--border-2);border-radius:50%;height:4px;margin:0 4px;width:4px}.nav-link{border-radius:var(--r-sm);color:var(--text-2);font-size:13.5px;font-weight:500;padding:6px 11px;transition:var(--ease);white-space:nowrap}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link-active,.nav-link.active{background:var(--primary-dim);color:var(--primary)}.navbar-right{align-items:center;display:flex;flex:1 1;gap:10px;justify-content:flex-end}.navbar-left .nav-divider,.navbar-left .nav-link{left:340px;position:relative}.nav-status{align-items:center;background:var(--accent-dim);border:1px solid #00e5a026;border-radius:var(--r-full);color:var(--accent);display:flex;font-size:12px;font-weight:500;gap:6px;padding:5px 12px}.nav-status-dot{animation:pulse-dot 2s ease infinite;background:var(--accent);border-radius:50%;height:6px;width:6px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.logout-btn{align-items:center;background:var(--danger-dim);border:1px solid #ff4d6a2e;border-radius:var(--r-sm);color:var(--danger);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:7px 15px;transition:var(--ease)}.logout-btn:hover{background:#ff4d6a2e;border-color:#ff4d6a59;transform:translateY(-1px)}@media (max-width:768px){.navbar{padding:0 16px}.logo{font-size:18px;margin-right:12px}.nav-link{font-size:12.5px;padding:5px 8px}.nav-status{display:none}}@media (max-width:540px){.navbar{flex-direction:column;gap:12px;height:auto;padding:12px 16px}.navbar-left{flex-wrap:wrap;gap:4px;width:100%}.navbar-right{width:100%}.logout-btn{justify-content:center;width:100%}}.hero{background:var(--bg);overflow:hidden;padding:100px 48px 90px;position:relative;text-align:center}.hero:before{background-image:linear-gradient(var(--border) 1px,#0000 1px),linear-gradient(90deg,var(--border) 1px,#0000 1px);background-size:56px 56px;inset:0;opacity:.35}.hero:after,.hero:before{content:"";position:absolute}.hero:after{background:radial-gradient(ellipse,#4e9eff24 0,#0000 65%);height:400px;left:50%;pointer-events:none;top:-80px;transform:translateX(-50%);width:700px}.hero-inner{margin:0 auto;max-width:760px;position:relative;z-index:1}.hero-badge{align-items:center;background:var(--accent-dim);border:1px solid #00e5a033;border-radius:var(--r-full);color:var(--accent);display:inline-flex;font-size:12px;font-weight:600;gap:7px;letter-spacing:.3px;margin-bottom:28px;padding:5px 14px}.hero-badge-dot{animation:pulse-dot 2s ease infinite;background:var(--accent);border-radius:50%;height:6px;width:6px}.hero h1{color:var(--text);font-family:Syne,sans-serif;font-size:clamp(40px,6vw,68px);font-weight:800;letter-spacing:-2px;line-height:1.05;margin:0 0 20px}.hero h1 .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--accent) 60%);-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-2);font-size:17px;line-height:1.7;margin:0 auto 40px;max-width:520px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.hero-btn-primary{align-items:center;background:var(--primary);border:none;border-radius:var(--r-md);color:var(--text-inv);cursor:pointer;display:inline-flex;font-family:Syne,sans-serif;font-size:15px;font-weight:700;gap:8px;padding:13px 28px;text-decoration:none;transition:var(--ease)}.hero-btn-primary:hover{background:var(--primary-dark);box-shadow:0 8px 28px #4e9eff59;transform:translateY(-2px)}.hero-btn-ghost{align-items:center;background:#0000;border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-2);display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:13px 28px;text-decoration:none;transition:var(--ease)}.hero-btn-ghost:hover{background:var(--surface-2);border-color:var(--border-2);color:var(--text)}.metrics-strip{align-items:stretch;background:var(--surface);border-bottom:1px solid var(--border);border-top:1px solid var(--border);display:flex;justify-content:center}.metric-item{border-right:1px solid var(--border);flex:1 1;max-width:260px;padding:40px 24px;position:relative;text-align:center;transition:var(--ease-slow)}.metric-item:last-child{border-right:none}.metric-item:hover{background:var(--surface-2)}.metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;font-family:DM Mono,monospace;font-size:38px;font-weight:500;line-height:1;margin-bottom:8px}.metric-label{color:var(--text-3);font-size:13px;font-weight:500}.workflow{background:var(--bg);padding:80px 48px;position:relative;text-align:center}.workflow h2{color:var(--text);font-family:Syne,sans-serif;font-size:30px;font-weight:700;letter-spacing:-.5px;margin:0 0 10px}.workflow-sub{color:var(--text-3);font-size:14px;margin:0 0 48px}.workflow-steps{flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:900px}.workflow-step,.workflow-steps{align-items:center;display:flex;gap:0}.workflow-node{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);display:flex;flex-direction:column;gap:8px;min-width:130px;padding:16px 22px;transition:var(--ease-slow)}.workflow-node:hover{background:var(--primary-dim);border-color:var(--primary);box-shadow:0 8px 24px #4e9eff26;transform:translateY(-3px)}.workflow-node-icon{font-size:22px}.workflow-node-label{color:var(--text-2);font-size:12.5px;font-weight:600;white-space:nowrap}.workflow-arrow{color:var(--text-3);flex-shrink:0;font-size:18px;padding:0 8px}.features{background:var(--surface);border-top:1px solid var(--border);padding:80px 48px}.features-header{margin-bottom:48px;text-align:center}.features-header h2{color:var(--text);font-family:Syne,sans-serif;font-size:30px;font-weight:700;letter-spacing:-.5px;margin:0 0 10px}.features-header p{color:var(--text-3);font-size:14px;margin:0}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1000px}.feature-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;padding:28px 26px;position:relative;transition:var(--ease-slow)}.feature-card:before{background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:var(--ease)}.feature-card:hover{border-color:var(--border-2);box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-icon{display:block;font-size:28px;margin-bottom:16px}.feature-card h3{color:var(--text);font-family:Syne,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.2px;margin:0 0 10px}.feature-card p{color:var(--text-2);font-size:13.5px;line-height:1.7;margin:0}.home-footer{align-items:center;background:var(--bg);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:24px 48px}.footer-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:15px;font-weight:700}.footer-copy{color:var(--text-3);font-size:12px}@media (max-width:768px){.hero{padding:72px 24px 64px}.features,.workflow{padding:60px 24px}.home-footer{padding:20px 24px;text-align:center}.home-footer,.metrics-strip{flex-direction:column}.metric-item{border-bottom:1px solid var(--border);border-right:none;max-width:100%}.metric-item:last-child{border-bottom:none}.workflow-steps{flex-direction:column;gap:12px}.workflow-arrow{transform:rotate(90deg)}.workflow-node{min-width:200px}}@media (max-width:480px){.hero{padding:56px 18px 48px}.hero-actions{align-items:center;flex-direction:column}.hero-btn-ghost,.hero-btn-primary{justify-content:center;width:100%}}.dashboard-page{background:var(--bg);min-height:100vh;padding:36px 40px 60px}.dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.dashboard-header-left h1{color:var(--text);font-family:Syne,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0 0 5px}.dashboard-header-left p{color:var(--text-3);font-size:13px;margin:0}.dashboard-refresh-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-2);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:7px;padding:9px 18px;transition:var(--ease)}.dashboard-refresh-btn:hover{background:var(--surface-2);border-color:var(--border-2);color:var(--text)}.stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:22px 24px;position:relative;transition:var(--ease-slow)}.stat-card:after{bottom:0;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;transition:var(--ease)}.stat-card:hover{border-color:var(--border-2);box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-card:hover:after{opacity:1}.stat-card.total:after{background:var(--text-2)}.stat-card.fine:after{background:var(--primary)}.stat-card.manual:after{background:var(--accent)}.stat-card.ai:after{background:var(--danger)}.stat-card-top{align-items:flex-start;display:flex;justify-content:space-between}.stat-card-label{color:var(--text-3);font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.stat-card-icon{align-items:center;border-radius:var(--r-sm);display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.stat-card.total .stat-card-icon{background:var(--surface-2)}.stat-card.fine .stat-card-icon{background:var(--primary-dim)}.stat-card.manual .stat-card-icon{background:var(--accent-dim)}.stat-card.ai .stat-card-icon{background:var(--danger-dim)}.stat-card-value{color:var(--text);font-family:DM Mono,monospace;font-size:34px;font-weight:500;line-height:1}.stat-card.fine .stat-card-value{color:var(--primary)}.stat-card.manual .stat-card-value{color:var(--accent)}.stat-card.ai .stat-card-value{color:var(--danger)}.stat-card-sub{color:var(--text-3);font-size:11.5px}.table-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.table-section-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:20px 24px}.table-section-header h2{color:var(--text);font-family:Syne,sans-serif;font-size:16px;font-weight:700;margin:0}.table-count-badge{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-3);font-family:DM Mono,monospace;font-size:11.5px;padding:3px 10px}.table-scroll{overflow-x:auto}.violation-table{border-collapse:collapse;min-width:580px;width:100%}.violation-table thead{background:var(--surface-2);border-bottom:1px solid var(--border)}.violation-table thead th{color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.7px;padding:12px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.violation-table tbody tr{border-bottom:1px solid var(--border);transition:var(--ease)}.violation-table tbody tr:last-child{border-bottom:none}.violation-table tbody tr:hover{background:var(--surface-2)}.violation-table tbody td{color:var(--text-2);font-size:13.5px;padding:14px 20px;vertical-align:middle}.vehicle-num{font-size:13px;letter-spacing:.5px}.fine-amount,.vehicle-num{color:var(--text);font-family:DM Mono,monospace;font-weight:500}.fine-amount{font-size:14px}.location-cell{align-items:center;color:var(--text-2);display:flex;gap:6px}.row-index{font-family:DM Mono,monospace;font-size:12px;width:32px}.row-index,.table-empty{color:var(--text-3);text-align:center}.table-empty{padding:64px 20px}.table-empty-icon{font-size:36px;margin-bottom:12px;opacity:.5}.table-empty p{font-size:14px;margin:0}.skeleton-row td{padding:18px 20px}.skeleton-cell{animation:shimmer 1.4s ease infinite;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;border-radius:6px;height:14px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-page{padding:24px 20px 48px}.stats-grid{gap:14px;grid-template-columns:repeat(2,1fr)}.stat-card-value{font-size:28px}}@media (max-width:480px){.dashboard-page{padding:20px 14px 40px}.stats-grid{gap:10px;grid-template-columns:1fr 1fr}.stat-card{padding:16px 18px}.stat-card-value{font-size:24px}}.detect-page{background:var(--bg);min-height:100vh;padding:36px 40px 60px}.detect-page-header{margin-bottom:28px}.detect-page-header h1{color:var(--text);font-family:Syne,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0 0 5px}.detect-page-header p{color:var(--text-3);font-size:13px;margin:0}.detect-panels{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:28px}.detect-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.detect-panel-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:18px 24px}.detect-panel-icon{align-items:center;border-radius:var(--r-sm);display:flex;flex-shrink:0;font-size:15px;height:32px;justify-content:center;width:32px}.panel-manual .detect-panel-icon{background:var(--accent-dim)}.panel-ai .detect-panel-icon{background:var(--primary-dim)}.detect-panel-header h2{color:var(--text);font-family:Syne,sans-serif;font-size:16px;font-weight:700;margin:0 0 2px}.detect-panel-header span{color:var(--text-3);display:block;font-size:12px}.detect-panel-body{padding:24px}.detect-form{display:flex;flex-direction:column;gap:14px}.detect-select{-webkit-appearance:none;appearance:none;background:var(--surface-2);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%235c7291' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);cursor:pointer;font-family:inherit;font-size:14px;outline:none;padding:11px 14px;transition:var(--ease);width:100%}.detect-select:focus{background-color:var(--surface-3);border-color:var(--primary);box-shadow:var(--glow)}.detect-select option{background:var(--surface-2);color:var(--text)}.detect-checkbox-row{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:var(--ease);-webkit-user-select:none;user-select:none}.detect-checkbox-row:hover{background:var(--surface-3);border-color:var(--border-2)}.detect-checkbox-row input[type=checkbox]{accent-color:var(--primary);cursor:pointer;flex-shrink:0;height:16px;width:16px}.detect-checkbox-row span{color:var(--text-2);font-size:13.5px;font-weight:500}.detect-submit-btn{border:none;border-radius:var(--r-md);cursor:pointer;font-family:Syne,sans-serif;font-size:14px;font-weight:700;margin-top:4px;padding:12px;transition:var(--ease);width:100%}.btn-manual{background:var(--accent);color:var(--text-inv)}.btn-manual:hover:not(:disabled){background:var(--accent-dark);box-shadow:0 4px 20px #00e5a04d;transform:translateY(-1px)}.btn-ai{background:var(--primary);color:var(--text-inv)}.btn-ai:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 20px #4e9eff4d;transform:translateY(-1px)}.detect-submit-btn:disabled{cursor:not-allowed;opacity:.5}.file-upload-zone{background:var(--surface-2);border:2px dashed var(--border-2);border-radius:var(--r-md);cursor:pointer;padding:32px 20px;position:relative;text-align:center;transition:var(--ease)}.file-upload-zone.has-file,.file-upload-zone:hover{background:var(--primary-dim);border-color:var(--primary)}.file-upload-zone input[type=file]{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.file-upload-icon{font-size:28px;margin-bottom:8px}.file-upload-text{color:var(--text-2);font-size:13px;margin-bottom:4px}.file-upload-hint{color:var(--text-3);font-size:11.5px}.file-upload-name{color:var(--accent);font-family:DM Mono,monospace;font-size:12px;font-weight:500;margin-top:8px}.result-box{animation:fade-in .3s ease;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);margin-top:16px;padding:16px 18px}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.result-box h4{color:var(--text-3);font-family:Syne,sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.result-row{align-items:center;border-bottom:1px solid var(--border);display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.result-row:last-child{border-bottom:none}.result-row-label{color:var(--text-3)}.result-row-value{color:var(--text);font-family:DM Mono,monospace;font-size:12.5px;font-weight:500}.result-row-value.green{color:var(--accent)}.result-row-value.blue{color:var(--primary)}.history-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.history-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 24px}.history-header h2{color:var(--text);font-family:Syne,sans-serif;font-size:16px;font-weight:700;margin:0}.history-list{display:flex;flex-direction:column}.history-item{grid-gap:16px;align-items:center;border-bottom:1px solid var(--border);display:grid;gap:16px;grid-template-columns:auto 1fr auto;padding:16px 24px;transition:var(--ease)}.history-item:last-child{border-bottom:none}.history-item:hover{background:var(--surface-2)}.history-source{border-radius:var(--r-sm);flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.4px;padding:4px 0;text-align:center;text-transform:uppercase;width:80px}.source-manual{background:var(--accent-dim);border:1px solid #00e5a033;color:var(--accent)}.source-ai{background:var(--primary-dim);border:1px solid #4e9eff33;color:var(--primary)}.history-vehicle{color:var(--text);font-family:DM Mono,monospace;font-size:14px;font-weight:500;margin-bottom:3px}.history-meta{color:var(--text-3);font-size:12px}.history-right{flex-shrink:0;text-align:right}.history-fine{color:var(--danger);display:block;font-family:DM Mono,monospace;font-size:15px;font-weight:500;margin-bottom:4px}.history-date{color:var(--text-3);font-size:11px}.history-image{grid-column:1/-1;margin-top:4px}.history-image img{border:1px solid var(--border);border-radius:var(--r-md);max-height:200px;object-fit:cover;width:100%}.history-empty{color:var(--text-3);font-size:14px;padding:48px 20px;text-align:center}@media (max-width:900px){.detect-panels{grid-template-columns:1fr}}@media (max-width:768px){.detect-page{padding:24px 20px 48px}.history-item{gap:12px;grid-template-columns:auto 1fr}.history-right{grid-column:2;text-align:left}}@media (max-width:480px){.detect-page{padding:18px 14px 40px}}.services-page{align-items:flex-start;background:var(--bg);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:48px 24px 80px;position:relative}.services-page:before{background:radial-gradient(circle,#4e9eff12 0,#0000 65%);right:-160px;top:-160px}.services-page:after,.services-page:before{content:"";height:520px;pointer-events:none;position:absolute;width:520px}.services-page:after{background:radial-gradient(circle,#00e5a00d 0,#0000 65%);bottom:-160px;left:-160px}.services-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:280px 1fr;max-width:820px;position:relative;width:100%;z-index:1}.services-sidebar{display:flex;flex-direction:column;gap:14px}.services-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:22px;font-weight:800;margin-bottom:4px}.services-sidebar-title{color:var(--text);font-family:Syne,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.3;margin:0 0 4px}.services-sidebar-sub{color:var(--text-3);font-size:13px;line-height:1.7;margin:0 0 20px}.services-info-tile{align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);display:flex;gap:12px;padding:14px 16px;transition:var(--ease)}.services-info-tile:hover{background:var(--surface-2);border-color:var(--border-2)}.services-info-tile-icon{flex-shrink:0;font-size:18px;margin-top:1px}.services-info-tile strong{color:var(--text);display:block;font-size:13px;font-weight:600;margin-bottom:2px}.services-info-tile span{color:var(--text-3);font-size:12px;line-height:1.5}.services-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-md);overflow:hidden}.services-card-header{background:var(--surface-2);border-bottom:1px solid var(--border);padding:22px 28px}.services-card-header h2{color:var(--text);font-family:Syne,sans-serif;font-size:18px;font-weight:700;margin:0 0 4px}.services-card-header p{color:var(--text-3);font-size:13px;margin:0}.services-card-body{padding:28px}.service-type-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:6px}.service-type-option{cursor:pointer;position:relative}.service-type-option input[type=radio]{height:0;opacity:0;position:absolute;width:0}.service-type-tile{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:14px 10px;text-align:center;transition:var(--ease)}.service-type-tile:hover{background:var(--surface-3);border-color:var(--border-2)}.service-type-option input:checked+.service-type-tile{background:var(--primary-dim);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.service-type-tile-icon{font-size:20px}.service-type-tile-label{color:var(--text-2);font-size:12px;font-weight:600;line-height:1.3}.service-type-option input:checked+.service-type-tile .service-type-tile-label{color:var(--primary)}.services-textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-family:inherit;font-size:14px;line-height:1.6;min-height:110px;outline:none;padding:12px 14px;resize:vertical;transition:var(--ease);width:100%}.services-textarea::placeholder{color:var(--text-3)}.services-textarea:focus{background:var(--surface-3);border-color:var(--primary);box-shadow:var(--glow)}.status-msg{animation:fade-in .3s ease;border-radius:var(--r-md);font-size:13.5px;font-weight:500;margin-top:14px;padding:12px 16px;text-align:center}.status-success{background:var(--accent-dim);border:1px solid #00e5a033;color:var(--accent)}.status-error{background:var(--danger-dim);border:1px solid #ff4d6a33;color:var(--danger)}.status-pending{background:var(--surface-2);border:1px solid var(--border);color:var(--text-3)}@media (max-width:768px){.services-layout{grid-template-columns:1fr;max-width:480px}.services-sidebar{display:none}}@media (max-width:480px){.services-page{padding:28px 16px 60px}.services-card-body{padding:20px}.service-type-grid{grid-template-columns:1fr 1fr}}.penalties-page{background:var(--bg);min-height:100vh;padding:40px 40px 72px}.penalties-header{margin:0 auto 36px;max-width:860px}.penalties-header-top{align-items:center;display:flex;gap:14px;margin-bottom:6px}.penalties-header-icon{align-items:center;background:var(--danger-dim);border:1px solid #ff4d6a33;border-radius:var(--r-md);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.penalties-header h1{color:var(--text);font-family:Syne,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.5px;margin:0}.penalties-header p{color:var(--text-3);font-size:13px;margin:0}.penalties-search{align-items:center;display:flex;gap:12px;margin:0 auto 28px;max-width:860px}.penalties-search-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:10px 16px;transition:var(--ease)}.penalties-search-input::placeholder{color:var(--text-3)}.penalties-search-input:focus{border-color:var(--primary);box-shadow:var(--glow)}.penalties-count{color:var(--text-3);font-family:DM Mono,monospace;font-size:12px;white-space:nowrap}.penalty-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:860px}.penalty-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:22px 24px;position:relative;transition:var(--ease-slow)}.penalty-card:before{background:var(--danger);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:var(--ease);width:3px}.penalty-card:hover{border-color:var(--border-2);box-shadow:var(--shadow-md);transform:translateY(-3px)}.penalty-card:hover:before{opacity:1}.penalty-card-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.penalty-card-index{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-3);flex-shrink:0;font-family:DM Mono,monospace;font-size:11px;padding:2px 7px}.penalty-card h3{color:var(--text);flex:1 1;font-family:Syne,sans-serif;font-size:15px;font-weight:700;line-height:1.3;margin:0}.penalty-fine-row{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);display:flex;justify-content:space-between;padding:10px 14px}.penalty-fine-label{color:var(--text-3);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.penalty-fine-value{color:var(--danger);font-family:DM Mono,monospace;font-size:13.5px;font-weight:500}.penalty-empty{color:var(--text-3);font-size:14px;grid-column:1/-1;padding:64px 20px;text-align:center}.penalty-empty-icon{font-size:36px;margin-bottom:12px;opacity:.5}@media (max-width:768px){.penalties-page{padding:28px 20px 56px}.penalty-grid{grid-template-columns:1fr}}@media (max-width:480px){.penalties-page{padding:20px 14px 48px}.penalty-card{padding:18px 20px}.penalty-card h3{font-size:14px}}:root{--bg:#070b14;--surface:#0f1624;--surface-2:#19233a;--surface-3:#1e2d45;--primary:#4e9eff;--primary-dark:#2d7de0;--primary-glow:#4e9eff26;--primary-dim:#4e9eff14;--accent:#00e5a0;--accent-dark:#00b87d;--accent-glow:#00e5a01f;--accent-dim:#00e5a012;--danger:#ff4d6a;--danger-dim:#ff4d6a1a;--warning:#ffb347;--warning-dim:#ffb3471a;--info:#7cacf8;--info-dim:#7cacf81a;--text:#e2eaf4;--text-2:#9aaec2;--text-3:#5c7291;--text-inv:#070b14;--border:#1e2d45;--border-2:#253550;--shadow-sm:0 1px 4px #0006;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 10px 50px #0009;--glow:0 0 0 3px #4e9eff33;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:22px;--r-full:9999px;--ease:all 0.18s ease;--ease-slow:all 0.3s ease}*,:after,:before{box-sizing:border-box}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#070b14;background:var(--bg);color:#e2eaf4;color:var(--text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;margin:0}img{display:block;height:auto;max-width:100%}a{color:inherit;text-decoration:none}code{font-family:DM Mono,Courier New,monospace}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#070b14;background:var(--bg)}::-webkit-scrollbar-thumb{background:#1e2d45;background:var(--surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#253550;background:var(--border-2)}.se-input{background:#19233a;background:var(--surface-2);border:1px solid #1e2d45;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-md);color:#e2eaf4;color:var(--text);font-family:inherit;font-size:14px;outline:none;padding:11px 14px;transition:all .18s ease;transition:var(--ease);width:100%}.se-input::placeholder{color:#5c7291;color:var(--text-3)}.se-input:focus{background:#1e2d45;background:var(--surface-3);border-color:#4e9eff;border-color:var(--primary);box-shadow:0 0 0 3px #4e9eff33;box-shadow:var(--glow)}.se-btn-primary{background:#4e9eff;background:var(--primary);border:none;border-radius:10px;border-radius:var(--r-md);color:#070b14;color:var(--text-inv);cursor:pointer;font-family:Syne,sans-serif;font-size:15px;font-weight:700;letter-spacing:.2px;padding:12px;transition:all .18s ease;transition:var(--ease);width:100%}.se-btn-primary:hover{background:#2d7de0;background:var(--primary-dark);box-shadow:0 4px 20px #4e9eff59;transform:translateY(-1px)}.se-btn-accent{background:#00e5a0;background:var(--accent);border:none;border-radius:10px;border-radius:var(--r-md);color:#070b14;color:var(--text-inv);cursor:pointer;font-family:Syne,sans-serif;font-size:15px;font-weight:700;padding:12px;transition:all .18s ease;transition:var(--ease);width:100%}.se-btn-accent:hover{background:#00b87d;background:var(--accent-dark);box-shadow:0 4px 20px #00e5a04d;transform:translateY(-1px)}.se-btn-ghost{background:#19233a;background:var(--surface-2);border:1px solid #1e2d45;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-md);color:#e2eaf4;color:var(--text);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 18px;transition:all .18s ease;transition:var(--ease)}.se-btn-ghost:hover{background:#1e2d45;background:var(--surface-3);border-color:#253550;border-color:var(--border-2)}.badge{align-items:center;border-radius:9999px;border-radius:var(--r-full);display:inline-flex;font-family:DM Mono,monospace;font-size:12px;font-weight:600;gap:5px;padding:3px 10px}.badge-blue{background:#4e9eff14;background:var(--primary-dim);border:1px solid #4e9eff33;color:#4e9eff;color:var(--primary)}.badge-green{background:#00e5a012;background:var(--accent-dim);border:1px solid #00e5a033;color:#00e5a0;color:var(--accent)}.badge-red{background:#ff4d6a1a;background:var(--danger-dim);border:1px solid #ff4d6a33;color:#ff4d6a;color:var(--danger)}.badge-yellow{background:#ffb3471a;background:var(--warning-dim);border:1px solid #ffb34733;color:#ffb347;color:var(--warning)}.se-section-title{color:#e2eaf4;color:var(--text);font-family:Syne,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 18px}.se-card{background:#0f1624;background:var(--surface);border:1px solid #1e2d45;border:1px solid var(--border);border-radius:16px;border-radius:var(--r-lg);box-shadow:0 1px 4px #0006;box-shadow:var(--shadow-sm);padding:24px}
/*# sourceMappingURL=main.7bc059fa.css.map*/