*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f172a;--surface:#1e293b;--surface-hover:#334155;--primary:#3b82f6;--text:#f1f5f9;--text-muted:#94a3b8;--border:#334155;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--radius:12px}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body{min-height:100dvh}button{cursor:pointer;font:inherit}.container{max-width:600px;margin:0 auto;padding:16px;width:100%}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:20px}.header h1{font-size:18px;font-weight:700}.header .officer-badge{font-size:12px;color:var(--text-muted);background:var(--surface);padding:4px 10px;border-radius:20px}.search-form{display:flex;gap:8px;margin-bottom:20px}.search-form input{flex:1 1;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:18px;font-weight:700;letter-spacing:2px;text-transform:uppercase;outline:none}.search-form input::placeholder{color:var(--text-muted);font-weight:400;letter-spacing:0;font-size:15px;text-transform:none}.search-form input:focus{border-color:var(--primary)}.search-form button{padding:14px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-weight:600;font-size:15px;white-space:nowrap}.search-form button:disabled{opacity:.5;cursor:not-allowed}.zone-select{width:100%;padding:12px 16px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:15px;outline:none;margin-bottom:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.result-card,.zone-select{border-radius:var(--radius)}.result-card{padding:24px;margin-bottom:16px}.result-card.valid{background:#052e16;border:2px solid var(--success)}.result-card.expired{background:#451a03;border:2px solid var(--warning)}.result-card.not-found{background:#450a0a;border:2px solid var(--error)}.result-status{display:flex;align-items:center;gap:12px;margin-bottom:16px}.result-status .indicator{width:16px;height:16px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.result-card.valid .indicator{background:var(--success)}.result-card.expired .indicator{background:var(--warning)}.result-card.not-found .indicator{background:var(--error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.result-status .label{font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.result-card.valid .label{color:var(--success)}.result-card.expired .label{color:var(--warning)}.result-card.not-found .label{color:var(--error)}.result-details{display:grid;grid-gap:8px;gap:8px}.result-row{display:flex;justify-content:space-between;font-size:14px}.result-row .key{color:var(--text-muted)}.result-row .value{font-weight:600}.result-meta{margin-top:12px;padding-top:12px;border-top:1px solid hsla(0,0%,100%,.1);font-size:12px;color:var(--text-muted);display:flex;justify-content:space-between}.history-header{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;margin-top:24px}.history-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface);border-radius:var(--radius);margin-bottom:8px;cursor:pointer;transition:background .15s}.history-item:hover{background:var(--surface-hover)}.history-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.history-dot.valid{background:var(--success)}.history-dot.expired{background:var(--warning)}.history-dot.not-found{background:var(--error)}.history-plate{font-weight:700;font-size:15px;letter-spacing:1px;flex:1 1}.history-time{font-size:12px;color:var(--text-muted)}.empty-state{padding:48px 16px}.empty-state,.loading{text-align:center;color:var(--text-muted)}.loading{padding:24px}.error-msg{color:var(--error);font-size:14px;padding:12px 16px;background:#450a0a;border-radius:var(--radius);margin-bottom:16px}.camera-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--primary);transition:background .15s,border-color .15s}.camera-btn:hover{background:var(--surface-hover);border-color:var(--primary)}.scanner-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.95);flex-direction:column}.scanner-close,.scanner-overlay{display:flex;align-items:center;justify-content:center}.scanner-close{position:absolute;top:16px;right:16px;z-index:1010;background:hsla(0,0%,100%,.1);border:none;color:#fff;width:44px;height:44px;border-radius:50%;-webkit-tap-highlight-color:transparent}.scanner-close:hover{background:hsla(0,0%,100%,.2)}.scanner-body{width:100%;max-width:500px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:20px}.scanner-preview{position:relative;width:100%;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:4/3}.scanner-video{width:100%;height:100%;object-fit:cover;display:block}.scanner-guide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.scanner-guide-rect{width:70%;height:20%;border:2px solid hsla(0,0%,100%,.8);border-radius:8px;box-shadow:0 0 0 9999px rgba(0,0,0,.4)}.scanner-guide-label{margin-top:12px;font-size:13px;color:hsla(0,0%,100%,.7);text-shadow:0 1px 3px rgba(0,0,0,.8)}.scanner-controls{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:100px}.scanner-hint{text-align:center}.scanner-hint,.scanner-status{font-size:14px;color:var(--text-muted)}.scanner-capture-btn{width:60px;height:60px;border-radius:50%;background:hsla(0,0%,100%,.2);border:3px solid #fff;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:background .15s}.scanner-capture-btn:hover{background:hsla(0,0%,100%,.3)}.scanner-capture-btn:active{background:hsla(0,0%,100%,.4)}.scanner-capture-inner{width:46px;height:46px;border-radius:50%;background:#fff}.scanner-processing{display:flex;flex-direction:column;align-items:center;gap:12px}.scanner-spinner{width:36px;height:36px;border:3px solid hsla(0,0%,100%,.15);border-top:3px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.scanner-error{text-align:center;padding:32px 16px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:20px}.scanner-error p{font-size:15px;line-height:1.5}.scanner-retry-btn{padding:12px 32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:15px;font-weight:600}.offline-banner{position:-webkit-sticky;position:sticky;top:0;z-index:100;gap:10px;padding:10px 16px;background:#78350f;border-bottom:2px solid var(--warning);color:#fef3c7;font-size:13px;font-weight:600}.offline-banner,.offline-icon{display:flex;align-items:center}.offline-icon{justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--warning);color:#78350f;font-weight:800;font-size:14px;flex-shrink:0}.offline-count{margin-left:auto;font-size:12px;opacity:.8;white-space:nowrap}.cache-status{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:12px;font-size:12px;color:var(--text-muted);background:var(--surface);border-radius:8px}.cache-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cache-dot.online{background:var(--success)}.cache-dot.offline{background:var(--warning)}.cache-refreshing{margin-left:auto;font-style:italic;color:var(--primary);font-size:11px}.external-providers{margin-bottom:16px}.providers-header{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.providers-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.provider-card{padding:12px 14px;background:var(--surface);border-radius:8px;border:1px solid var(--border)}.provider-card.paid{border-color:var(--success);background:#052e16}.provider-card.not_found{border-color:var(--border)}.provider-card.expired{border-color:var(--warning);background:#451a03}.provider-name{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.provider-status{font-size:14px;font-weight:700}.provider-status.paid{color:var(--success)}.provider-status.not_found{color:var(--text-muted)}.provider-status.expired{color:var(--warning)}.provider-expires{font-size:11px;color:var(--text-muted);margin-top:4px}.report-overlay{position:fixed;inset:0;z-index:2000;background:#fff;color:#1e293b;overflow-y:auto;-webkit-overflow-scrolling:touch}.report-container{max-width:800px;margin:0 auto;padding:32px 24px}.report-header{border-bottom:2px solid #e2e8f0;padding-bottom:20px;margin-bottom:24px}.report-title{font-size:24px;font-weight:700;color:#0f172a;margin-bottom:16px}.report-officer-info{display:grid;grid-gap:6px;gap:6px}.report-info-row{display:flex;gap:12px;font-size:14px}.report-info-label{color:#64748b;min-width:60px;font-weight:500}.report-info-value{color:#1e293b;font-weight:600}.report-stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:32px}.report-stat-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:20px;text-align:center}.report-stat-number{font-size:32px;font-weight:700;color:#0f172a;line-height:1;margin-bottom:6px}.report-stat-unit{font-size:14px;font-weight:500;color:#64748b}.report-stat-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.report-stat-breakdown{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:600;margin-bottom:4px}.report-breakdown-valid{color:#16a34a}.report-breakdown-expired{color:#d97706}.report-breakdown-notfound{color:#dc2626}.report-stat-zones{font-size:14px;font-weight:600;color:#334155;line-height:1.4;margin-bottom:4px}.report-log-section{margin-bottom:32px}.report-section-title{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:12px}.report-log-table{width:100%;border-collapse:collapse;font-size:13px}.report-log-table th{text-align:left;padding:10px 12px;background:#f1f5f9;color:#475569;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.report-log-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;color:#334155}.report-log-table tbody tr:nth-child(2n){background:#f8fafc}.report-log-table tbody tr:hover{background:#f1f5f9}.report-plate-cell{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-weight:600;letter-spacing:.5px}.report-result-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.report-result-valid{background:#dcfce7;color:#166534}.report-result-expired{background:#fef3c7;color:#92400e}.report-result-notfound{background:#fee2e2;color:#991b1b}.report-empty{text-align:center;padding:48px 16px;color:#94a3b8;font-size:15px}.report-footer{border-top:2px solid #e2e8f0;padding-top:16px;margin-top:16px;display:flex;justify-content:space-between;font-size:12px;color:#94a3b8}.report-actions{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0;flex-wrap:wrap}.report-action-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:opacity .15s}.report-action-btn:hover{opacity:.85}.report-action-print{background:#0f172a;color:#fff}.report-action-csv{background:#3b82f6;color:#fff}.report-action-share{background:#8b5cf6;color:#fff}.report-action-close{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;margin-left:auto}@media print{.empty-state,.error-msg,.header,.history-header,.history-item,.result-card,.search-form,.zone-select,body>:not(.report-overlay){display:none!important}.report-overlay{position:static;overflow:visible}.report-container{padding:0}.report-actions{display:none!important}.report-log-table{font-size:11px}.report-log-table td,.report-log-table th{padding:6px 8px}.report-stats-grid{gap:8px}.report-stat-card{padding:12px}}