.page-content.street-snap{padding:20px 0 40px!important}.navbar{background:#fff!important;border-bottom:1px solid rgba(0,0,0,.08)!important;padding:16px 0!important;position:sticky!important;top:0!important;z-index:1000!important;box-shadow:0 2px 4px #0000000a!important}.navbar .container{max-width:1400px!important;margin:0 auto!important;padding:0 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.nav-logo{display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;transition:all .2s ease!important}.nav-logo:hover{transform:translateY(-2px)!important}.logo-icon{width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important}.logo-text{font-size:1.5rem!important;font-weight:700!important;color:#1f2937!important;letter-spacing:-.5px!important}.nav-menu{display:flex!important;align-items:center!important;gap:8px!important;list-style:none!important;margin:0!important;padding:0!important}.nav-link{display:inline-block!important;padding:10px 20px!important;border-radius:20px!important;text-decoration:none!important;color:#6b7280!important;font-weight:600!important;font-size:.95rem!important;transition:all .25s ease!important;white-space:nowrap!important}.nav-link:hover:not(.active){background:#5dd3b31a!important;color:#4cbfa0!important}.nav-link.active{background:linear-gradient(135deg,#5dd3b3,#4cbfa0)!important;color:#fff!important;box-shadow:0 3px 10px #5dd3b359!important}.theme-toggle{width:40px!important;height:40px!important;border-radius:50%!important;border:2px solid rgba(0,0,0,.1)!important;background:#fff!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .25s ease!important;font-size:20px!important;margin-left:12px!important}.theme-toggle:hover{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border-color:#fcd34d!important;transform:rotate(180deg)!important}.mobile-menu-toggle{display:none!important;width:40px!important;height:40px!important;border:none!important;background:transparent!important;cursor:pointer!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important}.mobile-menu-toggle span{width:24px!important;height:3px!important;background:#1f2937!important;border-radius:2px!important;transition:all .3s ease!important}@media (max-width: 768px){.mobile-menu-toggle{display:flex!important}.nav-menu{position:fixed!important;top:73px!important;left:-100%!important;width:100%!important;height:calc(100vh - 73px)!important;background:#fff!important;flex-direction:column!important;padding:24px!important;gap:12px!important;transition:left .3s ease!important;box-shadow:0 4px 6px #0000001a!important}.nav-menu.active{left:0!important}.nav-link{width:100%!important;text-align:center!important;padding:14px 20px!important}.theme-toggle{margin-left:0!important;margin-top:12px!important}.logo-text{font-size:1.3rem!important}.logo-icon{width:36px!important;height:36px!important}}.upload-card{max-width:800px!important;margin:0 auto!important;background:#fff!important;border-radius:20px!important;padding:32px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;border:1px solid rgba(0,0,0,.05)!important}.upload-area{border:3px dashed rgba(93,211,179,.4)!important;border-radius:16px!important;padding:48px 32px!important;text-align:center!important;background:linear-gradient(135deg,#f0fdf9,#f9fafb)!important;cursor:pointer!important;transition:all .3s ease!important;margin-bottom:24px!important;position:relative!important;overflow:hidden!important}.upload-area:hover{border-color:#5dd3b3!important;background:linear-gradient(135deg,#ecfdf5,#f3f4f6)!important;transform:translateY(-2px)!important}.upload-area.dragging{border-color:#4cbfa0!important;background:linear-gradient(135deg,#d1fae5,#e5e7eb)!important;transform:scale(1.02)!important}.upload-placeholder{pointer-events:none!important}.upload-icon{width:64px!important;height:64px!important;margin:0 auto 20px!important;background:linear-gradient(135deg,#5dd3b3,#4cbfa0)!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:32px!important;color:#fff!important;box-shadow:0 4px 12px #5dd3b34d!important}.upload-icon:before{content:"📷"!important}.upload-text{font-size:1.25rem!important;font-weight:700!important;color:#1f2937!important;margin-bottom:8px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.upload-subtext{font-size:.95rem!important;color:#6b7280!important;font-weight:500!important}.preview-container{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:16px!important;margin-bottom:24px!important}.preview-item{position:relative!important;border-radius:12px!important;overflow:hidden!important;background:#f9fafb!important;aspect-ratio:1!important;box-shadow:0 2px 6px #0000001a!important;border:2px solid rgba(93,211,179,.2)!important;transition:all .2s ease!important}.preview-item:hover{transform:scale(1.05)!important;box-shadow:0 4px 12px #00000026!important;border-color:#5dd3b3!important}.preview-item img,.preview-item video{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.preview-remove{position:absolute!important;top:8px!important;right:8px!important;width:28px!important;height:28px!important;border-radius:50%!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;border:none!important;font-size:18px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;transition:all .2s ease!important;box-shadow:0 2px 8px #0003!important}.preview-remove:hover{transform:rotate(90deg) scale(1.1)!important;box-shadow:0 4px 12px #ef444466!important}.upload-controls{margin-bottom:24px!important}.form-group{margin-bottom:20px!important}.form-label{display:block!important;font-size:.95rem!important;font-weight:600!important;color:#374151!important;margin-bottom:8px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.form-input,.form-textarea{width:100%!important;padding:12px 16px!important;border:2px solid rgba(0,0,0,.1)!important;border-radius:12px!important;font-size:.95rem!important;font-family:inherit!important;transition:all .2s ease!important;background:#fff!important;color:#1f2937!important}.form-input:focus,.form-textarea:focus{outline:none!important;border-color:#5dd3b3!important;box-shadow:0 0 0 4px #5dd3b31a!important}.form-textarea{resize:vertical!important;min-height:100px!important;line-height:1.6!important}.voice-btn{width:100%!important;padding:14px 20px!important;border-radius:12px!important;border:2px solid rgba(93,211,179,.3)!important;background:linear-gradient(135deg,#fff,#f9fafb)!important;color:#374151!important;font-weight:600!important;font-size:.95rem!important;cursor:pointer!important;transition:all .25s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.voice-btn:before{content:"🎤"!important;font-size:20px!important}.voice-btn:hover{border-color:#5dd3b3!important;background:linear-gradient(135deg,#f0fdf9,#f3f4f6)!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #5dd3b333!important}.voice-btn.recording{background:linear-gradient(135deg,#fee2e2,#fecaca)!important;border-color:#ef4444!important;animation:pulse 1.5s infinite!important}.voice-btn.recording:before{content:"🔴"!important}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #ef44444d}50%{transform:scale(1.02);box-shadow:0 6px 16px #ef444480}}.anonymous-toggle{display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;border-radius:12px!important;border:2px solid rgba(96,165,250,.3)!important;margin-bottom:24px!important}.anonymous-toggle label{display:flex!important;align-items:center!important;gap:12px!important;cursor:pointer!important;font-weight:600!important;color:#1f2937!important}.anonymous-toggle input[type=checkbox]{display:none!important}.toggle-slider{width:50px!important;height:28px!important;background:#d1d5db!important;border-radius:14px!important;position:relative!important;transition:all .3s ease!important;display:inline-block!important}.toggle-slider:after{content:""!important;position:absolute!important;width:22px!important;height:22px!important;border-radius:50%!important;background:#fff!important;top:3px!important;left:3px!important;transition:all .3s ease!important;box-shadow:0 2px 4px #0003!important}.anonymous-toggle input[type=checkbox]:checked+.toggle-slider{background:linear-gradient(135deg,#60a5fa,#3b82f6)!important}.anonymous-toggle input[type=checkbox]:checked+.toggle-slider:after{left:25px!important}.toggle-label{font-size:.95rem!important;font-weight:600!important;color:#374151!important;text-transform:uppercase!important;letter-spacing:.5px!important}.issue-types{margin-bottom:24px!important;padding:20px!important;background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border-radius:12px!important;border:2px solid rgba(251,191,36,.4)!important}.types-label{font-size:.85rem!important;font-weight:700!important;color:#78350f!important;margin-bottom:12px!important;text-transform:uppercase!important;letter-spacing:.5px!important;display:flex!important;align-items:center!important;gap:8px!important}.types-label:before{content:"🤖"!important;font-size:18px!important}.type-chips{display:flex!important;flex-wrap:wrap!important;gap:10px!important}.type-chip{display:inline-flex!important;padding:8px 16px!important;border-radius:20px!important;background:#fff!important;color:#92400e!important;font-weight:600!important;font-size:.85rem!important;border:2px solid rgba(251,191,36,.5)!important;box-shadow:0 2px 6px #fbbf2433!important;transition:all .2s ease!important;text-transform:uppercase!important;letter-spacing:.5px!important}.type-chip:hover{transform:translateY(-2px)!important;box-shadow:0 4px 10px #fbbf244d!important}.submit-btn{width:100%!important;padding:16px 24px!important;border-radius:12px!important;border:none!important;background:linear-gradient(135deg,#5dd3b3,#4cbfa0)!important;color:#fff!important;font-weight:700!important;font-size:1.1rem!important;cursor:pointer!important;transition:all .25s ease!important;text-transform:uppercase!important;letter-spacing:1px!important;box-shadow:0 4px 12px #5dd3b359!important}.submit-btn:hover:not(:disabled){transform:translateY(-3px)!important;box-shadow:0 8px 20px #5dd3b373!important;background:linear-gradient(135deg,#4cbfa0,#3ba890)!important}.submit-btn:disabled{opacity:.5!important;cursor:not-allowed!important;background:linear-gradient(135deg,#d1d5db,#9ca3af)!important;box-shadow:none!important;transform:none!important}.toast{position:fixed!important;bottom:24px!important;right:24px!important;background:linear-gradient(135deg,#1f2937,#111827)!important;color:#fff!important;padding:16px 24px!important;border-radius:12px!important;box-shadow:0 10px 25px #00000040!important;z-index:2000!important;opacity:0!important;transform:translateY(20px)!important;transition:all .3s ease!important;pointer-events:none!important;font-weight:500!important;font-size:.9rem!important}.toast.show{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important}@media (max-width: 768px){.page-title{font-size:2rem!important}.page-subtitle{font-size:1rem!important;margin-bottom:24px!important}.upload-card{padding:24px!important;border-radius:16px!important}.upload-area{padding:36px 24px!important}.upload-icon{width:56px!important;height:56px!important;font-size:28px!important}.upload-text{font-size:1.1rem!important}.upload-subtext{font-size:.85rem!important}.preview-container{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important;gap:12px!important}.form-label{font-size:.85rem!important}.form-input,.form-textarea{padding:10px 14px!important;font-size:.9rem!important}.voice-btn{font-size:.85rem!important;padding:12px 18px!important}.submit-btn{font-size:1rem!important;padding:14px 20px!important}.toast{bottom:16px!important;right:16px!important;left:16px!important;padding:14px 20px!important}}@media (max-width: 480px){.page-title{font-size:1.75rem!important}.page-subtitle{font-size:.9rem!important}.upload-card{padding:20px!important;border-radius:12px!important}.upload-area{padding:28px 20px!important}.upload-icon{width:48px!important;height:48px!important;font-size:24px!important;margin-bottom:16px!important}.upload-text{font-size:1rem!important}.upload-subtext{font-size:.8rem!important}.preview-container{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important;gap:10px!important}.preview-remove{width:24px!important;height:24px!important;font-size:16px!important}.form-group{margin-bottom:16px!important}.form-label{font-size:.8rem!important;margin-bottom:6px!important}.form-input,.form-textarea{padding:10px 12px!important;font-size:.85rem!important;border-radius:10px!important}.form-textarea{min-height:80px!important}.voice-btn{font-size:.8rem!important;padding:12px 16px!important}.anonymous-toggle{padding:12px!important}.toggle-slider{width:44px!important;height:24px!important}.toggle-slider:after{width:18px!important;height:18px!important;top:3px!important}.anonymous-toggle input[type=checkbox]:checked+.toggle-slider:after{left:22px!important}.toggle-label{font-size:.85rem!important}.issue-types{padding:16px!important}.types-label{font-size:.75rem!important;margin-bottom:10px!important}.type-chip{padding:6px 12px!important;font-size:.75rem!important}.submit-btn{font-size:.95rem!important;padding:14px 20px!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.upload-card{animation:fadeIn .4s ease!important}.preview-item{animation:scaleIn .3s ease!important}.type-chip{animation:slideUp .3s ease!important}.upload-area:focus,.voice-btn:focus,.submit-btn:focus,.form-input:focus,.form-textarea:focus{outline:2px solid #5DD3B3!important;outline-offset:2px!important}@media (prefers-contrast: high){.upload-area{border-width:4px!important}.form-input,.form-textarea{border-width:3px!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.upload-area:hover,.submit-btn:hover,.voice-btn:hover,.type-chip:hover{transform:none!important}}html{scroll-behavior:smooth!important}