.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}.login-card{background:#fff;border-radius:12px;padding:2rem;width:100%;max-width:380px;box-shadow:0 25px 50px -12px #00000040}.login-card h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.login-subtitle{margin:0 0 1.5rem;color:var(--text-secondary);font-size:.9375rem}.login-setup{margin:0;padding:1rem;background:#fef3c7;border-radius:6px;font-size:.875rem;color:#92400e}.login-setup code{background:#0000000f;padding:.15em .4em;border-radius:4px}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form input{padding:.75rem 1rem;border:1px solid var(--border);border-radius:6px;font-size:1rem}.login-form input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.login-form button{padding:.75rem 1rem;background:#059669;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer}.login-form button:hover:not(:disabled){background:#047857}.login-form button:disabled{opacity:.7;cursor:not-allowed}.login-error{padding:.5rem;background:#fef2f2;color:#b91c1c;border-radius:6px;font-size:.875rem}.login-message{padding:.5rem;background:#ecfdf5;color:#047857;border-radius:6px;font-size:.875rem}.login-toggle{margin-top:1rem;background:none;border:none;color:#3b82f6;font-size:.875rem;cursor:pointer;text-decoration:underline}.login-toggle:hover{color:#2563eb}.data-source-bar{padding:.5rem 1rem;background:#ecfdf5;color:#059669;font-size:.8125rem;border-bottom:1px solid #d1fae5}.data-source-bar-error{background:#fef2f2;color:#dc2626;border-bottom-color:#fecaca}.zones-view{background:var(--bg-secondary);border-radius:8px;box-shadow:0 1px 3px #00000014;overflow:hidden}.zones-filter{display:flex;gap:.5rem;padding:1rem;border-bottom:1px solid var(--border)}.filter-input{flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:.9375rem}.filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.filter-search{padding:.5rem .75rem;background:var(--bg-table-header);color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.filter-search:hover{background:#3d3d3d}.zones-table-wrapper{overflow-x:auto}.zones-table{width:100%;border-collapse:collapse}.zones-table th{background:var(--bg-table-header);color:#fff;text-align:left;padding:.75rem 1rem;font-weight:600;font-size:.875rem}.zones-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.9375rem}.zones-table tbody tr{background:var(--bg-secondary)}.zones-table tbody tr:nth-child(2n){background:#fafafa}.zone-row{cursor:pointer;transition:background .15s ease}.zone-row:hover{background:#f0f9ff!important}.zone-row-all{font-weight:600}.zone-id,.zone-address{color:var(--text-link);text-decoration:none}.zones-loading,.zones-error{padding:2rem;text-align:center;color:var(--text-secondary)}.zones-error{color:var(--text-violation)}.zone-nickname-cell{min-width:140px;cursor:text}.zone-nickname-cell:hover .zone-nickname-placeholder{color:#6b7280}.zone-nickname-input{width:100%;min-width:120px;padding:.25rem .5rem;border:1px solid #3b82f6;border-radius:4px;font-size:.875rem}.zone-nickname-input:focus{outline:none;box-shadow:0 0 0 2px #3b82f633}.zone-nickname-placeholder{color:#9ca3af;font-style:italic}.enforcement-view{background:var(--bg-secondary);border-radius:8px;box-shadow:0 1px 3px #00000014;overflow:hidden}.enforcement-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--border)}.last-updated{font-size:.875rem;color:var(--text-secondary)}.data-source-badge{color:#059669;font-weight:500}.add-car-btn{padding:.5rem 1rem;background:#059669;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;font-size:.875rem}.add-car-btn:hover{background:#047857}.enforcement-filter{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.enforcement-filter .filter-input{min-width:220px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:4px;font-family:inherit;font-size:.9375rem}.enforcement-filter .filter-input:focus{outline:none;border-color:#3b82f6}.enforcement-filter .filter-search{padding:.5rem .75rem;background:var(--bg-table-header);color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.enforcement-filter .filter-search:hover{background:#3d3d3d}.zone-filter-bar{padding:.75rem 1rem;background:#eff6ff;color:#1d4ed8;font-size:.875rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.zone-filter-label{font-weight:600}.zone-filter-select{padding:.35rem .75rem;border:1px solid #93c5fd;border-radius:4px;background:#fff;font-size:.875rem;cursor:pointer;min-width:140px}.zone-filter-select:focus{outline:none;border-color:#3b82f6}.zone-filter-count{color:#1e40af;font-weight:500}.zone-filter-bar .back-link{background:none;border:none;color:#1d4ed8;text-decoration:underline;cursor:pointer;font-size:.875rem;padding:0}.zone-filter-badge .back-link:hover{color:#1e40af}.enforcement-error{padding:1rem;background:#fef2f2;color:var(--text-violation);display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.enforcement-error .error-hint{font-size:.875rem;opacity:.9}.enforcement-error button{padding:.25rem .5rem;background:var(--text-violation);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.enforcement-loading,.enforcement-empty{padding:2rem;text-align:center;color:var(--text-secondary)}.write-ticket-btn{margin-top:1rem;padding:.6rem 1.2rem;background:#dc2626;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:.9375rem;cursor:pointer}.write-ticket-btn:hover{background:#b91c1c}.write-ticket-btn-inline{margin-top:0;padding:.5rem 1rem;font-size:.875rem}.void-ticket-btn{padding:.5rem 1rem;background:#6b7280;color:#fff;border:none;border-radius:4px;font-weight:600;font-size:.875rem;cursor:pointer}.void-ticket-btn:hover{background:#4b5563}.void-modal-hint{margin:0 0 1rem;font-size:.875rem;color:var(--text-secondary)}.void-tickets-list{max-height:240px;overflow-y:auto;margin-bottom:1rem;border:1px solid var(--border);border-radius:6px}.void-ticket-row{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid var(--border);font-size:.875rem}.void-ticket-row:last-child{border-bottom:none}.void-ticket-row.voided{opacity:.6}.void-ticket-plate{font-weight:600;min-width:80px}.void-ticket-violation{min-width:90px}.void-ticket-status{text-transform:capitalize;min-width:60px}.void-ticket-amount{font-weight:600;min-width:60px}.void-ticket-action{padding:.25rem .6rem;background:#dc2626;color:#fff;border:none;border-radius:4px;font-size:.8125rem;font-weight:600;cursor:pointer;margin-left:auto}.void-ticket-action:hover:not(:disabled){background:#b91c1c}.void-ticket-action:disabled{opacity:.7;cursor:not-allowed}.void-ticket-badge{margin-left:auto;font-size:.75rem;color:var(--text-secondary)}.void-tickets-empty{padding:1.5rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.ticket-plate-confirm{margin:0 0 1rem;font-size:1rem}.violation-number-prefix{display:flex;align-items:center;border:1px solid var(--border);border-radius:6px;overflow:hidden}.violation-number-prefix .violation-prefix{padding:.5rem .75rem;background:#f3f4f6;color:var(--text-secondary);font-weight:500}.violation-number-prefix input{flex:1;border:none;padding:.5rem .75rem;font-size:1rem}.violation-number-prefix input:focus{outline:none}.enforcement-table-wrapper{overflow-x:auto}.enforcement-table{width:100%;border-collapse:collapse}.enforcement-table th{background:var(--bg-table-header);color:#fff;text-align:left;padding:.75rem 1rem;font-weight:600;font-size:.875rem}.enforcement-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.9375rem}.enforcement-table tbody tr{background:var(--bg-secondary)}.enforcement-table tbody tr:nth-child(2n){background:#fafafa}.enforcement-table tbody tr.violation-row,.enforcement-table tbody tr.violation-row td{color:var(--text-violation)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.add-car-modal{background:#fff;border-radius:8px;padding:1.5rem;min-width:320px;box-shadow:0 4px 20px #00000026}.modal-content.add-car-modal h3{margin:0 0 1rem;font-size:1.125rem}.modal-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.modal-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;font-weight:500}.modal-form input,.modal-form select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:4px;font-size:.9375rem}.modal-form input:focus,.modal-form select:focus{outline:none;border-color:#3b82f6}.modal-error{color:var(--text-violation);font-size:.875rem;margin-bottom:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.modal-actions button{padding:.5rem 1rem;border-radius:4px;font-size:.875rem;cursor:pointer;border:1px solid var(--border);background:#fff}.modal-actions button.primary{background:#059669;color:#fff;border-color:#059669}.modal-actions button.primary:hover{background:#047857}.app{min-height:100vh;display:flex;flex-direction:column}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary)}.app-loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:#059669;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-header{background:var(--bg-secondary);padding:1rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.app-header-actions{display:flex;align-items:center;gap:1rem}.app-user{font-size:.875rem;color:var(--text-secondary)}.sign-out-btn{padding:.35rem .75rem;background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-size:.875rem;cursor:pointer;border-radius:4px}.sign-out-btn:hover{background:#f3f4f6;color:var(--text-primary)}.app-header h1{margin:0;font-size:1.25rem;font-weight:600}.back-to-zones{padding:.5rem 1rem;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:4px;transition:all .15s ease}.back-to-zones:hover{background:#e5e7eb}.app-main{flex:1;padding:1.5rem;max-width:1200px;width:100%;margin:0 auto}:root{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-table-header: #4a4a4a;--text-primary: #333333;--text-secondary: #666666;--text-link: #2563eb;--text-violation: #dc2626;--border: #e5e7eb;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}