.map-wrapper{border:1px solid var(--border-primary);border-radius:.5rem;overflow:hidden;position:relative}.leaflet-container{font-family:inherit;font-size:14px;background-color:var(--bg-secondary)}.leaflet-container.leaflet-dark{background-color:var(--bg-primary)}.leaflet-container.leaflet-dark .leaflet-tile-pane{filter:brightness(.6) invert(1) contrast(3) hue-rotate(200deg) saturate(.3) brightness(.7)}.location-picker{margin-bottom:1rem}.location-search{margin-bottom:1rem;position:relative}.search-input-wrapper{position:relative}.search-loading{position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.search-results{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-top:none;border-radius:0 0 .25rem .25rem;max-height:250px;overflow-y:auto;z-index:9999;box-shadow:0 4px 6px var(--shadow);margin-top:-1px}.search-result-item{padding:.75rem;cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--border-primary)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:var(--bg-secondary)}.search-no-results{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.map-container{position:relative}.map-controls{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;gap:1rem}.map-instructions{font-size:.875rem;color:var(--text-secondary)}.selected-location-info{margin-top:1rem;padding:.75rem;background-color:var(--bg-secondary);border-radius:.25rem;font-size:.875rem}.location-popup{min-width:200px}.location-address{margin:.5rem 0;font-size:.875rem}.location-coords{font-size:.75rem;color:var(--text-secondary);font-family:monospace}.request-map{position:relative}.map-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;color:var(--text-secondary)}.request-count{font-weight:500}.map-message{text-align:center;padding:2rem;color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:.5rem;margin-top:1rem}.request-popup{min-width:250px}.request-popup h4{margin:0 0 .5rem;font-size:1rem}.popup-details p{margin:.25rem 0;font-size:.875rem}.request-description{margin-top:.5rem;font-size:.8rem;color:var(--text-secondary)}.request-popup .btn-sm{margin-top:.75rem;padding:.5rem 1rem;font-size:.875rem}.marker-cluster{background-color:var(--btn-primary-bg);color:#fff;border-radius:50%;text-align:center;font-weight:700;border:2px solid white;box-shadow:0 2px 4px var(--shadow)}.marker-cluster div{display:flex;align-items:center;justify-content:center;height:100%}.marker-cluster-small{background-color:var(--btn-primary-bg)}.marker-cluster-medium{background-color:var(--btn-secondary-bg)}.marker-cluster-large{background-color:var(--btn-danger-bg)}.location-input-options{display:flex;flex-direction:row;gap:1rem;margin-bottom:1.5rem}.option-card{flex:1;display:flex;align-items:center;gap:1rem;padding:1.25rem;background-color:var(--bg-primary);border:2px solid var(--border-primary);border-radius:.75rem;cursor:pointer;transition:all .2s ease;position:relative}.option-card:hover{border-color:var(--btn-primary-bg);background-color:var(--bg-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.option-card.selected{border-color:var(--btn-primary-bg);background-color:var(--bg-secondary);box-shadow:0 2px 8px #007bff26}.option-card .checkmark{position:absolute;top:.75rem;right:.75rem;color:var(--btn-primary-bg)}.option-card .option-icon{flex-shrink:0;color:var(--text-secondary)}.option-card.selected .option-icon{color:var(--btn-primary-bg)}.option-card .option-content{flex:1}.option-card .option-title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.option-card .option-description{font-size:.875rem;color:var(--text-secondary)}.option-card:focus{outline:3px solid var(--input-focus);outline-offset:2px}.option-card:focus:not(:focus-visible){outline:none}.leaflet-control-zoom{border:1px solid var(--border-primary)!important}.leaflet-control-zoom a{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-primary)!important}.leaflet-control-zoom a:hover{background-color:var(--bg-secondary)!important}.leaflet-control-attribution{background-color:#fffc!important;font-size:.75rem}.leaflet-dark .leaflet-control-attribution{background-color:#000c!important;color:var(--text-secondary)}.leaflet-dark .leaflet-control-attribution a{color:var(--link-color)}.btn-mobile-large{min-height:44px;min-width:44px;font-size:1rem}@media (pointer: coarse){.leaflet-control-zoom a{width:44px!important;height:44px!important;line-height:44px!important;font-size:20px!important}.leaflet-marker-icon{width:30px!important;height:46px!important}.search-result-item{min-height:48px;display:flex;align-items:center;padding:1rem}}@media (max-width: 768px){.map-controls{flex-direction:column;align-items:stretch}.location-input-options{flex-direction:row;gap:.5rem}.option-card{padding:.75rem;flex-direction:column;text-align:center;gap:.5rem}.option-card .checkmark{position:absolute;top:.5rem;right:.5rem}.option-card .checkmark svg{width:16px;height:16px}.option-card .option-icon{width:24px;height:24px;margin:0 auto}.option-card .option-icon svg{width:24px;height:24px}.option-card .option-title{font-size:.875rem}.option-card .option-description{font-size:.75rem;line-height:1.2}.map-wrapper{margin-left:-1rem;margin-right:-1rem;border-radius:0}.btn-mobile-large{width:100%;padding:1rem;font-size:1.125rem}.leaflet-control-zoom{margin-bottom:10px!important;margin-left:10px!important}.leaflet-control-attribution{font-size:.625rem!important}.location-popup{min-width:250px}.map-instructions{text-align:center;padding:.75rem;background-color:var(--bg-secondary);border-radius:.25rem;margin-top:.5rem}}@media (max-width: 400px){.option-card{padding:.625rem}.option-card .option-title{font-size:.8125rem}.option-card .option-description{display:none}.option-card .option-icon svg{width:20px;height:20px}}.search-result-item:focus{outline:3px solid var(--input-focus);outline-offset:-3px;background-color:var(--bg-secondary)}.leaflet-control-zoom a:focus{outline:3px solid var(--input-focus)!important;outline-offset:-3px}.btn-mobile-large:focus{outline:3px solid var(--input-focus);outline-offset:2px}.map-skip-link{position:absolute;top:-40px;left:0;background-color:var(--btn-primary-bg);color:#fff;padding:.5rem 1rem;text-decoration:none;border-radius:.25rem;z-index:1000}.map-skip-link:focus{top:0}@media (prefers-contrast: high){.leaflet-marker-icon{filter:contrast(1.5)}.marker-cluster{border-width:3px}}.spinner-small{display:inline-block;width:14px;height:14px;border:2px solid rgba(0,0,0,.1);border-left-color:currentColor;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.mapbox-container{position:relative;width:100%;border-radius:.5rem;overflow:hidden;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent}.mapboxgl-map{font-family:inherit}.mapboxgl-canvas{touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent}.mapboxgl-canvas-container{touch-action:pan-x pan-y}.mapboxgl-ctrl-attrib{background-color:#fffc!important;font-size:.75rem}[data-theme=dark] .mapboxgl-ctrl-attrib{background-color:#000c!important;color:var(--text-secondary)}.mapboxgl-ctrl-group{background-color:var(--bg-primary)!important;border:1px solid var(--border-primary)!important}.mapboxgl-ctrl-group button{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}.mapboxgl-ctrl-group button:hover{background-color:var(--bg-secondary)!important}.mapboxgl-popup-content{background-color:var(--bg-primary);color:var(--text-primary);padding:0;border-radius:.5rem;box-shadow:0 2px 8px #00000026}.mapboxgl-popup-tip{border-top-color:var(--bg-primary)}.custom-marker{cursor:pointer;transition:transform .2s ease}.custom-marker:hover{transform:scale(1.1)}.custom-marker.clickable{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.marker-label{position:absolute;top:-25px;left:50%;transform:translate(-50%);background-color:var(--bg-primary);color:var(--text-primary);padding:2px 6px;border-radius:3px;font-size:12px;white-space:nowrap;box-shadow:0 1px 3px #0003}.request-popup .popup-content{padding:1rem;min-width:280px}.request-popup .popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-primary)}.request-popup .popup-body{margin-bottom:.75rem}.request-popup .popup-footer{padding-top:.75rem;border-top:1px solid var(--border-primary)}@media (pointer: coarse){.mapboxgl-ctrl-group button{width:44px!important;height:44px!important;font-size:20px!important}}.marker-cluster{transition:all .2s ease}.marker-cluster:hover{transform:scale(1.1)}.mapboxgl-ctrl-group button:focus{outline:3px solid var(--input-focus)!important;outline-offset:-3px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #efefef;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #595959;--border-primary: #d4d4d4;--border-secondary: #b8b8b8;--shadow: rgba(0, 0, 0, .15);--brand-primary: #003366;--brand-secondary: #1a1a1a;--brand-accent: #0066cc;--color-primary: #003366;--color-primary-light: #004080;--color-primary-dark: #002244;--color-secondary: #2e7d32;--color-secondary-light: #388e3c;--color-secondary-dark: #1b5e20;--color-warning: #f57c00;--color-warning-light: #ff9800;--color-warning-dark: #e65100;--color-danger: #c62828;--color-danger-light: #e53935;--color-danger-dark: #b71c1c;--status-new-bg: #cce5ff;--status-new-text: #003366;--status-assigned-bg: #fff3cd;--status-assigned-text: #664200;--status-progress-bg: #ffe68a;--status-progress-text: #664200;--status-completed-bg: #d4edda;--status-completed-text: #155724;--status-closed-bg: #e2e3e5;--status-closed-text: #1a1a1a;--priority-high-bg: #f8d7da;--priority-high-text: #721c24;--priority-medium-bg: #fff3cd;--priority-medium-text: #664200;--priority-low-bg: #d4edda;--priority-low-text: #155724;--btn-primary-bg: var(--color-primary);--btn-primary-hover: var(--color-primary-dark);--btn-secondary-bg: var(--color-secondary);--btn-secondary-hover: var(--color-secondary-dark);--btn-success-bg: var(--color-secondary);--btn-success-hover: var(--color-secondary-dark);--btn-warning-bg: var(--color-warning);--btn-warning-hover: var(--color-warning-dark);--btn-danger-bg: var(--color-danger);--btn-danger-hover: var(--color-danger-dark);--link-color: #0066cc;--link-hover: #0052a3;--link-visited: #551a8b;--input-bg: #ffffff;--input-border: #767676;--input-focus: #0066cc;--input-focus-shadow: rgba(0, 102, 204, .25);--input-error: #dc3545;--focus-color: #0066cc;--focus-offset: 2px;color-scheme:light;color:var(--text-primary);background-color:var(--bg-primary)}.dark{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-tertiary: #b8b8b8;--border-primary: #4a4a4a;--border-secondary: #5e5e5e;--shadow: rgba(0, 0, 0, .5);--brand-primary: #5c9aff;--brand-secondary: #e0e0e0;--brand-accent: #66b3ff;--color-primary: #5c9aff;--color-primary-light: #7db8ff;--color-primary-dark: #4c8aef;--color-secondary: #66bb6a;--color-secondary-light: #81c784;--color-secondary-dark: #4caf50;--color-warning: #ffa726;--color-warning-light: #ffb74d;--color-warning-dark: #ff9800;--color-danger: #ef5350;--color-danger-light: #ef9a9a;--color-danger-dark: #e53935;--status-new-bg: #004080;--status-new-text: #cce5ff;--status-assigned-bg: #7c5000;--status-assigned-text: #fff3cd;--status-progress-bg: #7c5000;--status-progress-text: #ffe68a;--status-completed-bg: #0e472c;--status-completed-text: #d4edda;--status-closed-bg: #3a3a3a;--status-closed-text: #e2e3e5;--priority-high-bg: #842029;--priority-high-text: #f8d7da;--priority-medium-bg: #7c5000;--priority-medium-text: #fff3cd;--priority-low-bg: #0e472c;--priority-low-text: #d4edda;--btn-primary-bg: var(--color-primary);--btn-primary-hover: var(--color-primary-dark);--btn-secondary-bg: var(--color-secondary);--btn-secondary-hover: var(--color-secondary-dark);--btn-success-bg: var(--color-secondary);--btn-success-hover: var(--color-secondary-dark);--btn-warning-bg: var(--color-warning);--btn-warning-hover: var(--color-warning-dark);--btn-danger-bg: var(--color-danger);--btn-danger-hover: var(--color-danger-dark);--link-color: #66b3ff;--link-hover: #5c9aff;--link-visited: #b19cd9;--input-bg: #2a2a2a;--input-border: #6a6a6a;--input-focus: #66b3ff;--input-focus-shadow: rgba(102, 179, 255, .25);--input-error: #ff6b6b;--focus-color: #66b3ff;--focus-offset: 2px;color-scheme:dark}@media (prefers-color-scheme: dark){:root:not(.light){--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-tertiary: #b8b8b8;--border-primary: #4a4a4a;--border-secondary: #5e5e5e;--shadow: rgba(0, 0, 0, .5);--brand-primary: #5c9aff;--brand-secondary: #e0e0e0;--brand-accent: #66b3ff;--color-primary: #5c9aff;--color-primary-light: #7db8ff;--color-primary-dark: #4c8aef;--color-secondary: #66bb6a;--color-secondary-light: #81c784;--color-secondary-dark: #4caf50;--color-warning: #ffa726;--color-warning-light: #ffb74d;--color-warning-dark: #ff9800;--color-danger: #ef5350;--color-danger-light: #ef9a9a;--color-danger-dark: #e53935;--status-new-bg: #004080;--status-new-text: #cce5ff;--status-assigned-bg: #7c5000;--status-assigned-text: #fff3cd;--status-progress-bg: #7c5000;--status-progress-text: #ffe68a;--status-completed-bg: #0e472c;--status-completed-text: #d4edda;--status-closed-bg: #3a3a3a;--status-closed-text: #e2e3e5;--priority-high-bg: #842029;--priority-high-text: #f8d7da;--priority-medium-bg: #7c5000;--priority-medium-text: #fff3cd;--priority-low-bg: #0e472c;--priority-low-text: #d4edda;--btn-primary-bg: var(--color-primary);--btn-primary-hover: var(--color-primary-dark);--btn-secondary-bg: var(--color-secondary);--btn-secondary-hover: var(--color-secondary-dark);--btn-success-bg: var(--color-secondary);--btn-success-hover: var(--color-secondary-dark);--btn-warning-bg: var(--color-warning);--btn-warning-hover: var(--color-warning-dark);--btn-danger-bg: var(--color-danger);--btn-danger-hover: var(--color-danger-dark);--link-color: #66b3ff;--link-hover: #5c9aff;--link-visited: #b19cd9;--input-bg: #2a2a2a;--input-border: #6a6a6a;--input-focus: #66b3ff;--input-focus-shadow: rgba(102, 179, 255, .25);--input-error: #ff6b6b;--focus-color: #66b3ff;--focus-offset: 2px;color-scheme:dark}}a{font-weight:500;color:var(--link-color);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;transition:all .2s ease}a:hover{color:var(--link-hover);text-decoration-color:currentColor;text-decoration-thickness:2px}a:focus{outline:2px solid var(--focus-color);outline-offset:2px;text-decoration-color:currentColor;text-decoration-thickness:2px}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--btn-primary-bg);color:#fff;cursor:pointer;transition:all .25s}button:hover{background-color:var(--btn-primary-hover);border-color:transparent}button:focus,button:focus-visible{outline:3px solid var(--focus-color);outline-offset:var(--focus-offset)}button:disabled{opacity:.6;cursor:not-allowed}*:focus{outline:2px solid var(--focus-color);outline-offset:var(--focus-offset)}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid var(--focus-color);outline-offset:var(--focus-offset)}.skip-link{position:absolute;top:-40px;left:0;background:var(--brand-primary);color:#fff;padding:8px 16px;text-decoration:none;border-radius:0 0 4px;z-index:1000;font-weight:600}.skip-link:focus{top:0}.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.visually-hidden:focus,.sr-only:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}a:hover{text-decoration-color:currentColor!important;text-decoration-thickness:2px!important}}@media (prefers-reduced-motion: no-preference){*{transition-property:background-color,color,border-color,fill,stroke;transition-duration:.3s;transition-timing-function:ease}}.theme-transitioning *{transition:none!important}@media (prefers-contrast: high){:root{--border-primary: #000000;--border-secondary: #000000;--input-border: #000000}.dark{--border-primary: #ffffff;--border-secondary: #ffffff;--input-border: #ffffff}a{text-decoration:underline!important;text-decoration-color:currentColor!important;text-decoration-thickness:2px!important}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}a{color:#000;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:.8em}}label{display:block;margin-bottom:.25rem;font-weight:500}input:required,textarea:required,select:required{border-left:3px solid var(--input-error)}input:valid,textarea:valid,select:valid{border-left:3px solid var(--btn-success-bg)}.error-message{color:var(--input-error);font-size:.875rem;margin-top:.25rem}h1{font-size:2rem;line-height:1.2;margin-bottom:1rem}h2{font-size:1.5rem;line-height:1.3;margin-bottom:.75rem}h3{font-size:1.25rem;line-height:1.4;margin-bottom:.5rem}h4{font-size:1.125rem;line-height:1.4;margin-bottom:.5rem}table{width:100%;border-collapse:collapse}th{text-align:left;font-weight:600;background-color:var(--bg-secondary)}th,td{padding:.75rem;border:1px solid var(--border-primary)}ul,ol{line-height:1.8;margin-bottom:1rem}li{margin-bottom:.25rem}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100vh}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);font-weight:400;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-top:0;margin-bottom:.5rem}#root{min-height:100vh;width:100%;margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary)}.citizen-layout{height:100vh;width:100%;display:flex;flex-direction:column;background-color:var(--bg-primary);overflow:hidden}.citizen-scroll-container{position:fixed;top:64px;left:0;right:0;bottom:0;overflow-y:auto;background-color:var(--bg-primary)}.citizen-header{width:100%;background-color:var(--brand-primary);color:#fff;box-shadow:0 1px 0 var(--border-primary)}.citizen-nav .nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;width:100%}.citizen-nav .logo{text-decoration:none;color:#fff}.citizen-nav .logo h1{margin:0;font-size:1.5rem}.citizen-nav .tagline{font-size:.875rem;opacity:.9}.citizen-nav .nav-links{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.citizen-nav .nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:opacity .2s}.citizen-nav .nav-links a:hover{opacity:.8;text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:2px;text-underline-offset:3px}.citizen-main{width:100%;background-color:var(--bg-primary);min-height:calc(100vh - 64px)}.citizen-footer{width:100%;background-color:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:2rem;text-align:center;color:var(--text-secondary)}.staff-login-section{width:100%;background-color:var(--bg-tertiary);border-top:1px solid var(--border-primary);padding:1.5rem 2rem;text-align:center}.staff-login-container{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.staff-login-container p{margin:0;color:var(--text-secondary);font-size:.875rem}.staff-login-container .btn{padding:.5rem 1rem;font-size:.875rem}.staff-layout{display:flex;min-height:100vh;background-color:var(--bg-primary);overflow:hidden}.staff-sidebar{width:250px;min-width:250px;max-width:250px;height:100vh;background-color:var(--bg-secondary);color:var(--text-primary);display:flex;flex-direction:column;border-right:1px solid var(--border-primary);position:fixed;top:0;left:0;overflow-y:auto;flex-shrink:0;z-index:10}.sidebar-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-primary)}.sidebar-header h2{margin:0 0 .25rem;font-size:1.125rem}.portal-type{font-size:.75rem;opacity:.8}.sidebar-nav{flex:1;padding:.5rem 0;overflow-y:auto}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav a{display:block;padding:.5rem 1.25rem;color:var(--text-primary);text-decoration:none;transition:background-color .2s;font-size:.875rem}.sidebar-nav a:hover{background-color:var(--bg-tertiary);text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:2px}.sidebar-nav a.active{background-color:var(--bg-tertiary);font-weight:600;border-left:3px solid var(--color-primary);padding-left:calc(1.25rem - 3px)}.nav-divider{margin:.25rem 0;border-top:1px solid var(--border-primary);list-style:none}.nav-section-title{padding:.375rem 1.25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.05em;list-style:none}.sidebar-footer{padding:1rem 1.25rem;border-top:1px solid var(--border-primary)}.logout-btn{width:100%;padding:.75rem;background-color:var(--btn-primary-bg);color:#fff;border:1px solid var(--btn-primary-bg);border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s}.logout-btn:hover{background-color:var(--btn-primary-hover);border-color:var(--btn-primary-hover);color:#fff}.staff-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow-x:auto;margin-left:250px}.staff-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-primary);padding:1.5rem 2rem}.staff-header.compact{padding:.75rem 2rem}.staff-header.compact h3{font-size:1.1rem;margin:0}.header-content{display:flex;justify-content:space-between;align-items:center}.staff-main{flex:1;padding:0;background-color:var(--bg-secondary);overflow-x:auto;min-width:0}.staff-main .container{min-width:-moz-fit-content;min-width:fit-content}.staff-main>div{min-width:-moz-fit-content;min-width:fit-content}button:focus,.btn:focus,[role=button]:focus,input[type=button]:focus,input[type=submit]:focus,input[type=reset]:focus{outline:none}.btn{padding:.5rem 1rem;border:1px solid var(--border-primary);border-radius:4px;font-size:.875rem;cursor:pointer;text-decoration:none;display:inline-block;transition:all .15s ease;font-weight:500;letter-spacing:-.011em;line-height:1.2}.btn-primary{background-color:var(--btn-primary-bg);color:#fff;border-color:var(--btn-primary-bg)}.btn-primary:hover{background-color:var(--btn-primary-hover);border-color:var(--btn-primary-hover);color:#fff}.btn-secondary{background-color:var(--btn-secondary-bg);color:#fff;border-color:var(--btn-secondary-bg)}.btn-secondary:hover{background-color:var(--btn-secondary-hover);border-color:var(--btn-secondary-hover);color:#fff}.btn-success{background-color:var(--btn-success-bg);color:#fff;border-color:var(--btn-success-bg)}.btn-success:hover{background-color:var(--btn-success-hover);border-color:var(--btn-success-hover);color:#fff}.btn-warning{background-color:var(--btn-warning-bg);color:#fff;border-color:var(--btn-warning-bg)}.btn-warning:hover{background-color:var(--btn-warning-hover);border-color:var(--btn-warning-hover);color:#fff}.btn-danger{background-color:var(--btn-danger-bg);color:#fff;border-color:var(--btn-danger-bg)}.btn-danger:hover{background-color:var(--btn-danger-hover);border-color:var(--btn-danger-hover);color:#fff}.status,.priority{padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:500}.status-new{background-color:var(--status-new-bg);color:var(--status-new-text)}.status-assigned{background-color:var(--status-assigned-bg);color:var(--status-assigned-text)}.status-in-progress{background-color:var(--status-progress-bg);color:var(--status-progress-text)}.status-completed{background-color:var(--status-completed-bg);color:var(--status-completed-text)}.status-closed{background-color:var(--status-closed-bg);color:var(--status-closed-text)}.priority-high{background-color:var(--priority-high-bg);color:var(--priority-high-text)}.priority-medium{background-color:var(--priority-medium-bg);color:var(--priority-medium-text)}.priority-low{background-color:var(--priority-low-bg);color:var(--priority-low-text)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.375rem;font-weight:500;color:var(--text-primary);font-size:.8125rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem;border:1px solid var(--input-border);border-radius:2px;font-size:.875rem;background-color:var(--input-bg);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 3px var(--input-focus-shadow)}.error-message{color:var(--color-danger);margin-bottom:1rem;padding:.75rem;background-color:#c628281a;border:1px solid var(--color-danger);border-radius:.25rem}.dark .error-message{background-color:#ef53501a}.info-message{color:var(--color-primary);margin-bottom:1rem;padding:.75rem;background-color:#0033661a;border:1px solid var(--color-primary);border-radius:.25rem}.dark .info-message{background-color:#5c9aff1a}table{width:100%;border-collapse:collapse;background-color:var(--bg-primary);border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px var(--shadow);font-size:.75rem}th{background-color:var(--bg-secondary);padding:.5rem .75rem;text-align:left;font-weight:600;border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:.75rem}td{padding:.5rem .75rem;border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:.75rem}tr:last-child td{border-bottom:none}@media (max-width: 768px){.citizen-nav .nav-container{flex-direction:column;gap:1rem}.citizen-nav .nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.staff-sidebar{position:fixed;left:-250px;z-index:100;transition:left .3s}.staff-sidebar.open{left:0}.staff-content{margin-left:0}}.logout-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;padding:0;text-decoration:none}.logout-btn:hover{text-decoration:underline}.citizen-nav .logout-btn{color:#fff}.staff-sidebar .logout-btn{background-color:var(--btn-primary-bg);color:#fff;padding:.5rem 1rem;border-radius:4px;width:100%;margin-top:auto;font-size:.875rem}.staff-sidebar .logout-btn:hover{background-color:var(--btn-primary-hover);border-color:var(--btn-primary-hover);color:#fff;text-decoration:none}.staff-sidebar .theme-toggle-btn{background-color:var(--btn-primary-bg);color:#fff;padding:.5rem 1rem;border-radius:4px;width:100%;margin-top:.75rem;font-size:.875rem;border:1px solid var(--btn-primary-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.staff-sidebar .theme-toggle-btn:hover{background-color:var(--btn-primary-hover);border-color:var(--btn-primary-hover);color:#fff}.theme-toggle{background:transparent;border:1px solid currentColor;color:inherit;padding:.5rem;border-radius:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;width:40px;height:40px}.theme-toggle:hover{background-color:#ffffff1a}.theme-toggle svg{width:20px;height:20px}.dark .staff-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-primary)}.dark .citizen-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary)}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-spinner{position:relative;display:inline-block}.spinner-circle{border:3px solid var(--border-primary);border-top-color:var(--btn-primary-bg);border-radius:50%;animation:spin 1s linear infinite}.spinner-small .spinner-circle{width:24px;height:24px}.spinner-medium .spinner-circle{width:40px;height:40px}.spinner-large .spinner-circle{width:60px;height:60px}.loading-message{margin-top:1rem;color:var(--text-secondary);font-size:.875rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-message{background-color:var(--status-completed-bg);border:1px solid var(--status-completed-text);color:var(--status-completed-text);padding:1rem;border-radius:.25rem;margin-bottom:1rem;display:flex;align-items:flex-start;justify-content:space-between}.success-content{display:flex;align-items:flex-start;gap:1rem;flex:1}.success-icon{font-size:1.5rem;font-weight:700}.success-details{flex:1}.success-text{margin:0 0 .5rem;font-weight:500}.request-number-display{background-color:#fff3;padding:.75rem;border-radius:.25rem;margin-top:.5rem}.request-number{font-size:1.25rem;font-weight:700;display:block;margin:.25rem 0;font-family:monospace}.request-note{font-size:.875rem;margin:.5rem 0 0;opacity:.9}.success-dismiss,.error-dismiss{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:inherit;opacity:.7;transition:opacity .2s}.success-dismiss:hover,.error-dismiss:hover{opacity:1}.form-control{width:100%;padding:.75rem;border:1px solid var(--input-border);border-radius:.25rem;font-size:1rem;background-color:var(--input-bg);color:var(--text-primary)}.form-control:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 3px var(--input-focus-shadow)}.form-control:disabled{opacity:.6;cursor:not-allowed}.required{color:var(--color-danger);margin-left:.25rem}.form-help{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.sla-info{font-size:.875rem;color:var(--text-tertiary)}.file-list{margin-top:1rem;border:1px solid var(--border-primary);border-radius:.25rem;padding:.5rem;background-color:var(--bg-secondary)}.file-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:.25rem;margin-bottom:.5rem}.file-item:last-child{margin-bottom:0}.file-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-remove{background:none;border:none;color:var(--color-danger);font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.file-remove:hover{color:var(--color-danger-dark)}.file-errors{margin-top:.5rem}.error-text{color:var(--color-danger);font-size:.875rem;margin:.25rem 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.dialog-container{background-color:var(--bg-primary);border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.dialog-content{padding:2rem;text-align:center}.dialog-icon{width:64px;height:64px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.dialog-icon.success{background-color:var(--status-completed-bg);color:var(--status-completed-text)}.dialog-icon svg{width:32px;height:32px}.dialog-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.dialog-message{margin-bottom:1.5rem}.dialog-message p{color:var(--text-secondary);margin-bottom:1rem}.request-number-box{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.375rem;padding:1rem;margin:1rem 0;display:flex;flex-direction:column;gap:.5rem}.request-number-box .label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.request-number-box .number{font-size:1.25rem;font-weight:600;color:var(--text-primary);font-family:monospace}.dialog-message .note{font-size:.875rem;color:var(--text-tertiary);margin-bottom:0}.account-suggestion{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.375rem;padding:1rem;margin-bottom:1.5rem}.account-suggestion p{font-size:.875rem;color:var(--text-secondary);margin:0}.dialog-actions{display:flex;flex-direction:column;gap:.75rem}.dialog-actions .btn{width:100%;justify-content:center}@media (max-width: 640px){.dialog-content{padding:1.5rem}.dialog-title{font-size:1.25rem}}.empty-state{text-align:center;padding:3rem 2rem;background-color:var(--bg-secondary);border-radius:.5rem;margin:2rem 0}.empty-state p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem}.request-details-page .breadcrumb{margin-bottom:1.5rem}.request-details-page .breadcrumb a{color:var(--link-color);text-decoration:none}.request-details-page .breadcrumb a:hover{color:var(--link-hover);text-decoration:underline;text-decoration-thickness:2px}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.request-info{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.info-section{background-color:var(--bg-secondary);padding:1.5rem;border-radius:.5rem}.info-section h3{margin-top:0;margin-bottom:1rem;color:var(--text-primary)}.info-section dl{margin:0}.info-section dt{font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.info-section dd{margin-bottom:1rem;margin-left:0;color:var(--text-primary)}.info-section dd:last-child{margin-bottom:0}.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:1rem;border-left:3px solid var(--border-primary);margin-left:1rem;position:relative}.timeline li:before{content:"";position:absolute;left:-8px;top:1.5rem;width:12px;height:12px;border-radius:50%;background-color:var(--btn-primary-bg)}.timeline li:last-child{border-left:none}.timeline .date{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.timeline .event{display:block;color:var(--text-primary)}.timeline .actor{display:block;font-size:.875rem;color:var(--text-tertiary);font-style:italic;margin-top:.25rem}.account-info{background-color:var(--bg-secondary);padding:1.5rem;border-radius:.5rem;margin-bottom:1rem}.account-info p{margin:.5rem 0}@media (max-width: 768px){.request-info{grid-template-columns:1fr}.request-header{flex-direction:column;align-items:flex-start;gap:1rem}}.map-dashboard{height:100%;display:flex;flex-direction:column}.dashboard-panel.map-panel{padding:0;overflow:hidden}.dashboard-panel.map-panel .panel-header{padding:1.5rem;margin-bottom:0;border-bottom:1px solid var(--border-primary)}.map-wrapper{height:600px;position:relative;background:var(--bg-primary)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.dashboard-header h1{margin:0;font-size:1.75rem;color:var(--text-primary)}.header-actions{display:flex;gap:.5rem}.dashboard-content{flex:1;display:flex;gap:1rem;min-height:0}.filters-panel{width:300px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem;padding:1.5rem;overflow-y:auto}.filters-panel h3{margin-top:0;margin-bottom:1rem;font-size:1.25rem;color:var(--text-primary)}.panel-filters{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:var(--bg-secondary);border-radius:.5rem;align-items:flex-end}.panel-filters .filter-group{flex:1;margin-bottom:0}.filter-group{margin-bottom:1.5rem}.filter-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary);font-size:.875rem}.filter-group select{width:100%}@media (max-width: 768px){.panel-filters{flex-direction:column;align-items:stretch}.panel-filters .filter-group{margin-bottom:1rem}.panel-filters .filter-group:last-child{margin-bottom:0}}.filter-actions{margin-bottom:2rem}.statistics{background-color:var(--bg-secondary);padding:1rem;border-radius:.25rem}.statistics h4{margin-top:0;margin-bottom:.75rem;font-size:1rem;color:var(--text-primary)}.statistics dl{margin:0}.statistics dt{font-weight:600;color:var(--text-secondary);margin-bottom:.25rem;font-size:.875rem}.statistics dd{margin-bottom:.75rem;margin-left:0;color:var(--text-primary);font-size:1.125rem;font-weight:500}.statistics dd:last-child{margin-bottom:0}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.875rem}.stat-item span:first-child{color:var(--text-secondary)}.stat-item span:last-child{font-weight:500}.map-panel{flex:1;position:relative;min-height:400px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem;overflow:hidden}.btn-sm{padding:.25rem .5rem;font-size:.75rem}@media (max-width: 1024px){.dashboard-content{flex-direction:column}.filters-panel{width:100%;max-height:400px}.map-panel{height:500px}}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;justify-content:space-between}.filters-panel{max-height:300px}}.account-benefits-banner{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.banner-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.banner-text h3{margin:0 0 .25rem;font-size:1.125rem;color:var(--text-primary)}.banner-text p{margin:0;color:var(--text-secondary);font-size:.875rem}.account-benefits-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;padding:1.5rem;margin-bottom:1.5rem;text-align:center}.account-benefits-card h3{margin-top:0;margin-bottom:1rem;color:var(--text-primary)}.benefits-list{list-style:none;padding:0;margin:0 0 1.5rem;text-align:left}.benefits-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary)}.benefits-list li:before{content:"✓";position:absolute;left:0;color:var(--btn-success-bg);font-weight:700}.account-benefits-inline{background-color:var(--bg-secondary);padding:.75rem;border-radius:.25rem;margin-bottom:1rem}.benefits-text{margin:0;font-size:.875rem;color:var(--text-secondary)}.comparison-table{margin-top:1.5rem;overflow-x:auto}.comparison-table h4{margin-bottom:1rem;color:var(--text-primary)}.comparison-table table{width:100%;font-size:.875rem}.comparison-table th,.comparison-table td{padding:.5rem;text-align:center}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left}.feature-yes{color:var(--btn-success-bg);font-weight:700}.feature-no{color:var(--text-tertiary)}.account-prompt{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-primary)}.account-prompt p{margin:0;font-size:.875rem;color:var(--text-secondary)}.account-prompt a{color:var(--link-color);font-weight:500}@media (max-width: 768px){.banner-content{flex-direction:column;text-align:center}.banner-content .btn{width:100%}}.hero-subtitle{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem;font-style:italic}.home-page{width:100%;min-height:100vh;background-color:var(--bg-primary)}.track-request-page{width:100%;background-color:var(--bg-primary)}.track-form{max-width:720px;margin:0 auto;padding:2rem 0}.info-section-card{max-width:720px;margin:2rem auto;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;padding:2rem}.info-text{text-align:center;color:var(--text-secondary);margin-bottom:1rem}.info-text a{color:var(--link-color);font-weight:500}.info-text a:hover{color:var(--link-hover);text-decoration:underline}.account-benefits-wrapper{margin-top:1.5rem}.hero-section{position:relative;overflow:hidden}.hero-gradient{background:var(--bg-secondary);padding:60px 20px 40px;position:relative;border-bottom:1px solid var(--border-primary)}.home-page .hero-gradient{border-bottom:none}.home-page .hero-content,.home-page .hero-title{color:#fff}.home-page .hero-subtitle{color:#ffffffe6}.home-page .hero-note{color:#fffc}.home-page .btn-outline{color:#fff;border-color:#fff}.home-page .btn-outline:hover{background-color:#fff;color:#000}.hero-content{max-width:700px;margin:0 auto;text-align:center;position:relative;z-index:1}.hero-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.2;letter-spacing:-.02em}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;font-weight:400;line-height:1.4}.hero-actions{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.hero-note{font-size:.75rem;color:var(--text-tertiary);margin:0}.btn-ghost{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-primary)}.btn-ghost:hover{background-color:var(--bg-secondary);border-color:var(--text-secondary)}.btn-outline{background-color:transparent;color:var(--text-primary);border:1px solid var(--text-primary)}.btn-outline:hover{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.container{width:100%;margin:0 auto;padding:0 40px}.services-section{padding:40px 0;background-color:var(--bg-primary)}.section-title{font-size:1.75rem;font-weight:700;text-align:center;color:var(--text-primary);margin-bottom:.5rem}.section-subtitle{font-size:.875rem;color:var(--text-secondary);text-align:center;margin-bottom:2rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1rem}.service-card{background-color:var(--bg-secondary);padding:1.5rem;border-radius:8px;text-decoration:none;display:flex;align-items:flex-start;gap:1rem;transition:border-color .2s ease;border:2px solid transparent;position:relative}.service-card:hover{border-color:var(--text-primary);background-color:var(--bg-tertiary)}.service-icon{font-size:2rem;flex-shrink:0;opacity:.9;line-height:1;display:flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem}.service-content{flex:1}.service-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.service-description{color:var(--text-secondary);line-height:1.4;font-size:.875rem}.service-arrow{position:absolute;top:1.5rem;right:1.5rem;font-size:1.25rem;color:var(--text-secondary);opacity:0;transition:opacity .2s ease}.service-card:hover .service-arrow{opacity:1}.cta-section{background-color:var(--bg-secondary);padding:30px 0}.cta-content{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.cta-text h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.cta-text p{font-size:.875rem;color:var(--text-secondary);margin:0}.info-section{padding:40px 0;background-color:var(--bg-primary)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.info-card{text-align:center;padding:1rem}.info-card h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.info-card p{color:var(--text-secondary);line-height:1.4;font-size:.875rem}@media (max-width: 768px){.hero-gradient{padding:40px 20px 30px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%;max-width:300px}.services-grid{grid-template-columns:1fr}.section-title{font-size:1.5rem}.cta-content{flex-direction:column;text-align:center}.cta-text{text-align:center}.info-grid{grid-template-columns:1fr}}.citizen-login-page{width:100%;background-color:var(--bg-primary)}.auth-form{max-width:720px;margin:0 auto;padding:2rem 0}.auth-toggle{text-align:center;margin-bottom:1.5rem}.auth-toggle p{margin:0;color:var(--text-secondary)}.link-button{background:none;border:none;color:var(--link-color);text-decoration:underline;cursor:pointer;font-size:inherit;padding:0;margin-left:.25rem}.link-button:hover{color:var(--link-hover);text-decoration:none}.link-button:disabled{opacity:.6;cursor:not-allowed}.auth-info{text-align:center;padding-top:1.5rem;border-top:1px solid var(--border-primary)}.auth-info .note{font-size:.875rem;color:var(--text-tertiary);margin:0}.staff-login-page,.staff-register-page{width:100%;background-color:var(--bg-primary);padding-top:64px}.auth-toggle a,.auth-info a{color:var(--link-color);text-decoration:none}.auth-toggle a:hover,.auth-info a:hover{color:var(--link-hover);text-decoration:underline}.citizen-dashboard{width:100%;min-height:100vh;background-color:var(--bg-primary)}.hero-section.compact .hero-gradient{padding:15px 20px}.hero-section.compact .hero-title{font-size:1.25rem;margin-bottom:.25rem}.hero-section.compact .hero-subtitle{font-size:.875rem;margin-bottom:0}.banner-section{padding:20px 0;background-color:var(--bg-primary)}.dashboard-content{padding:40px 0;background-color:var(--bg-primary)}.dashboard-main{width:100%}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background-color:var(--bg-secondary);border-radius:6px;padding:.375rem .75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.125rem;border:2px solid var(--border-primary);transition:all .2s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:auto;height:auto;flex:1;max-height:4rem}.stat-card:hover{transform:translateY(-1px);border-color:var(--text-primary);box-shadow:0 2px 4px var(--shadow)}.stat-card:active{transform:translateY(0)}.stat-card.active{background-color:var(--text-primary);border-color:var(--text-primary)}.stat-card.active .stat-number,.stat-card.active .stat-label{color:var(--bg-primary)}.stat-content{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%;padding:.125rem}.stat-card *{margin:0;padding:0}.stat-number{font-size:.875rem;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:.625rem;color:var(--text-secondary);line-height:1;text-transform:uppercase;letter-spacing:.025em}.stat-description{font-size:.75rem;color:var(--text-tertiary);line-height:1.3;margin:0;text-align:center;word-wrap:break-word;overflow-wrap:break-word}.dashboard-panel{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.panel-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.panel-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.panel-tabs .tab{padding:.5rem 1rem;background-color:transparent;border:1px solid var(--border-primary);border-radius:.25rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.panel-tabs .tab:hover{background-color:var(--bg-secondary);border-color:var(--text-secondary);color:var(--text-primary)}.panel-tabs .tab.active{background-color:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.panel-subtitle{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.view-all-link{color:var(--link-color);text-decoration:none;font-size:.875rem;font-weight:500}.view-all-link:hover{color:var(--link-hover);text-decoration:underline;text-decoration-thickness:2px}.account-completion-inner{background-color:var(--bg-secondary);border-radius:6px;padding:1.25rem;position:relative;text-align:center}.banner-text{color:var(--text-secondary);font-size:.875rem;margin:0 0 1rem;line-height:1.5}.completion-action{display:flex;justify-content:center}.requests-list{display:flex;flex-direction:column;gap:1rem}.request-item{background-color:var(--bg-secondary);border-radius:6px;padding:1.25rem;transition:background-color .2s ease}.request-item:hover{background-color:var(--bg-tertiary)}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.request-number{font-weight:600;color:var(--text-secondary);font-size:.875rem}.request-details h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.request-location{color:var(--text-secondary);font-size:.875rem;margin:0 0 .75rem}.request-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.request-date{color:var(--text-tertiary)}.request-link{color:var(--link-color);text-decoration:none;font-weight:500}.request-link:hover{color:var(--link-hover);text-decoration:underline;text-decoration-thickness:2px}.category-breakdown-panel,.help-panel{background-color:var(--bg-secondary);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-primary)}.category-list{display:flex;flex-direction:column;gap:.5rem}.category-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-primary)}.category-item:last-child{border-bottom:none}.category-name{color:var(--text-secondary);font-size:.875rem}.category-count{font-weight:600;color:var(--text-primary);font-size:.875rem}.help-text{color:var(--text-secondary);font-size:.875rem;margin:0 0 1rem;line-height:1.5}.help-link{color:var(--link-color);text-decoration:none;font-weight:500;font-size:.875rem}.help-link:hover{color:var(--link-hover);text-decoration:underline}.empty-state.compact{padding:2rem;margin:0}@media (min-width: 1400px){.container{padding:0 60px}}@media (max-width: 1024px){.stats-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.container{padding:0 20px}.stats-cards{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:.375rem .5rem}.panel-header{flex-direction:column;align-items:flex-start;gap:.5rem}.request-meta{flex-direction:column;align-items:flex-start;gap:.25rem}}.account-page{width:100%;min-height:100vh;background-color:var(--bg-primary)}.account-content-section{padding:40px 0;background-color:var(--bg-primary)}.account-grid{display:grid;grid-template-columns:1fr 320px;gap:2rem;align-items:start}.account-panel{background-color:var(--bg-secondary);border-radius:8px;padding:2rem;margin-bottom:1.5rem}.panel-actions{margin-top:1.5rem;display:flex;gap:1rem}.profile-info{display:flex;flex-direction:column;gap:1.25rem}.info-group{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-weight:600}.info-value{color:var(--text-primary);font-size:.875rem;line-height:1.5}.preferences-list{display:flex;flex-direction:column;gap:1.25rem}.preference-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-primary)}.preference-item:last-child{border-bottom:none;padding-bottom:0}.preference-info h4{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.preference-info p{margin:0;font-size:.75rem;color:var(--text-secondary)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--input-border);transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:var(--bg-primary);transition:.4s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--text-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.account-sidebar{position:sticky;top:80px}.status-info{display:flex;flex-direction:column;gap:1rem}.status-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-primary)}.status-item:last-child{border-bottom:none}.status-label{font-size:.875rem;color:var(--text-secondary)}.status-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.quick-links{display:flex;flex-direction:column;gap:.5rem}.quick-link{color:var(--link-color);text-decoration:none;font-size:.875rem;padding:.5rem 0;border-bottom:1px solid var(--border-primary);transition:all .2s ease}.quick-link:last-child{border-bottom:none}.quick-link:hover{color:var(--link-hover);padding-left:.5rem}.danger-zone{border:1px solid var(--color-danger);background-color:#c628280d}.danger-zone .btn{width:100%;margin-bottom:.75rem}.danger-zone .btn:last-child{margin-bottom:0}.btn-danger{background-color:var(--btn-danger-bg);color:var(--bg-primary);border-color:var(--btn-danger-bg)}.btn-danger:hover{background-color:var(--btn-danger-hover);border-color:var(--btn-danger-hover)}@media (max-width: 1024px){.account-grid{grid-template-columns:1fr}.account-sidebar{position:relative;top:0}}@media (max-width: 768px){.account-panel{padding:1.5rem}.panel-actions{flex-direction:column}.panel-actions .btn{width:100%}}.status-badge{display:inline-block;padding:.125rem .375rem;font-size:.7rem;font-weight:500;border-radius:.25rem;white-space:nowrap}.status-badge.active{background-color:var(--success-light);color:var(--success-dark)}.status-badge.inactive{background-color:var(--error-light);color:var(--error-dark)}.text-center{text-align:center}.action-buttons{display:flex;gap:.25rem}.action-buttons .btn-sm{white-space:nowrap}.department-table,.users-table{font-size:.75rem}.department-table th,.department-table td,.users-table th,.users-table td{padding:.375rem .5rem;font-size:.75rem}.panel-actions .form-control{padding:.5rem .75rem;font-size:.875rem}.request-details-page{min-height:100vh;background-color:var(--bg-primary)}.page-header-section{margin-bottom:2rem}.back-link{display:inline-block;color:var(--text-secondary);text-decoration:none;margin-bottom:.5rem;font-size:.875rem;transition:color .2s}.back-link:hover{color:var(--text-primary)}.page-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.details-grid{display:grid;grid-template-columns:1fr 400px;gap:2rem;margin-top:2rem}.details-main,.details-sidebar{display:flex;flex-direction:column;gap:1.5rem}.panel-content{padding:1.5rem}.detail-group{margin-bottom:1.5rem}.detail-group:last-child{margin-bottom:0}.detail-group h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.detail-group p{color:var(--text-primary);margin:0;line-height:1.5}.info-list{display:flex;flex-direction:column;gap:.75rem}.info-list.compact{gap:.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.info-label{color:var(--text-secondary);font-weight:500}.text-mono{font-family:monospace;font-size:.875rem}.text-muted{color:var(--text-secondary)}.stat-value{font-size:1rem;font-weight:600}.stat-value.status-new{color:var(--color-primary)}.stat-value.status-assigned,.stat-value.status-in_progress{color:var(--color-warning)}.stat-value.status-completed{color:var(--color-secondary)}.stat-value.status-closed{color:var(--text-secondary)}.stat-value.priority-high{color:var(--color-danger)}.stat-value.priority-medium{color:var(--color-warning)}.stat-value.priority-low{color:var(--color-secondary)}.activity-log{display:flex;flex-direction:column;gap:1rem}.activity-item{padding:1rem;background:var(--bg-secondary);border-radius:.5rem;border-left:3px solid var(--brand-primary)}.activity-time{font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem}.activity-content strong{display:block;margin-bottom:.25rem;color:var(--text-primary)}.activity-content p{margin:0;font-size:.875rem;color:var(--text-secondary)}.form-actions{margin-top:1rem}.btn-block{width:100%;margin-bottom:.5rem}.btn-block:last-child{margin-bottom:0}@media (max-width: 1024px){.details-grid{grid-template-columns:1fr}.details-sidebar{order:-1}}.system-configuration-page{min-height:100vh;background-color:var(--bg-primary)}.config-section{margin-bottom:2rem}.config-section:last-child{margin-bottom:0}.section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-primary)}.settings-grid{display:grid;gap:1.5rem}.setting-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;background-color:var(--bg-secondary);border-radius:.5rem;border:1px solid var(--border-primary)}.setting-info{flex:1;margin-right:2rem}.setting-label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.setting-description{font-size:.875rem;color:var(--text-secondary);margin:0}.setting-controls{display:flex;align-items:center;gap:.75rem}.input-group{display:flex;align-items:center}.input-group-text{padding:.375rem .75rem;font-size:.875rem;color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid var(--input-border);border-left:0;border-radius:0 .25rem .25rem 0}.input-group .form-control{border-radius:.25rem 0 0 .25rem}.config-value{display:block;padding:.5rem;background-color:var(--bg-tertiary);border-radius:.25rem;font-size:.75rem;white-space:pre-wrap;word-break:break-all;max-width:300px}.font-mono{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}@media (max-width: 768px){.setting-item{flex-direction:column}.setting-info{margin-right:0;margin-bottom:1rem}.setting-controls{width:100%;justify-content:flex-start}}