.chat-widget-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;box-shadow:0 4px 12px #667eea66;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.chat-widget-fab:hover{transform:scale(1.1);box-shadow:0 6px 16px #667eea80}.chat-widget-fab:active{transform:scale(.95)}.chat-widget{position:fixed;bottom:24px;right:24px;width:380px;max-width:calc(100vw - 48px);height:600px;max-height:calc(100vh - 48px);background:#fff;color:#1f2937;color-scheme:light;border-radius:16px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;overflow:hidden;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-widget.minimized{height:60px}.chat-widget-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between;border-radius:16px 16px 0 0;flex-shrink:0}.chat-header-content{display:flex;align-items:center;gap:12px;flex:1}.chat-header-icon{width:32px;height:32px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-header-text{flex:1;min-width:0}.chat-header-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.chat-header-status{font-size:12px;opacity:.9;display:flex;align-items:center;gap:6px}.status-indicator{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-header-actions{display:flex;gap:8px}.chat-header-btn{width:28px;height:28px;border-radius:6px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.chat-header-btn:hover{background:#fff3}.chat-widget-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#f9fafb}.chat-widget-messages::-webkit-scrollbar{width:6px}.chat-widget-messages::-webkit-scrollbar-track{background:transparent}.chat-widget-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.chat-widget-messages::-webkit-scrollbar-thumb:hover{background:#9ca3af}.chat-message{display:flex;flex-direction:column;max-width:85%;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-message{align-self:flex-end}.assistant-message{align-self:flex-start}.message-content{padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.user-message .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.assistant-message .message-content{background:#fff;color:#1f2937;border:1px solid #e5e7eb;border-bottom-left-radius:4px}.error-message .message-content{background:#fee;border-color:#fca5a5;color:#991b1b}.message-time{font-size:11px;color:#9ca3af;margin-top:4px;padding:0 4px}.user-message .message-time{text-align:right}.assistant-message .message-time{text-align:left}.typing-indicator{padding:12px 16px}.typing-dots{display:flex;gap:4px}.typing-dots span{width:8px;height:8px;background:#9ca3af;border-radius:50%;animation:typing 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.chat-error{padding:12px;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;font-size:13px;display:flex;align-items:center;gap:8px;animation:slideIn .3s ease-out}.chat-widget-input{display:flex;gap:8px;padding:12px 16px;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0}.chat-input-field{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;background-color:#fff;color:#1f2937;caret-color:#1f2937;-webkit-text-fill-color:#1f2937;resize:none;max-height:100px;overflow-y:auto;transition:border-color .2s}.chat-input-field::placeholder{color:#9ca3af;opacity:1}.chat-input-field:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.chat-input-field:disabled{background:#f3f4f6;color:#6b7280;-webkit-text-fill-color:#6b7280;cursor:not-allowed}.chat-send-btn{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 8px #667eea66}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-widget-footer{padding:8px 16px;background:#f9fafb;border-top:1px solid #e5e7eb;text-align:center;flex-shrink:0}.chat-footer-text{font-size:11px;color:#6b7280}@media(max-width:640px){.chat-widget-fab{bottom:16px;right:16px;width:48px;height:48px}.chat-widget{bottom:0;right:0;left:0;width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0;margin:0}.chat-widget.minimized{height:auto;bottom:16px;left:16px;right:16px;width:auto;border-radius:12px}.chat-widget-header{border-radius:0}.chat-widget.minimized .chat-widget-header{border-radius:12px}.chat-message{max-width:90%}}.chat-widget-fab:focus-visible,.chat-header-btn:focus-visible,.chat-send-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.chat-input-field:focus-visible{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}@media(prefers-contrast:high){.chat-widget,.chat-message .message-content{border:2px solid currentColor}}@media(prefers-reduced-motion:reduce){.chat-widget-fab,.chat-widget,.chat-message,.chat-send-btn{transition:none;animation:none}.typing-dots span{animation:none;opacity:1}.status-indicator{animation:none}}.translation-prompt{position:fixed;bottom:20px;right:20px;width:400px;max-width:calc(100vw - 40px);background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;animation:slideUp .3s ease-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.translation-prompt.minimized{width:auto;animation:none}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.prompt-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px 8px 0 0}.prompt-title{display:flex;align-items:center;gap:8px;font-weight:500}.minimize-btn{background:#fff3;border:none;border-radius:4px;padding:4px;cursor:pointer;transition:background .2s;color:#fff;display:flex;align-items:center;justify-content:center}.minimize-btn:hover{background:#ffffff4d}.restore-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:transform .2s}.restore-btn:hover{transform:scale(1.05)}.prompt-content{padding:16px}.prompt-message{margin:0 0 16px;color:#333;line-height:1.5}.native-support{color:#22c55e;font-weight:500}.prompt-actions{display:flex;gap:8px;margin-bottom:12px}.prompt-actions button{flex:1;padding:10px 12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-translate{background:#667eea;color:#fff}.btn-translate:hover{background:#5a67d8;transform:translateY(-1px)}.btn-english{background:#f3f4f6;color:#374151}.btn-english:hover{background:#e5e7eb}.btn-dismiss{background:transparent;color:#6b7280;border:1px solid #e5e7eb!important}.btn-dismiss:hover{background:#f9fafb}.prompt-footer{border-top:1px solid #e5e7eb;padding-top:12px;text-align:center}.btn-never{background:none;border:none;color:#9ca3af;font-size:13px;cursor:pointer;text-decoration:underline;padding:4px 8px}.btn-never:hover{color:#6b7280}.instructions-content{padding:16px}.instructions-content h3{margin:0 0 12px;color:#333;font-size:16px}.instruction-steps{margin:0 0 16px;padding-left:20px;color:#4b5563;line-height:1.6}.instruction-steps li{margin-bottom:8px}.instruction-note{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#f0f9ff;border-radius:6px;margin-bottom:16px}.instruction-note svg{flex-shrink:0;color:#3b82f6;margin-top:2px}.instruction-note span{color:#1e40af;font-size:14px;line-height:1.4}.btn-close-instructions{width:100%;padding:10px;background:#667eea;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background .2s}.btn-close-instructions:hover{background:#5a67d8}@media(prefers-color-scheme:dark){.translation-prompt{background:#1f2937;box-shadow:0 4px 20px #00000080}.prompt-message,.instructions-content h3{color:#f3f4f6}.instruction-steps{color:#d1d5db}.btn-english{background:#374151;color:#f3f4f6}.btn-english:hover{background:#4b5563}.btn-dismiss{border-color:#4b5563!important;color:#9ca3af}.btn-dismiss:hover{background:#374151}.prompt-footer{border-color:#374151}.instruction-note{background:#1e3a8a}.instruction-note span{color:#dbeafe}}@media(max-width:480px){.translation-prompt{width:calc(100vw - 20px);bottom:10px;right:10px;left:10px}.prompt-actions{flex-direction:column}.prompt-actions button{width:100%}}*,*: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;inset:64px 0 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)}.sidebar-nav a.disabled{opacity:.7;cursor:not-allowed;pointer-events:none}.sidebar-nav a.disabled:hover{background-color:transparent;text-decoration:none}.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:fit-content}.staff-main>div{min-width:fit-content}button:focus-visible,.btn:focus-visible,[role=button]:focus-visible,input[type=button]:focus-visible,input[type=submit]:focus-visible,input[type=reset]:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.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}.mobile-app{-webkit-overflow-scrolling:touch;touch-action:manipulation}.mobile-app .offline-banner{padding-top:env(safe-area-inset-top)}.mobile-app .install-banner,.mobile-app .ios-install-prompt{padding-bottom:env(safe-area-inset-bottom)}.touch-optimized{user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}@media(display-mode:standalone){.pwa-hidden{display:none!important}.citizen-scroll-container{top:env(safe-area-inset-top)}.mobile-nav{padding-top:env(safe-area-inset-top)}}@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}.btn,button,input[type=submit],input[type=button]{min-height:44px;padding:12px 16px;font-size:16px}input,textarea,select{font-size:16px;padding:12px 16px;min-height:44px}.citizen-nav .nav-links a,.staff-sidebar .sidebar-nav a{min-height:44px;display:flex;align-items:center;padding:12px 16px}}.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;inset: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;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;inset: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}}@media(max-width:768px){button,.btn,.button,input[type=submit],input[type=button],.touch-target{min-height:44px;min-width:44px;padding:12px 16px;border-radius:8px;font-size:16px}input,textarea,select{font-size:16px;padding:12px 16px;border-radius:8px;min-height:44px;width:100%;box-sizing:border-box}.nav-link,.menu-item,.tab-button{padding:16px 20px;min-height:44px;display:flex;align-items:center;text-decoration:none;border-radius:8px;transition:background-color .2s ease}.touch-feedback{transition:all .15s ease;position:relative;overflow:hidden}.touch-feedback:active{transform:scale(.95);background-color:#0000000d}.touch-feedback:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;pointer-events:none}.touch-feedback:active:after{width:200px;height:200px}.mobile-spacing{padding:16px;margin-bottom:16px}.mobile-container{padding:0 16px;margin:0 auto;max-width:100%}.swipe-indicator{position:relative}.swipe-indicator:before{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-right:2px solid #ccc;border-bottom:2px solid #ccc;transform:translateY(-50%) rotate(-45deg)}.pull-to-refresh{position:relative;min-height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.05));transition:all .3s ease}.pull-to-refresh.active{min-height:80px;background:linear-gradient(to bottom,#2563eb1a,#2563eb0d)}.pull-to-refresh-icon{width:24px;height:24px;border:2px solid #2563eb;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;opacity:0;transform:scale(.8);transition:all .3s ease}.pull-to-refresh.active .pull-to-refresh-icon{opacity:1;transform:scale(1)}@keyframes spin{to{transform:rotate(360deg)}}.mobile-nav{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;min-height:56px}.mobile-nav-title{font-size:18px;font-weight:600;color:#1f2937;margin:0}.mobile-nav-back{background:none;border:none;font-size:16px;color:#2563eb;padding:8px;border-radius:8px;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-nav-back:active{background-color:#2563eb1a}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -4px 20px #0000001a;transform:translateY(100%);transition:transform .3s ease;z-index:1050;max-height:90vh;overflow-y:auto}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{width:40px;height:4px;background:#d1d5db;border-radius:2px;margin:12px auto 8px}.bottom-sheet-content{padding:16px 20px 20px}.fab{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:#2563eb;color:#fff;border:none;box-shadow:0 4px 12px #2563eb4d;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:1000;transition:all .3s ease}.fab:active{transform:scale(.95);box-shadow:0 2px 8px #2563eb66}.fab:hover{background:#1d4ed8;box-shadow:0 6px 16px #2563eb66}.focus-visible{outline:2px solid #2563eb;outline-offset:2px}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.mobile-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:8px 16px 16px;overflow:hidden}.mobile-card-header{padding:16px 20px 8px;border-bottom:1px solid #f3f4f6}.mobile-card-content{padding:16px 20px}.mobile-card-actions{padding:8px 20px 16px;display:flex;gap:12px;justify-content:flex-end}.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.momentum-scroll{-webkit-overflow-scrolling:touch}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}}@media(max-width:768px)and (orientation:landscape){.mobile-nav-header{min-height:48px;padding:8px 16px}.mobile-spacing{padding:12px}.fab{bottom:16px;right:16px;width:48px;height:48px;font-size:20px}}@media(max-width:768px)and (prefers-color-scheme:dark){.mobile-nav{background:#1f2937;border-bottom-color:#374151}.mobile-nav-title{color:#f9fafb}.mobile-nav-back{color:#60a5fa}.mobile-nav-back:active{background-color:#60a5fa1a}.bottom-sheet{background:#1f2937}.bottom-sheet-handle{background:#6b7280}.mobile-card{background:#1f2937;border:1px solid #374151}.mobile-card-header{border-bottom-color:#374151}}@media(prefers-reduced-motion:reduce){.touch-feedback,.fab,.bottom-sheet,.pull-to-refresh{transition:none}.pull-to-refresh-icon{animation:none}}:root{--a11y-font-scale: 1;--a11y-focus-color: #005fcc;--a11y-focus-width: 3px;--a11y-min-touch-target: 44px}body.high-contrast{filter:contrast(1.2)}body.high-contrast *{border-color:currentColor!important}body.high-contrast a{text-decoration:underline!important}body.high-contrast button,body.high-contrast .btn{border:2px solid currentColor!important}body.high-contrast input,body.high-contrast textarea,body.high-contrast select{border:2px solid currentColor!important;background:transparent!important}.a11y-wrapper{font-size:calc(1rem * var(--a11y-font-scale))}*:focus{outline:var(--a11y-focus-width) solid var(--a11y-focus-color);outline-offset:2px}.keyboard-nav button:focus,.keyboard-nav a:focus,.keyboard-nav input:focus,.keyboard-nav textarea:focus,.keyboard-nav select:focus{outline:var(--a11y-focus-width) solid var(--a11y-focus-color);outline-offset:2px;box-shadow:0 0 0 4px #005fcc1a}.skip-link:focus{position:absolute!important;left:10px!important;top:10px!important;width:auto!important;height:auto!important;overflow:visible!important;background:var(--mui-palette-background-paper, white)!important;padding:10px 15px!important;border:2px solid var(--mui-palette-border-focus, var(--a11y-focus-color))!important;z-index:10000!important;text-decoration:none!important;color:var(--mui-palette-primary-main, var(--a11y-focus-color))!important;font-weight:700!important;border-radius:4px!important}.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}.form-group:focus-within{background-color:#005fcc0d;border-radius:4px;padding:4px;margin:-4px}button,a.btn,input[type=checkbox],input[type=radio],.clickable{min-width:var(--a11y-min-touch-target);min-height:var(--a11y-min-touch-target);display:inline-flex;align-items:center;justify-content:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.field-error{border-color:#d32f2f!important;background-color:#d32f2f0d}.error-message{color:#d32f2f;font-weight:500;margin-top:4px;font-size:.875rem}.field-success{border-color:#388e3c!important;background-color:#388e3c0d}.success-message{color:#388e3c;font-weight:500;margin-top:4px;font-size:.875rem}.loading-spinner{border:3px solid rgba(0,0,0,.1);border-top-color:var(--a11y-focus-color);border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}button:disabled,input:disabled,textarea:disabled,select:disabled{opacity:.6;cursor:not-allowed}a:not(.btn):not(.nav-link){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}a:not(.btn):not(.nav-link):hover{text-decoration-thickness:2px}label.required:after{content:" *";color:#d32f2f;font-weight:700;margin-left:2px}table{border-collapse:collapse;width:100%}table caption{font-weight:700;margin-bottom:.5rem;text-align:left}table th{text-align:left;font-weight:600;background-color:var(--mui-palette-surface-sunken, #f5f5f5)}table th[scope=col]{vertical-align:bottom}table th[scope=row]{vertical-align:top}.modal-backdrop{background-color:#00000080}.modal[role=dialog]{z-index:1050}.modal-title{font-size:1.25rem;font-weight:600}[role=alert]{padding:12px;border-radius:4px;margin-bottom:16px;font-weight:500}[role=alert].alert-error{background-color:var(--mui-palette-error-light, #ffebee);color:var(--mui-palette-error-dark, #c62828);border-left:4px solid var(--mui-palette-error-main, #c62828)}[role=alert].alert-warning{background-color:var(--mui-palette-warning-light, #fff3e0);color:var(--mui-palette-warning-dark, #ef6c00);border-left:4px solid var(--mui-palette-warning-main, #ef6c00)}[role=alert].alert-success{background-color:var(--mui-palette-success-light, #e8f5e9);color:var(--mui-palette-success-dark, #2e7d32);border-left:4px solid var(--mui-palette-success-main, #2e7d32)}[role=alert].alert-info{background-color:color-mix(in srgb,var(--mui-palette-info-main, #1565c0) 12%,var(--mui-palette-background-paper, white));color:var(--mui-palette-info-main, #1565c0);border-left:4px solid var(--mui-palette-info-main, #1565c0)}[role=progressbar]{position:relative;height:20px;background-color:#e0e0e0;border-radius:10px;overflow:hidden}[role=progressbar]:after{content:"";position:absolute;left:0;top:0;height:100%;background-color:var(--a11y-focus-color);border-radius:10px;transition:width .3s ease;width:var(--progress, 0%)}nav[aria-label=breadcrumb] ol{display:flex;list-style:none;padding:0;margin:0}nav[aria-label=breadcrumb] li:not(:last-child):after{content:"/";margin:0 8px;color:#666}[role=tablist]{display:flex;border-bottom:2px solid #e0e0e0;margin-bottom:16px}[role=tab]{padding:8px 16px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s}[role=tab]:hover{background-color:#f5f5f5}[role=tab][aria-selected=true]{border-bottom-color:var(--a11y-focus-color);font-weight:600}[role=tabpanel]{padding:16px 0}[role=tooltip]{position:absolute;z-index:1070;background-color:#333;color:#fff;padding:6px 12px;border-radius:4px;font-size:.875rem;white-space:nowrap;pointer-events:none}@media print{.no-print{display:none!important}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}body{font-family:Times New Roman,Times,serif;font-size:12pt;line-height:1.5;margin:0;padding:0}.print-break-before{page-break-before:always}.print-break-after{page-break-after:always}.print-avoid-break{page-break-inside:avoid}.no-print,nav,header nav,.navigation,.sidebar,.toolbar,.actions-bar,.floating-action-button,.MuiFab-root,.MuiSpeedDial-root{display:none!important}button:not(.print-show),.MuiButton-root:not(.print-show),.MuiIconButton-root:not(.print-show),.edit-button,.delete-button,.action-buttons{display:none!important}.MuiTextField-root:not(.print-show) .MuiInputAdornment-root,.MuiSelect-icon,.MuiAutocomplete-clearIndicator,.MuiAutocomplete-popupIndicator{display:none!important}.MuiDialog-root,.MuiDrawer-root,.MuiSnackbar-root,.MuiTooltip-popper,.modal,.overlay{display:none!important}main,.main-content,.content-wrapper{width:100%!important;margin:0!important;padding:0!important;max-width:none!important}.MuiContainer-root{max-width:100%!important;padding:0!important}.MuiGrid-container{display:block!important}.MuiGrid-item{display:block!important;width:100%!important;max-width:100%!important;padding:0!important;margin-bottom:10pt!important}.service-request-detail{padding:20pt;border:1pt solid #000;margin-bottom:20pt}.service-request-header{border-bottom:2pt solid #000;padding-bottom:10pt;margin-bottom:15pt}.request-number{font-size:18pt;font-weight:700;margin-bottom:5pt}.request-status{display:inline-block;padding:2pt 8pt;border:1pt solid #000;font-weight:700;text-transform:uppercase}.request-priority{display:inline-block;margin-left:10pt;padding:2pt 8pt;border:1pt solid #000}.request-details{margin-top:15pt}.detail-row{display:flex;margin-bottom:8pt;page-break-inside:avoid}.detail-label{font-weight:700;width:150pt;flex-shrink:0}.detail-value{flex:1}table{width:100%;border-collapse:collapse;page-break-inside:auto;margin-bottom:20pt}thead{display:table-header-group}tfoot{display:table-footer-group}tbody{display:table-row-group}th,td{border:1pt solid #000;padding:6pt;text-align:left}th{background-color:#f0f0f0!important;font-weight:700;-webkit-print-color-adjust:exact;print-color-adjust:exact}tr{page-break-inside:avoid;page-break-after:auto}.MuiTable-root{font-size:10pt}.MuiTableCell-root{padding:4pt!important;border:1pt solid #000!important}.MuiCard-root,.MuiPaper-root{box-shadow:none!important;border:1pt solid #000!important;margin-bottom:15pt!important;page-break-inside:avoid}.MuiCardContent-root{padding:10pt!important}.MuiCardHeader-root{padding:10pt!important;border-bottom:1pt solid #000!important}h1,.MuiTypography-h1{font-size:24pt!important;margin-bottom:12pt!important;page-break-after:avoid}h2,.MuiTypography-h2{font-size:20pt!important;margin-bottom:10pt!important;page-break-after:avoid}h3,.MuiTypography-h3{font-size:16pt!important;margin-bottom:8pt!important;page-break-after:avoid}h4,.MuiTypography-h4{font-size:14pt!important;margin-bottom:6pt!important;page-break-after:avoid}h5,.MuiTypography-h5{font-size:12pt!important;margin-bottom:4pt!important;page-break-after:avoid}h6,.MuiTypography-h6{font-size:11pt!important;margin-bottom:4pt!important;page-break-after:avoid}p,.MuiTypography-body1{font-size:11pt!important;margin-bottom:8pt!important;orphans:3;widows:3}a{text-decoration:underline!important;color:#000!important}a[href]:after{content:" (" attr(href) ")";font-size:9pt;font-style:italic}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}img{max-width:100%!important;height:auto!important;page-break-inside:avoid;display:block;margin:10pt 0}svg{max-width:100%!important;height:auto!important}video,audio,iframe,embed,object{display:none!important}.print-form input,.print-form textarea,.print-form select{border:1pt solid #000!important;background:#fff!important;padding:2pt!important}.print-form label{font-weight:700;display:block;margin-bottom:2pt}input[type=checkbox],input[type=radio]{display:inline-block!important;width:12pt!important;height:12pt!important;border:1pt solid #000!important;margin-right:4pt!important}.report-header{text-align:center;border-bottom:2pt solid #000;padding-bottom:10pt;margin-bottom:20pt}.report-title{font-size:20pt;font-weight:700;margin-bottom:5pt}.report-date{font-size:10pt;color:#666!important}.report-section{page-break-inside:avoid;margin-bottom:20pt}.metric-card{border:1pt solid #000;padding:10pt;margin-bottom:10pt;page-break-inside:avoid}.metric-value{font-size:18pt;font-weight:700}.metric-label{font-size:10pt;text-transform:uppercase}.chart-container{page-break-inside:avoid;margin:15pt 0}.recharts-wrapper,.recharts-legend-item-text{font-size:9pt!important}ul,ol{margin-left:20pt;margin-bottom:10pt}li{margin-bottom:3pt;page-break-inside:avoid}.MuiList-root{padding:0!important}.MuiListItem-root{padding:4pt 0!important;page-break-inside:avoid}@page{margin:.5in;size:letter}.print-footer{position:fixed;bottom:0;left:0;right:0;text-align:center;font-size:9pt;padding-top:10pt;border-top:1pt solid #000}.page-number:after{content:"Page " counter(page)}.print-only{display:block!important}.print-inline{display:inline!important}.print-hide{display:none!important}.print-center{text-align:center!important}.print-right{text-align:right!important}.print-bold{font-weight:700!important}.print-italic{font-style:italic!important}.print-mt-1{margin-top:5pt!important}.print-mt-2{margin-top:10pt!important}.print-mt-3{margin-top:15pt!important}.print-mb-1{margin-bottom:5pt!important}.print-mb-2{margin-bottom:10pt!important}.print-mb-3{margin-bottom:15pt!important}abbr[title]:after{content:" (" attr(title) ")"}.MuiChip-root.print-show{display:inline-block!important;border:1pt solid #000!important;padding:2pt 4pt!important;border-radius:2pt!important;font-size:9pt!important}.qr-code,.barcode{display:block!important;margin:10pt auto!important;page-break-inside:avoid}}.service-request-print{display:none}@media print{.service-request-print{display:block}.service-request-print-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2pt solid #000;padding-bottom:10pt;margin-bottom:15pt}.service-request-print-logo{max-width:150pt;height:auto}.service-request-print-info{text-align:right}.service-request-print-map{width:100%;height:200pt;border:1pt solid #000;margin:10pt 0;page-break-inside:avoid}.service-request-print-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:10pt;margin:10pt 0}.service-request-print-photo{width:100%;height:auto;border:1pt solid #000}.service-request-print-timeline{margin-top:20pt;border-top:1pt solid #000;padding-top:10pt}.timeline-entry{display:flex;margin-bottom:8pt;padding-left:20pt;position:relative}.timeline-entry:before{content:"•";position:absolute;left:0;font-size:16pt}.timeline-date{width:100pt;font-weight:700}.timeline-description{flex:1}}@media print{.report-print-summary{display:flex;justify-content:space-around;margin:20pt 0;page-break-inside:avoid}.summary-stat{text-align:center;padding:10pt;border:1pt solid #000}.summary-stat-value{font-size:24pt;font-weight:700;display:block}.summary-stat-label{font-size:10pt;text-transform:uppercase;margin-top:5pt}}.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: var(--mui-palette-background-default);--bg-secondary: var(--mui-palette-background-paper);--bg-tertiary: var(--mui-palette-surface-sunken);--text-primary: var(--mui-palette-text-primary);--text-secondary: var(--mui-palette-text-secondary);--text-tertiary: var(--mui-palette-text-disabled);--border-primary: var(--mui-palette-border-default);--border-secondary: var(--mui-palette-border-strong);--shadow: rgba(0, 0, 0, .12);--brand-primary: var(--mui-palette-primary-main);--brand-secondary: var(--mui-palette-text-primary);--brand-accent: var(--mui-palette-info-main);--color-primary: var(--mui-palette-primary-main);--color-primary-light: var(--mui-palette-primary-light);--color-primary-dark: var(--mui-palette-primary-dark);--color-secondary: var(--mui-palette-secondary-main);--color-secondary-light: var(--mui-palette-secondary-light);--color-secondary-dark: var(--mui-palette-secondary-dark);--color-warning: var(--mui-palette-warning-main);--color-warning-light: var(--mui-palette-warning-light);--color-warning-dark: var(--mui-palette-warning-dark);--color-danger: var(--mui-palette-error-main);--color-danger-light: var(--mui-palette-error-light);--color-danger-dark: var(--mui-palette-error-dark);--status-new-bg: #cce5ff;--status-new-text: #1B3A5C;--status-assigned-bg: #fff3cd;--status-assigned-text: #664200;--status-progress-bg: #ffe68a;--status-progress-text: #664200;--status-completed-bg: #d1fae5;--status-completed-text: #047857;--status-closed-bg: #e2e3e5;--status-closed-text: #111827;--priority-high-bg: #fee2e2;--priority-high-text: #991b1b;--priority-medium-bg: #fff3cd;--priority-medium-text: #664200;--priority-low-bg: #d1fae5;--priority-low-text: #047857;--btn-primary-bg: var(--mui-palette-primary-main);--btn-primary-hover: var(--mui-palette-primary-dark);--btn-secondary-bg: var(--mui-palette-secondary-main);--btn-secondary-hover: var(--mui-palette-secondary-dark);--btn-success-bg: var(--mui-palette-success-main);--btn-success-hover: var(--mui-palette-success-dark);--btn-warning-bg: var(--mui-palette-warning-main);--btn-warning-hover: var(--mui-palette-warning-dark);--btn-danger-bg: var(--mui-palette-error-main);--btn-danger-hover: var(--mui-palette-error-dark);--link-color: var(--mui-palette-info-main);--link-hover: var(--mui-palette-primary-dark);--link-visited: #551a8b;--input-bg: var(--mui-palette-background-paper);--input-border: var(--mui-palette-border-strong);--input-focus: var(--mui-palette-border-focus);--input-focus-shadow: color-mix(in srgb, var(--mui-palette-border-focus) 25%, transparent);--input-error: var(--mui-palette-error-main);--focus-color: var(--mui-palette-border-focus);--focus-offset: 2px;color-scheme:light;color:var(--text-primary);background-color:var(--bg-primary)}[data-theme=dark],.dark{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}