:root{--bg-primary: #4ade80;--bg-secondary: #fcf8f2;--bg-tertiary: #fef08a;--text-primary: #000000;--text-secondary: #1e293b;--text-muted: #475569;--accent-primary: #000000;--accent-secondary: #3b82f6;--color-yellow: #fde047;--color-blue: #60a5fa;--color-red: #fb7185;--color-pink: #f472b6;--color-orange: #fb923c;--color-green: #4ade80;--font-sans: "Poppins", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--weight-normal: 500;--weight-medium: 600;--weight-semibold: 700;--weight-bold: 800;--border-thick: 1px solid rgba(0, 0, 0, .2);--border-medium: 1px solid rgba(0, 0, 0, .1);--border-thin: 1px solid rgba(0, 0, 0, .05);--border-radius: 12px;--border-radius-pill: 9999px;--shadow-solid: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-solid-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .03);--shadow-solid-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-active: 0 0 0 2px rgba(0, 0, 0, .1);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;font-weight:var(--weight-normal)}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.mt-4{margin-top:var(--space-4)}select,button,input,textarea{font-family:inherit}.header{padding:var(--space-4) 0;display:flex;justify-content:space-between;align-items:center;border-bottom:var(--border-medium);margin-bottom:var(--space-8);background-color:var(--bg-primary)}.header-title{font-size:var(--text-xl);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:-.02em}.header-tagline{font-size:var(--text-sm);font-weight:var(--weight-medium)}.lang-select{padding:var(--space-2) var(--space-4);border:var(--border-medium);border-radius:var(--border-radius-pill);background-color:var(--bg-secondary);color:var(--text-primary);font-weight:var(--weight-bold);cursor:pointer;box-shadow:var(--shadow-solid-sm);transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.lang-select:hover{box-shadow:var(--shadow-solid)}.footer{margin-top:auto;padding:var(--space-8) 0;text-align:center;font-size:var(--text-xs);color:var(--text-primary);font-weight:var(--weight-medium);border-top:var(--border-medium)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--weight-bold);text-transform:uppercase;border:var(--border-thick);border-radius:var(--border-radius-pill);cursor:pointer;transition:all .2s ease-in-out;box-shadow:var(--shadow-solid-sm)}.btn:hover:not(:disabled){box-shadow:var(--shadow-solid);transform:translateY(-1px)}.btn:active:not(:disabled){box-shadow:var(--shadow-active);transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-primary{background-color:var(--text-primary);color:var(--bg-secondary)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary)}.btn-small{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.card{background-color:var(--bg-secondary);border:var(--border-thick);border-radius:var(--border-radius);padding:var(--space-6);box-shadow:var(--shadow-solid)}.card-title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-4);border-bottom:var(--border-thin);padding-bottom:var(--space-2)}.input-textarea,.question-input{width:100%;padding:var(--space-4);background-color:var(--bg-secondary);border:var(--border-thick);border-radius:var(--border-radius);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);font-weight:var(--weight-medium);resize:vertical;box-shadow:var(--shadow-solid-sm);transition:all .2s ease}.input-textarea:focus,.question-input:focus{outline:none;background-color:#fff;border-color:var(--color-blue);box-shadow:0 0 0 3px #60a5fa33}.input-section{position:relative;margin-bottom:var(--space-6)}.char-count{position:absolute;bottom:-25px;right:0;font-size:var(--text-xs);font-weight:var(--weight-bold);background:var(--text-primary);color:#fff;padding:2px 8px;border-radius:var(--border-radius-pill)}.badge{display:inline-block;padding:2px 12px;border-radius:var(--border-radius-pill);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;border:var(--border-thin);background-color:var(--bg-secondary);color:var(--text-primary)}.badge.emergency{background-color:var(--color-red);color:#fff;border:none}.badge.standard{background-color:var(--color-blue);color:#fff;border:none}.badge.low{background-color:var(--color-yellow);border:none}.badge.overdue{background-color:var(--color-orange);color:#fff;border:none}.badge.success{background-color:var(--color-green);color:#fff;border:none}.alert{padding:var(--space-4);border-radius:var(--border-radius);border:var(--border-thin);font-size:var(--text-sm);font-weight:var(--weight-medium);background-color:var(--bg-secondary);margin-bottom:var(--space-4)}.alert.error{background-color:#fee2e2;border-color:#f87171;color:#991b1b}.alert.info{background-color:#fef9c3;border-color:#fde047;color:#854d0e}.alert.success{background-color:#dcfce3;border-color:#86efac;color:#166534}.step-indicator{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);padding:var(--space-4);background:var(--bg-secondary);border:var(--border-thick);border-radius:var(--border-radius);box-shadow:var(--shadow-solid-sm)}.step-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-muted)}.step-item.active,.step-item.completed{color:var(--text-primary)}.step-dot{width:24px;height:24px;border-radius:50%;border:var(--border-medium);background-color:#fff;transition:all .3s ease}.step-item.active .step-dot{background-color:var(--color-blue);border-color:var(--color-blue)}.step-item.completed .step-dot{background-color:var(--color-green);border-color:var(--color-green)}.step-line{flex-grow:1;height:2px;background-color:#0000001a;margin:0 var(--space-2);transform:translateY(-10px)}.step-item.completed+.step-line{background-color:var(--color-green)}.hero{text-align:center;margin-bottom:var(--space-8);position:relative}.hero-title{font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-2)}.hero-subtitle{font-size:var(--text-lg);font-weight:var(--weight-medium);color:#000000b3}.trust-banner{text-align:center;margin-top:var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-bold);display:flex;justify-content:center}.trust-banner span{background-color:var(--bg-secondary);padding:var(--space-2) var(--space-4);border:var(--border-thin);border-radius:var(--border-radius-pill)}.routing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.routing-agency{background-color:#fef9c3;padding:var(--space-4);border-radius:var(--border-radius);border:var(--border-thin);border-color:#fde047;margin:var(--space-4) 0}.routing-agency-name{font-weight:var(--weight-bold);font-size:var(--text-lg);margin-bottom:var(--space-2)}.routing-explanation,.routing-legal{padding-top:var(--space-4);margin-top:var(--space-4);border-top:var(--border-thin)}.questions-list{display:flex;flex-direction:column;gap:var(--space-4)}.question-item{display:flex;flex-direction:column;gap:var(--space-2)}.question-label{font-weight:var(--weight-bold);font-size:var(--text-sm)}.complaint-text{background-color:#f8fafc;border:var(--border-thin);padding:var(--space-4);border-radius:var(--border-radius);font-family:Courier New,Courier,monospace;font-size:var(--text-sm);white-space:pre-wrap;margin:var(--space-4) 0}.complaint-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.complaint-meta{display:flex;justify-content:space-between;font-size:var(--text-xs);font-weight:var(--weight-bold);border-top:var(--border-thin);padding-top:var(--space-2)}.timeline-display{display:flex;flex-direction:column;gap:var(--space-6)}.timeline-prediction{text-align:center}.timeline-days{font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:1}.timeline-label{font-size:var(--text-lg);font-weight:var(--weight-bold);text-transform:uppercase}.timeline-bar{height:24px;background-color:var(--border-thin);border-radius:var(--border-radius-pill);overflow:hidden;position:relative}.timeline-bar-fill{height:100%;background-color:var(--color-blue)}.timeline-context{background-color:#eff6ff;padding:var(--space-4);border-radius:var(--border-radius);border:var(--border-thin);border-color:#bfdbfe;font-weight:var(--weight-medium)}.escalation-panel{display:flex;flex-direction:column;gap:var(--space-4)}.escalation-tier{border:var(--border-thick);border-radius:var(--border-radius);background-color:#fff;box-shadow:var(--shadow-solid-sm);overflow:hidden;transition:all .3s ease}.escalation-tier-header{padding:var(--space-4);display:flex;justify-content:space-between;align-items:center;border-bottom:var(--border-thin);background-color:#f8fafc}.escalation-tier-body{padding:var(--space-4)}.escalation-template{background-color:var(--bg-secondary);border:var(--border-thin);padding:var(--space-4);border-radius:var(--border-radius);font-family:Courier New,Courier,monospace;font-size:var(--text-sm);white-space:pre-wrap;margin-bottom:var(--space-4)}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#000;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.hero-title{font-size:var(--text-3xl)}.btn{width:100%}.complaint-actions{flex-direction:column}.step-indicator{flex-wrap:wrap;gap:var(--space-4)}.step-line{display:none}}.complaint-map-wrapper{border-radius:var(--border-radius);overflow:hidden;border:var(--border-thick)}.location-picker{margin:var(--space-4) 0}.map-instruction{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--weight-medium);margin-bottom:var(--space-2)}.geocoding-status{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.pin-address-result{margin-top:var(--space-2);padding:var(--space-3) var(--space-4);background-color:#dcfce3;border:var(--border-thin);border-color:#86efac;border-radius:var(--border-radius);font-size:var(--text-sm);color:#166534;font-weight:var(--weight-medium)}.manual-address-fallback{margin-top:var(--space-2)}.nearby-stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background-color:#eff6ff;border:var(--border-thin);border-color:#bfdbfe;border-radius:var(--border-radius);margin-top:var(--space-4)}.nearby-stat-count{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:#1d4ed8;min-width:50px;text-align:center}.nearby-stat-text{flex:1}.leaflet-container{font-family:var(--font-sans)!important;z-index:0}