:root{--primary-500:#1e40af;--primary-400:#3b82f6;--primary-300:#93c5fd;--primary-50:#eff6ff;--secondary-500:#059669;--secondary-400:#10b981;--secondary-300:#6ee7b7;--secondary-50:#ecfdf5;--urgent-500:#dc2626;--urgent-400:#ef4444;--urgent-50:#fef2f2;--warning-500:#d97706;--warning-400:#f59e0b;--warning-50:#fffbeb;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-300:#d1d5db;--gray-100:#f3f4f6;--gray-50:#f9fafb;--white:#ffffff;--category-road:#dc2626;--category-lighting:#f59e0b;--category-safety:#ef4444;--category-sanitation:#059669;--category-accessibility:#3b82f6;--category-other:#6b7280}.button-primary{background-color:var(--primary-500);color:var(--white)}.button-primary:hover{background-color:var(--primary-400)}.status-open{background-color:var(--gray-100);color:var(--gray-700)}.status-in-progress{background-color:var(--warning-50);color:var(--warning-500)}.status-resolved{background-color:var(--secondary-50);color:var(--secondary-500)}.status-urgent{background-color:var(--urgent-50);color:var(--urgent-500)}.page-background{background-color:var(--gray-50)}.content-background{background-color:var(--white)}.section-background{background-color:var(--gray-100)}.text-heading{color:var(--gray-900)}.text-body{color:var(--gray-700)}.text-subtle{color:var(--gray-500)}.form-border{border-color:var(--gray-300)}.form-focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}.navbar{background:var(--white);border-bottom:1px solid var(--gray-200);position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.04)}.navbar-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:64px}.navbar-brand{font-size:1.5rem;font-weight:700;color:var(--primary-500);text-decoration:none;transition:color .2s ease}.navbar-brand:hover{color:var(--primary-400)}.navbar-nav{display:flex;gap:32px;align-items:center}.nav-link{color:var(--gray-700);text-decoration:none;font-weight:500;font-size:.95rem;padding:8px 16px;border-radius:8px;transition:all .2s ease}.nav-link.active,.nav-link:hover{color:var(--primary-500);background-color:var(--primary-50)}@media (max-width:768px){.navbar-container{padding:0 16px;height:56px}.navbar-brand{font-size:1.3rem}.navbar-nav{gap:16px}.nav-link{font-size:.9rem;padding:6px 12px}}@media (max-width:480px){.navbar-nav{gap:8px}.nav-link{font-size:.85rem;padding:6px 8px}}