.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.navbar{z-index:100;background:#fff;border-bottom:1px solid #e5e9ef;justify-content:space-between;align-items:center;height:72px;padding:0 7%;display:flex;position:sticky;top:0}.logo{color:#172b4d;font-size:24px;font-weight:800}.nav-links{gap:32px;display:flex}.nav-links a{color:#526174;font-weight:600}.badge{color:#1677ff;letter-spacing:1px;background:#eaf3ff;border-radius:20px;padding:8px 13px;font-size:11px;font-weight:800;display:inline-block}.primary-btn{color:#fff;cursor:pointer;background:#1677ff;border:none;border-radius:9px;padding:14px 22px;font-weight:700;display:inline-block}.primary-btn:hover{background:#075dcc}.secondary-btn{background:#fff;border:1px solid #d9e0e8;border-radius:9px;padding:14px 22px;font-weight:700;display:inline-block}.home{min-height:100vh}.hero h1{color:#13233a;margin:22px 0;font-size:60px;line-height:1.08}.hero p{color:#65748a;max-width:650px;margin-bottom:32px;font-size:18px;line-height:1.7}.hero-buttons{gap:14px;display:flex}.card-header{color:#65748a;justify-content:space-between;font-size:11px;font-weight:800;display:flex}.hero-card h3{margin-top:30px;font-size:27px}.location{color:#65748a;margin-top:8px}.risk-row{justify-content:space-between;align-items:center;margin:30px 0;display:flex}.risk-row small{color:#8996a8;font-size:10px;display:block}.risk-row strong{font-size:40px;display:block}.risk-high{color:#df3b3b;background:#fff0f0;border-radius:20px;padding:8px 12px;font-size:11px;font-weight:800}.ripple{border-left:3px solid #1677ff;flex-direction:column;gap:9px;padding-left:18px;display:flex}.ripple div{background:#f5f8fc;border-radius:8px;padding:11px;font-weight:600}.ripple span{color:#1677ff;text-align:center}.section-heading p{color:#1677ff;letter-spacing:1px;font-size:12px;font-weight:800}.feature-card{background:#fff;border:1px solid #e6ebf1;border-radius:15px;padding:28px}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #143c6414}.feature-icon{margin-bottom:20px;font-size:30px}.feature-card h3{margin-bottom:12px}.feature-card p{color:#6c7a8d;line-height:1.6}.cta{text-align:center;color:#fff;background:#13233a;padding:90px 8%}.cta h2{font-size:38px}.cta p{color:#b7c3d4;margin:15px 0 28px}.report-page{padding:70px 8%}.report-heading{text-align:center;margin-bottom:45px}.report-heading h1{margin:15px 0;font-size:44px}.report-heading p{color:#6d7b8e}.report-layout{grid-template-columns:1fr .8fr;gap:30px;max-width:1100px;margin:auto;display:grid}.report-form,.ai-preview,.result-card{background:#fff;border:1px solid #e4e9ef;border-radius:16px;padding:30px;box-shadow:0 10px 35px #1e3c5a0d}.report-form{flex-direction:column;gap:10px;display:flex}.report-form label{margin-top:8px;font-size:13px;font-weight:700}.report-form label span{color:#8995a5;font-weight:400}.report-form input,.report-form select,.report-form textarea{background:#fbfcfd;border:1px solid #dce2e9;border-radius:8px;outline:none;width:100%;padding:13px}.report-form textarea{resize:vertical;min-height:130px}.report-form input:focus,.report-form select:focus,.report-form textarea:focus{border-color:#1677ff}.report-form button{color:#fff;cursor:pointer;background:#1677ff;border:none;border-radius:8px;margin-top:15px;padding:14px;font-weight:700}.report-form button:disabled{opacity:.6;cursor:wait}.form-message{background:#f1f6ff;border-radius:8px;margin-top:10px;padding:12px}.ai-preview{color:#fff;background:#13233a}.ai-title{color:#65a9ff;letter-spacing:1px;font-size:11px;font-weight:800}.ai-preview h2{margin:18px 0 30px}.analysis-step{gap:15px;margin-bottom:25px;display:flex}.analysis-step>span{color:#74b2ff;background:#24466f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:flex}.analysis-step p{color:#aebdd0;margin-top:5px;font-size:13px;line-height:1.5}.result-card{max-width:1100px;margin:30px auto}.result-header{justify-content:space-between;align-items:center;display:flex}.result-header small{color:#1677ff;font-weight:800}.result-header h2{margin-top:8px}.risk-badge{color:#dc3e3e;background:#fff0f0;border-radius:20px;padding:9px 15px;font-size:12px;font-weight:800}.result-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin:30px 0;display:grid}.result-grid div{background:#f6f8fb;border-radius:10px;padding:20px}.result-grid small{color:#8794a5;font-size:10px;display:block}.result-grid strong{margin-top:8px;font-size:25px;display:block}.ripple-result{margin-top:25px}.ripple-chain{flex-wrap:wrap;align-items:center;gap:8px;margin-top:15px;display:flex}.ripple-item{color:#24527e;background:#edf5ff;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:600}.ripple-item span{color:#1677ff;margin-left:10px}.recommendation{background:#f1f8f4;border-radius:9px;margin-top:25px;padding:15px;line-height:1.5}.dashboard-page{padding:70px 8%}.dashboard-heading{margin-bottom:40px}.dashboard-heading h1{margin:15px 0 8px;font-size:44px}.dashboard-heading p{color:#718095}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px;display:grid}.stat-card>span{font-size:24px}.stat-card small{color:#8591a1;margin-top:18px;font-size:10px;font-weight:800;display:block}.stat-card.danger{border-left:4px solid #e04444}.dashboard-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.dashboard-card{background:#fff;border:1px solid #e3e8ee;border-radius:14px;padding:28px}.dashboard-card h2{margin-bottom:22px}.problem-row{border-bottom:1px solid #edf0f3;justify-content:space-between;padding:16px 0;display:flex}.problem-row strong{color:#1677ff}.empty{color:#8995a5}.error-box{color:#c53333;background:#fff0f0;border-radius:10px;max-width:700px;margin:50px auto;padding:20px}@media (width<=900px){.hero{grid-template-columns:1fr;padding:60px 6%}.hero h1{font-size:42px}.feature-grid{grid-template-columns:repeat(2,1fr)}.report-layout{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=600px){.navbar{padding:0 5%}.nav-links{gap:12px;font-size:13px}.hero-buttons{flex-direction:column}.feature-grid,.stats-grid,.result-grid{grid-template-columns:1fr}.report-heading h1,.dashboard-heading h1{font-size:34px}}.reports-page{min-height:100vh;padding:70px 8%}.report-controls{grid-template-columns:1fr 220px;gap:15px;max-width:1100px;margin:0 auto 30px;display:grid}.report-controls input,.report-controls select{background:#fff;border:1px solid #dce2e9;border-radius:9px;outline:none;padding:14px}.reports-list{flex-direction:column;gap:15px;max-width:1100px;margin:auto;display:flex}.report-item{background:#fff;border:1px solid #e3e8ee;border-radius:14px;justify-content:space-between;gap:25px;padding:25px;display:flex}.report-category{color:#1677ff;background:#edf5ff;border-radius:15px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-block}.report-item h3{margin:12px 0 8px}.report-item p{color:#718095;margin-bottom:10px;line-height:1.5}.report-item small{color:#8995a5}.report-status{flex-direction:column;align-items:flex-end;gap:7px;min-width:130px;display:flex}.report-status strong{font-size:22px}.report-status span{color:#d83b3b;background:#fff2f2;border-radius:15px;padding:6px 10px;font-size:11px;font-weight:800}.report-status small{color:#16a36b}@media (width<=700px){.report-controls{grid-template-columns:1fr}.report-item{flex-direction:column}.report-status{align-items:flex-start}}.page-header{text-align:center;max-width:850px;margin:0 auto 50px}.page-header h1{letter-spacing:-2px;margin:18px 0;font-size:48px;line-height:1.05}.page-header p{color:#718096;font-size:17px;line-height:1.7}.pulse-page{min-height:100vh;padding:70px 7%}.map-layout{grid-template-columns:1fr 350px;gap:25px;max-width:1200px;margin:auto;display:grid}.fake-map{background:#edf2f5;border:1px solid #dce3e8;border-radius:22px;min-height:560px;padding:25px;position:relative;overflow:hidden}.map-title{z-index:5;letter-spacing:1px;font-size:12px;font-weight:800;position:relative}.map-grid{position:absolute;inset:0}.road{background:#fff;position:absolute;transform:rotate(-25deg)}.road-one{width:130%;height:70px;top:25%;left:-15%}.road-two{width:120%;height:55px;top:65%;left:-10%;transform:rotate(25deg)}.road-three{width:70%;height:45px;top:45%;left:15%;transform:rotate(90deg)}.map-marker{cursor:pointer;z-index:10;background:#fff;border:none;border-radius:50%;width:52px;height:52px;font-size:23px;position:absolute;box-shadow:0 5px 18px #0000001f}.marker-0{top:28%;left:32%}.marker-1{top:57%;left:62%}.marker-2{top:72%;left:25%}.map-empty{text-align:center;color:#7b8794;line-height:1.7;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-panel{background:#fff;border:1px solid #e1e7ec;border-radius:22px;padding:28px}.map-panel h2{margin-top:0}.risk-big{margin:20px 0;font-size:36px;font-weight:900}.impact-box{background:#f5f8fa;border-radius:14px;margin:25px 0;padding:18px}.impact-box p{color:#718096;line-height:1.6}.hotspot-item{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #edf0f2;align-items:center;gap:12px;width:100%;padding:15px 0;display:flex}.hotspot-item span{font-size:22px}.hotspot-item div{flex:1}.hotspot-item strong,.hotspot-item small{display:block}.hotspot-item small{color:#8995a5;margin-top:4px}.secondary-button{cursor:pointer;background:#fff;border:1px solid #dce2e8;border-radius:9px;width:100%;padding:12px}.ripple-section{background:#f5f8fa;border-radius:22px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1200px;margin:60px auto 0;padding:35px;display:grid}.ripple-section h2{margin:15px 0;font-size:32px}.ripple-section p{color:#718096;line-height:1.7}.ripple-chain{justify-content:center;align-items:center;gap:12px;display:flex}.ripple-chain div{background:#fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;font-size:24px;display:flex}.ripple-chain span{margin-top:5px;font-size:10px;font-weight:700}.ripple-chain b{color:#98a2ad}.intelligence-page{min-height:100vh;padding:70px 7%}.intelligence-stats{grid-template-columns:repeat(4,1fr);gap:18px;max-width:1200px;margin:auto auto 35px;display:grid}.intel-card{background:#fff;border:1px solid #e1e7ec;border-radius:18px;padding:25px}.intel-card span{font-size:25px}.intel-card small{color:#8a95a2;margin-top:15px;font-size:10px;font-weight:800;display:block}.intel-card strong{margin-top:6px;font-size:32px;display:block}.intelligence-grid{grid-template-columns:1fr 1fr;gap:20px;max-width:1200px;margin:auto;display:grid}.intel-panel{background:#fff;border:1px solid #e1e7ec;border-radius:20px;padding:30px}.panel-label{letter-spacing:1.3px;color:#6d7783;font-size:10px;font-weight:900}.intel-panel h2{margin:10px 0 25px;font-size:28px}.trend-row{border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;padding:17px 0;display:flex}.trend-row strong,.trend-row small{display:block}.trend-row small{color:#8995a5;margin-top:4px}.trend-row span{font-size:22px}.forecast-bars>div{align-items:center;gap:15px;margin:18px 0;display:flex}.forecast-bars span{color:#798593;width:55px;font-size:11px}.forecast-bars i{background:#253b53;border-radius:20px;height:11px;display:block}.forecast-warning{background:#fff7e8;border-radius:14px;gap:15px;margin-top:30px;padding:17px;display:flex}.forecast-warning p{color:#7b6b50;margin-bottom:0;line-height:1.5}.ai-explanation{color:#fff;background:#172536;border-radius:22px;align-items:flex-start;gap:22px;max-width:1200px;margin:25px auto;padding:30px;display:flex}.ai-icon{color:#172536;background:#fff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.ai-explanation h2{margin:10px 0}.ai-explanation p{color:#c4ced8;max-width:800px;line-height:1.7}@media (width<=800px){.page-header h1{font-size:36px}.map-layout,.intelligence-grid,.ripple-section{grid-template-columns:1fr}.intelligence-stats{grid-template-columns:1fr 1fr}.ripple-chain{flex-wrap:wrap}}@media (width<=500px){.intelligence-stats{grid-template-columns:1fr}.pulse-page,.intelligence-page{padding:45px 5%}.fake-map{min-height:400px}.nav-links{gap:10px}}.home-page{min-height:100vh}.hero{background:radial-gradient(circle at 85% 40%,#eaf4ff,#0000 35%);grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;min-height:650px;padding:80px 8%;display:grid}.hero-content p{color:#718096;max-width:650px;font-size:18px;line-height:1.7}.primary-button,.outline-button{border-radius:10px;padding:14px 22px;font-weight:700;text-decoration:none}.outline-button{color:#172536;background:#fff;border:1px solid #d5dde5}.hero-visual{justify-content:center;display:flex}.pulse-card{color:#fff;background:#172536;border-radius:25px;width:360px;padding:30px;box-shadow:0 25px 60px #17253633}.pulse-top{letter-spacing:1px;justify-content:space-between;font-size:10px;font-weight:800;display:flex}.live{color:#63d6a1}.pulse-number{margin-top:35px;font-size:90px;font-weight:900}.pulse-label{color:#aebbc8}.pulse-line{align-items:end;gap:10px;height:100px;margin:25px 0;display:flex}.pulse-line span{background:#6aa7ff;border-radius:5px 5px 0 0;width:35px}.pulse-line span:first-child{height:30%}.pulse-line span:nth-child(2){height:42%}.pulse-line span:nth-child(3){height:38%}.pulse-line span:nth-child(4){height:65%}.pulse-line span:nth-child(5){height:82%}.pulse-line span:nth-child(6){height:95%}.pulse-warning{background:#ffffff14;border-radius:12px;gap:12px;padding:15px;display:flex}.pulse-warning strong{font-size:12px}.pulse-warning p{color:#aebbc8;margin:5px 0 0;font-size:11px}.home-stats{border-top:1px solid #e4e9ee;border-bottom:1px solid #e4e9ee;grid-template-columns:repeat(4,1fr);display:grid}.home-stats div{text-align:center;border-right:1px solid #e4e9ee;padding:28px}.home-stats div:last-child{border-right:none}.home-stats strong,.home-stats span{display:block}.home-stats strong{font-size:28px}.home-stats span{color:#7b8794;margin-top:5px;font-size:12px}.how-section{padding:100px 8%}.section-heading{text-align:center;max-width:700px;margin:auto auto 55px}.section-heading h2{margin:15px 0;font-size:42px}.section-heading p{color:#718096;line-height:1.7}.process-grid{justify-content:center;align-items:center;max-width:1200px;margin:auto;display:flex}.process-card{background:#fff;border:1px solid #e2e7ec;border-radius:18px;width:210px;min-height:230px;padding:25px}.process-icon{margin:20px 0 10px;font-size:32px}.process-card h3{margin:0 0 10px}.process-card p{color:#788594;font-size:13px;line-height:1.6}.process-arrow{color:#9ba6b1;padding:20px;font-size:22px}.unique-section{background:#f4f7f9;border-radius:25px;grid-template-columns:1fr 320px;align-items:center;gap:70px;margin:0 8% 90px;padding:65px;display:grid}.unique-content h2{max-width:650px;margin:15px 0;font-size:40px}.unique-content p{color:#718096;max-width:600px;line-height:1.7}.ripple-flow{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.ripple-flow span{background:#fff;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:700}.ripple-flow b{color:#9aa5b1}.unique-card{color:#fff;background:#172536;border-radius:20px;padding:30px}.unique-card-title{letter-spacing:1px;color:#aebbc8;font-size:10px}.prediction{margin:25px 0 5px;font-size:60px;font-weight:900}.unique-card p{color:#aebbc8;line-height:1.6}.prediction-line{background:#ffffff26;border-radius:20px;height:7px;margin-top:25px}.prediction-line span{background:#fff;border-radius:20px;width:75%;height:100%;display:block}.final-cta{background:#eaf3ff;border-radius:25px;justify-content:space-between;align-items:center;gap:30px;margin:0 8% 80px;padding:55px;display:flex}.final-cta h2{max-width:600px;margin:15px 0;font-size:35px}.final-cta p{color:#718096}@media (width<=900px){.hero{text-align:center;grid-template-columns:1fr}.hero-content p{margin:auto}.hero-buttons{justify-content:center}.process-grid{flex-wrap:wrap}.process-arrow{display:none}.unique-section{grid-template-columns:1fr}.final-cta{flex-direction:column;align-items:flex-start}}@media (width<=600px){.hero{padding:55px 5%}.hero-content h1{font-size:43px}.pulse-card{width:100%}.home-stats{grid-template-columns:1fr 1fr}.unique-section,.final-cta{margin-left:5%;margin-right:5%;padding:35px 25px}}.map-marker{cursor:pointer;z-index:10;background:#fff;border:none;border-radius:50%;width:48px;height:48px;font-size:22px;transition:all .2s;position:absolute;box-shadow:0 5px 20px #00000026}.map-marker:hover{transform:scale(1.2)}.marker-high{box-shadow:0 0 0 8px #dc3c3c1f,0 5px 20px #0000002e}.marker-medium{box-shadow:0 0 0 8px #e6a0281f,0 5px 20px #0000002e}.marker-low{box-shadow:0 0 0 8px #3caa6e1f,0 5px 20px #0000002e}.map-legend{background:#fff;border-radius:10px;gap:15px;padding:12px 16px;font-size:11px;display:flex;position:absolute;bottom:20px;left:20px;box-shadow:0 5px 20px #00000014}.risk-status{border-radius:20px;padding:7px 12px;font-size:10px;font-weight:900;display:inline-block}.risk-high{background:#ffe8e8}.risk-medium{background:#fff1d6}.risk-low{background:#e4f7eb}.location-stat{border-bottom:1px solid #edf0f2;padding:15px 0}.location-stat strong{font-size:25px;display:block}.location-stat span{color:#8995a5;font-size:11px}.category-list{flex-wrap:wrap;gap:8px;margin:15px 0;display:flex}.category-list span{background:#f1f4f6;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700}.ai-insight{background:#f4f7fa;border-radius:14px;margin:20px 0;padding:17px}.ai-insight p{color:#718096;font-size:13px;line-height:1.6}.refresh-area{justify-content:flex-end;max-width:1200px;margin:20px auto;display:flex}.pulse-map-page{background:#f7f9fb;min-height:100vh;padding:45px 7%}.pulse-map-header{justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px;display:flex}.pulse-map-header h1{margin:15px 0 10px;font-size:44px}.pulse-map-header p{color:#718096;max-width:650px;line-height:1.7}.location-button{color:#fff;cursor:pointer;background:#172536;border:none;border-radius:10px;padding:15px 22px;font-weight:700}.location-button:disabled{opacity:.6;cursor:wait}.location-error{color:#a33;background:#fff1f1;border-radius:10px;margin-bottom:20px;padding:14px 18px}.map-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.map-filters button{cursor:pointer;background:#fff;border:1px solid #dfe5eb;border-radius:9px;padding:10px 14px;font-size:12px}.map-filters button:hover{transform:translateY(-1px)}.map-filters .active-filter{color:#fff;background:#172536}.area-analysis{background:#fff;border:1px solid #e5eaf0;border-radius:20px;grid-template-columns:1fr 180px 1fr;align-items:center;gap:35px;margin-top:25px;padding:32px;display:grid}.area-analysis h2{margin:12px 0}.area-analysis p{color:#718096;line-height:1.6}.health-score{text-align:center}.health-score strong{font-size:58px;line-height:1;display:block}.health-score span{color:#8995a3}.health-score small{margin-top:7px;font-weight:700;display:block}.analysis-stats{gap:12px;display:flex}.analysis-stats div{background:#f5f7f9;border-radius:12px;flex:1;padding:17px}.analysis-stats strong{font-size:24px;display:block}.analysis-stats span{color:#7d8995;margin-top:5px;font-size:11px;display:block}.map-explanation{background:#fff;border:1px solid #e5eaf0;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:18px;padding:20px;display:grid}.map-explanation div{grid-template-columns:35px 1fr;align-items:center;column-gap:8px;display:grid}.map-explanation span{grid-row:span 2;font-size:22px}.map-explanation strong{font-size:12px}.map-explanation small{color:#8995a3;font-size:10px}@media (width<=900px){.pulse-map-page{padding:30px 5%}.pulse-map-header{flex-direction:column;align-items:flex-start}.pulse-map-header h1{font-size:34px}.map-toolbar{flex-direction:column;align-items:stretch}.real-map{height:500px}.area-analysis{grid-template-columns:1fr}.analysis-stats{flex-direction:column}.map-explanation{grid-template-columns:1fr 1fr}}.civic-alert{background:#fff;border:1px solid #e7ebef;border-radius:14px;align-items:center;gap:16px;margin-bottom:20px;padding:18px 22px;display:flex}.alert-icon{font-size:28px}.civic-alert strong{font-size:14px}.civic-alert p{color:#718096;margin:5px 0 0;font-size:12px}.civic-stats{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px;display:grid}.stat-card{background:#fff;border:1px solid #e5e9ee;border-radius:15px;padding:20px}.stat-card span{font-size:22px}.stat-card strong{margin-top:10px;font-size:28px;display:block}.stat-card small{color:#7d8995}.map-legend{background:#fff;border:1px solid #e5e9ee;border-radius:14px;flex-wrap:wrap;align-items:center;gap:22px;margin-top:16px;padding:18px;display:flex}.map-legend div{color:#596573;font-size:12px}.map-legend span{margin-right:5px}.real-map{border:1px solid #dfe5ea;border-radius:22px;width:100%;height:620px;overflow:hidden;box-shadow:0 15px 45px #0000001f}@media (width<=900px){.civic-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.civic-stats{grid-template-columns:1fr}.map-legend{gap:12px}}.home-page{color:#102a43;background:#f7f9fc;min-height:100vh}.navbar{background:#fff;border-bottom:1px solid #e8edf2;justify-content:space-between;align-items:center;height:72px;padding:0 7%;display:flex}.logo{font-size:21px;font-weight:800}.logo span{color:#2563eb}.nav-links a{color:#52616b;font-size:14px;font-weight:600;text-decoration:none}.nav-links a:hover{color:#2563eb}.nav-register{background:#2563eb;border-radius:9px;padding:10px 18px;color:#fff!important}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;max-width:1200px;margin:auto;padding:90px 30px 70px;display:grid}.hero-badge{color:#2563eb;letter-spacing:.7px;background:#eaf1ff;border-radius:20px;padding:8px 13px;font-size:11px;font-weight:800;display:inline-block}.hero h1{letter-spacing:-2px;margin:22px 0;font-size:58px;line-height:1.05}.hero h1 span{color:#2563eb}.hero p{color:#678;max-width:560px;font-size:17px;line-height:1.7}.hero-buttons{gap:13px;margin-top:30px;display:flex}.primary-button,.secondary-button{border-radius:10px;padding:14px 21px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.primary-button{color:#fff;background:#2563eb}.secondary-button{color:#102a43;background:#fff;border:1px solid #dce3ea}.hero-card{background:#fff;border:1px solid #e2e8ef;border-radius:20px;padding:25px;box-shadow:0 25px 60px #102a431a}.card-header{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.card-header small{color:#8291a1;font-size:10px;font-weight:800}.card-header h3{margin:5px 0 0}.live{color:#16a34a;font-size:11px;font-weight:800}.road{background:#fff0df}.water{background:#e4f2ff}.waste{background:#e8f8ed}.activity strong{font-size:14px;display:block}.activity small{color:#8794a2;margin-top:4px;display:block}.high,.medium{border-radius:6px;margin-left:auto;padding:5px 8px;font-size:9px;font-weight:800}.card-footer{color:#657586;padding-top:17px;font-size:12px}.card-footer strong{color:#2563eb}.features{background:#fff;padding:75px 7%}.section-heading{text-align:center;margin-bottom:40px}.section-heading span{color:#2563eb;letter-spacing:1px;font-size:11px;font-weight:800}.section-heading h2{margin-top:10px;font-size:32px}.feature-grid{grid-template-columns:repeat(4,1fr);gap:18px;max-width:1200px;margin:auto;display:grid}.feature-card{border:1px solid #e5eaf0;border-radius:15px;padding:25px}.feature-card>div{font-size:28px}.feature-card h3{margin:16px 0 8px}.feature-card p{color:#718096;font-size:13px;line-height:1.6}.home-cta{text-align:center;padding:80px 20px}.home-cta h2{font-size:32px}.home-cta p{color:#718096;margin-bottom:25px}footer{color:#fff;background:#102a43;justify-content:space-between;padding:28px 7%;display:flex}footer span{color:#b8c5d1;font-size:12px}@media (width<=850px){.nav-links{gap:12px}.hero{grid-template-columns:1fr}.hero h1{font-size:43px}.feature-grid{grid-template-columns:1fr 1fr}}@media (width<=550px){.navbar{padding:0 20px}.nav-links a:not(.nav-register){display:none}.hero{padding:55px 20px}.hero-buttons{flex-direction:column}.feature-grid{grid-template-columns:1fr}footer{flex-direction:column;gap:10px}}.auth-choice-page{background:#f4f7fb;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-choice-card{background:#fff;border:1px solid #e4eaf1;border-radius:24px;width:100%;max-width:650px;padding:42px;box-shadow:0 25px 70px #102a431a}.choice-brand{align-items:center;gap:13px;display:flex}.choice-logo{color:#fff;background:#2563eb;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:22px;display:flex}.choice-brand h2{color:#102a43;margin:0;font-size:20px}.choice-brand h2 span{color:#2563eb}.choice-brand p{color:#8291a1;margin:3px 0 0;font-size:11px}.choice-heading{margin-top:55px}.choice-badge{color:#2563eb;letter-spacing:1px;background:#eaf1ff;border-radius:20px;padding:7px 11px;font-size:9px;font-weight:800;display:inline-block}.choice-heading h1{color:#102a43;letter-spacing:-1px;margin:18px 0 12px;font-size:38px;line-height:1.15}.choice-heading p{color:#718096;max-width:500px;font-size:14px;line-height:1.7}.choice-options{flex-direction:column;gap:13px;margin-top:30px;display:flex}.choice-option{color:#102a43;border:1px solid #e1e7ee;border-radius:14px;align-items:center;gap:16px;padding:18px;text-decoration:none;transition:all .2s;display:flex}.choice-option:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 10px 25px #2563eb14}.register-option{background:#f8faff}.option-icon{color:#2563eb;background:#eaf1ff;border-radius:11px;justify-content:center;align-items:center;width:43px;height:43px;font-size:22px;font-weight:700;display:flex}.register-icon{color:#16a34a;background:#eaf8ef}.option-text{flex:1}.option-text h3{margin:0;font-size:15px}.option-text p{color:#8291a1;margin:5px 0 0;font-size:12px}.option-arrow{color:#94a3b8;font-size:20px}.choice-divider{align-items:center;gap:15px;margin:30px 0 20px;display:flex}.choice-divider:before,.choice-divider:after{content:"";background:#e5eaf0;flex:1;height:1px}.choice-divider span{color:#9aa7b5;font-size:10px;font-weight:700}.choice-bottom{justify-content:center;gap:30px;display:flex}.choice-bottom a{color:#52616b;font-size:12px;font-weight:600;text-decoration:none}.choice-bottom a:hover{color:#2563eb}.choice-footer{color:#9aa7b5;border-top:1px solid #edf1f5;justify-content:space-between;margin-top:35px;padding-top:20px;font-size:10px;display:flex}.choice-footer span:first-child{color:#2563eb;font-weight:800}@media (width<=600px){.auth-choice-card{padding:28px 22px}.choice-heading{margin-top:40px}.choice-heading h1{font-size:30px}.choice-bottom{flex-direction:column;align-items:center;gap:15px}.choice-footer{text-align:center;flex-direction:column;gap:8px}}.login-page{background:#f7f9fc;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-info{color:#fff;background:#102a43;padding:45px 8%;position:relative;overflow:hidden}.login-info:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:450px;height:450px;position:absolute;bottom:-170px;right:-180px}.login-brand{color:#fff;font-size:21px;font-weight:800;text-decoration:none}.login-brand span,.mobile-brand span{color:#60a5fa}.login-message{max-width:500px;margin-top:25vh}.login-badge{letter-spacing:1px;color:#b9d5ff;border:1px solid #ffffff26;border-radius:20px;padding:7px 11px;font-size:9px;display:inline-block}.login-message h1{letter-spacing:-2px;margin:22px 0;font-size:50px;line-height:1.08}.login-message h1 span{color:#60a5fa}.login-message>p{color:#c5d2df;max-width:450px;font-size:15px;line-height:1.7}.login-points{flex-direction:column;gap:17px;margin-top:35px;display:flex}.login-points div{color:#dbe7f2;align-items:center;gap:13px;font-size:13px;display:flex}.login-points strong{background:#ffffff14;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.login-form-area{justify-content:center;align-items:center;padding:40px;display:flex}.login-form-card{width:100%;max-width:430px}.mobile-brand{display:none}.form-heading>span{color:#2563eb;letter-spacing:1px;font-size:10px;font-weight:800}.form-heading h2{color:#102a43;margin:12px 0 7px;font-size:34px}.form-heading p{color:#7a8998;margin-bottom:32px;font-size:14px}.login-form-card form{flex-direction:column;display:flex}.login-form-card label{color:#334e68;margin-top:16px;margin-bottom:8px;font-size:12px;font-weight:700}.login-form-card input{box-sizing:border-box;background:#fff;border:1px solid #d9e1e9;border-radius:9px;outline:none;width:100%;padding:14px 15px;font-size:13px}.login-form-card input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.login-error{color:#dc2626;background:#fff1f1;border:1px solid #ffd6d6;border-radius:8px;margin-top:15px;padding:11px 13px;font-size:12px}.login-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;justify-content:space-between;align-items:center;margin-top:24px;padding:15px;font-size:13px;font-weight:700;display:flex}.login-submit:hover{background:#1d4ed8}.login-submit span{font-size:18px}.login-register{text-align:center;color:#8291a1;margin-top:22px;font-size:12px}.login-register a{color:#2563eb;margin-left:5px;font-weight:700;text-decoration:none}.login-divider{align-items:center;gap:12px;margin:30px 0 17px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e5eaf0;flex:1;height:1px}.login-divider span{color:#9aa7b5;font-size:9px;font-weight:800}.quick-access{gap:10px;display:flex}.quick-access a{text-align:center;color:#52616b;border:1px solid #e2e8ef;border-radius:8px;flex:1;padding:11px;font-size:11px;font-weight:600;text-decoration:none}.quick-access a:hover{color:#2563eb;border-color:#2563eb}.back-auth{text-align:center;color:#8a98a6;margin-top:25px;font-size:11px;text-decoration:none;display:block}@media (width<=800px){.login-page{grid-template-columns:1fr}.login-info{display:none}.login-form-area{min-height:100vh;padding:25px}.mobile-brand{color:#102a43;margin-bottom:55px;font-size:20px;font-weight:800;display:block}}@media (width<=450px){.login-form-area{padding:20px}.quick-access{flex-direction:column}}.register-page{background:#f7f9fc;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.register-info{color:#fff;background:#102a43;padding:45px 8%;position:relative;overflow:hidden}.register-info:before{content:"";border:1px solid #ffffff12;border-radius:50%;width:550px;height:550px;position:absolute;top:-170px;right:-250px}.register-info:after{content:"";border:1px solid #ffffff0d;border-radius:50%;width:350px;height:350px;position:absolute;bottom:-150px;left:-200px}.register-brand{z-index:2;color:#fff;font-size:21px;font-weight:800;text-decoration:none;position:relative}.register-brand span,.register-mobile-brand span{color:#60a5fa}.register-message{z-index:2;max-width:500px;margin-top:22vh;position:relative}.register-badge{color:#b9d5ff;letter-spacing:1px;border:1px solid #ffffff29;border-radius:20px;padding:7px 11px;font-size:9px;font-weight:800;display:inline-block}.register-message h1{letter-spacing:-2px;margin:22px 0;font-size:49px;line-height:1.08}.register-message h1 span{color:#60a5fa}.register-message>p{color:#c7d4e0;max-width:440px;font-size:15px;line-height:1.7}.register-stats{grid-template-columns:1fr 1fr;gap:13px;margin-top:35px;display:grid}.register-stats div{color:#dbe7f2;align-items:center;gap:10px;font-size:12px;display:flex}.register-stats strong{background:#ffffff14;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.register-form-area{justify-content:center;align-items:center;padding:35px 50px;display:flex}.register-form-card{width:100%;max-width:500px}.register-mobile-brand{display:none}.register-step{color:#2563eb;letter-spacing:1px;font-size:10px;font-weight:800}.register-heading h2{color:#102a43;letter-spacing:-.8px;margin:11px 0 7px;font-size:32px}.register-heading p{color:#8291a1;margin-bottom:24px;font-size:13px}.register-form-card form{flex-direction:column;display:flex}.register-field{margin-bottom:15px}.register-field label{color:#334e68;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.register-field input{box-sizing:border-box;color:#102a43;background:#fff;border:1px solid #d9e1e9;border-radius:9px;outline:none;width:100%;padding:13px 14px;font-size:12px;transition:all .2s}.register-field input::placeholder{color:#a2adb8}.register-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.register-two-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.register-error{color:#dc2626;background:#fff1f1;border:1px solid #ffd6d6;border-radius:8px;margin:3px 0 14px;padding:10px 12px;font-size:11px}.register-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;justify-content:space-between;align-items:center;margin-top:3px;padding:14px 16px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.register-submit:hover{background:#1d4ed8;transform:translateY(-1px)}.register-submit span{font-size:18px}.register-login{text-align:center;color:#8291a1;margin-top:19px;font-size:11px}.register-login a{color:#2563eb;margin-left:5px;font-weight:800;text-decoration:none}.register-bottom{justify-content:center;gap:25px;margin-top:22px;display:flex}.register-bottom a{color:#718096;font-size:10px;font-weight:600;text-decoration:none}.register-bottom a:hover{color:#2563eb}.register-security{background:#f5f8fc;border:1px solid #e5eaf0;border-radius:10px;gap:11px;margin-top:23px;padding:13px;display:flex}.register-security>span{font-size:17px}.register-security strong{color:#52616b;font-size:10px}.register-security p{color:#8b98a5;margin:3px 0 0;font-size:9px;line-height:1.5}@media (width<=850px){.register-page{grid-template-columns:1fr}.register-info{display:none}.register-form-area{min-height:100vh;padding:30px 25px}.register-mobile-brand{color:#102a43;margin-bottom:45px;font-size:20px;font-weight:800;display:block}}@media (width<=520px){.register-form-area{padding:25px 20px}.register-two-columns{grid-template-columns:1fr;gap:0}}.civic-home{color:#102a43;background:#f6f8fb;min-height:100vh}.civic-navbar{background:#fff;border-bottom:1px solid #e8edf2;align-items:center;gap:35px;height:76px;padding:0 5%;display:flex}.civic-logo{color:#102a43;align-items:center;gap:10px;min-width:205px;text-decoration:none;display:flex}.logo-mark{color:#fff;background:#2563eb;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.civic-logo strong{font-size:17px;display:block}.civic-nav-links{flex:1;align-items:center;gap:25px;display:flex}.civic-nav-links a{color:#718096;padding:28px 0;font-size:12px;font-weight:600;text-decoration:none;position:relative}.civic-nav-links a:hover,.civic-nav-links a.active{color:#2563eb}.civic-nav-links a.active:after{content:"";background:#2563eb;height:2px;position:absolute;bottom:0;left:0;right:0}.civic-user{align-items:center;gap:15px;display:flex}.user-profile{align-items:center;gap:9px;text-decoration:none;display:flex}.user-avatar{color:#2563eb;background:#eaf1ff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:12px;font-weight:800;display:flex}.user-name strong{color:#334e68;font-size:11px;display:block}.user-name small{color:#9aa7b5;font-size:9px}.logout-btn{color:#718096;cursor:pointer;background:#fff;border:1px solid #e0e6ed;border-radius:7px;padding:8px 12px;font-size:10px}.logout-btn:hover{color:#dc2626;border-color:#dc2626}.civic-main{max-width:1250px;margin:auto;padding:55px 5% 0}.civic-hero{box-sizing:border-box;color:#fff;background:#102a43;border-radius:22px;justify-content:space-between;align-items:center;gap:50px;min-height:440px;padding:55px 6%;display:flex;position:relative;overflow:hidden}.civic-hero:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:500px;height:500px;position:absolute;top:-180px;right:-220px}.hero-content{z-index:2;max-width:650px;position:relative}.hero-badge{color:#b9d5ff;letter-spacing:1px;border:1px solid #ffffff29;border-radius:20px;padding:7px 11px;font-size:9px;font-weight:800;display:inline-block}.hero-content h1{letter-spacing:-2px;margin:20px 0 18px;font-size:49px;line-height:1.08}.hero-content h1 span{color:#60a5fa}.hero-content>p{color:#c7d4e0;max-width:580px;font-size:14px;line-height:1.7}.hero-actions{gap:12px;margin-top:30px;display:flex}.primary-action,.secondary-action{border-radius:8px;padding:13px 17px;font-size:11px;font-weight:700;text-decoration:none}.primary-action{color:#fff;background:#2563eb}.primary-action span{margin-left:15px}.secondary-action{color:#fff;border:1px solid #ffffff2e}.secondary-action:hover{background:#ffffff12}.signal-card{z-index:2;background:#ffffff12;border:1px solid #ffffff1f;border-radius:17px;width:270px;min-width:270px;padding:25px;position:relative}.signal-header{color:#9fb5ca;letter-spacing:.8px;justify-content:space-between;font-size:8px;font-weight:800;display:flex}.live-dot{background:#34d399;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.signal-number{margin-top:30px;font-size:55px;font-weight:800}.signal-card>p{color:#aebfd0;margin-top:-5px;font-size:11px}.signal-bars{align-items:end;gap:7px;height:55px;margin-top:28px;display:flex}.signal-bars div{background:#ffffff14;border-radius:4px;flex:1;align-items:end;height:100%;display:flex}.signal-bars span{background:#60a5fa;border-radius:4px;height:30%;display:block}.signal-footer{color:#aebfd0;border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:22px;padding-top:14px;font-size:9px;display:flex}.quick-section{padding:70px 0 35px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.section-heading>div>span{color:#2563eb;letter-spacing:1px;font-size:9px;font-weight:800}.section-heading h2{letter-spacing:-.8px;margin:8px 0 0;font-size:27px}.section-heading>p{color:#8291a1;max-width:350px;font-size:11px;line-height:1.6}.feature-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.feature-card{box-sizing:border-box;color:#102a43;background:#fff;border:1px solid #e3e9ef;border-radius:14px;min-height:210px;padding:23px;text-decoration:none;transition:all .2s}.feature-card:hover{border-color:#b9cef0;transform:translateY(-4px);box-shadow:0 15px 35px #102a4312}.feature-icon{background:#fff1f1;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;display:flex}.map-icon{background:#eaf1ff}.reports-icon{background:#fff7e8}.dashboard-icon{background:#eaf8ef}.feature-card h3{margin:18px 0 8px;font-size:14px}.feature-card p{color:#8291a1;min-height:48px;font-size:10px;line-height:1.6}.feature-card>span{color:#2563eb;margin-top:15px;font-size:10px;font-weight:800;display:block}.civic-process{padding:50px 0 70px}.process-grid{background:#fff;border:1px solid #e3e9ef;border-radius:15px;align-items:center;gap:10px;padding:30px;display:flex}.process-item{flex:1}.process-number{color:#2563eb;font-size:10px;font-weight:800}.process-item h3{margin:10px 0 6px;font-size:13px}.process-item p{color:#8291a1;font-size:10px;line-height:1.6}.process-line{background:#dce4ec;width:35px;height:1px}.civic-footer{border-top:1px solid #e5eaf0;justify-content:space-between;align-items:center;padding:25px 0;display:flex}.civic-footer strong{font-size:13px}.civic-footer strong span{color:#2563eb}.civic-footer p{color:#98a5b2;font-size:9px}.civic-footer div{gap:18px;display:flex}.civic-footer a{color:#718096;font-size:9px;text-decoration:none}@media (width<=1050px){.civic-nav-links{gap:15px}.feature-grid{grid-template-columns:1fr 1fr}.signal-card{display:none}}@media (width<=800px){.civic-navbar{flex-wrap:wrap;height:auto;padding:15px 5%}.civic-nav-links{order:3;width:100%;overflow-x:auto}.civic-nav-links a{white-space:nowrap;padding:10px 0}.civic-user{margin-left:auto}.civic-main{padding-top:25px}.civic-hero{padding:35px 25px}.hero-content h1{font-size:38px}.section-heading{flex-direction:column;align-items:start;gap:15px}.process-grid{flex-direction:column;align-items:start}.process-line{width:100%}}@media (width<=550px){.feature-grid{grid-template-columns:1fr}.user-name{display:none}.logout-btn{padding:7px 9px}.hero-actions{flex-direction:column}.primary-action,.secondary-action{text-align:center}.civic-footer{flex-direction:column;gap:12px}}.reports-page{background:#f6f8fb;min-height:100vh}.reports-container{max-width:1150px;margin:auto;padding:50px 5%}.reports-heading{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.reports-heading>div>span{color:#2563eb;letter-spacing:1px;font-size:9px;font-weight:800}.reports-heading h1{color:#102a43;letter-spacing:-1px;margin:8px 0;font-size:35px}.reports-heading p{color:#8291a1;margin:0;font-size:12px}.new-report-btn{color:#fff;background:#2563eb;border-radius:8px;padding:12px 17px;font-size:10px;font-weight:700;text-decoration:none}.reports-profile{color:#52616b;font-size:11px;font-weight:700;text-decoration:none}.report-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:25px;display:grid}.report-summary>div{background:#fff;border:1px solid #e3e9ef;border-radius:12px;padding:18px}.report-summary strong{color:#102a43;font-size:24px;display:block}.report-summary span{color:#8a98a6;margin-top:4px;font-size:9px;display:block}.empty-reports{text-align:center;background:#fff;border:1px solid #e3e9ef;border-radius:15px;padding:70px 30px}.empty-icon{background:#eaf1ff;border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;margin:auto;font-size:25px;display:flex}.empty-reports h2{color:#102a43;margin:18px 0 8px;font-size:20px}.empty-reports p{color:#8291a1;max-width:400px;margin:auto;font-size:11px;line-height:1.6}.empty-report-btn{color:#fff;background:#2563eb;border-radius:8px;margin-top:22px;padding:11px 16px;font-size:10px;font-weight:700;text-decoration:none;display:inline-block}.report-item{background:#fff;border:1px solid #e3e9ef;border-radius:15px;margin-bottom:18px;padding:25px}.report-item-header{justify-content:space-between;gap:20px;display:flex}.report-category{color:#2563eb;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:800}.report-category span{margin-right:6px}.report-item h2{color:#243b53;margin:9px 0 0;font-size:16px;font-weight:700}.report-status{white-space:nowrap;border-radius:20px;height:fit-content;padding:7px 10px;font-size:9px;font-weight:800}.report-information{color:#8291a1;border-top:1px solid #edf1f5;gap:22px;margin-top:16px;padding-top:15px;font-size:9px;display:flex}.ai-analysis{background:#f5f8ff;border:1px solid #e1e9fb;border-radius:9px;gap:11px;margin-top:18px;padding:13px;display:flex}.ai-icon{color:#fff;background:#2563eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ai-analysis strong{color:#334e68;font-size:10px}.ai-analysis p{color:#8291a1;margin:4px 0 0;font-size:9px}.tracking-title{color:#8291a1;letter-spacing:1px;margin-top:25px;margin-bottom:14px;font-size:8px;font-weight:800}.tracking{position:relative}.tracking-line{z-index:0;background:#e4eaf0;height:2px;position:absolute;top:12px;left:4%;right:4%}.tracking-line span{background:#2563eb;height:100%;transition:all .3s;display:block}.tracking-steps{z-index:1;justify-content:space-between;display:flex;position:relative}.tracking-step{color:#9aa7b5;flex-direction:column;align-items:center;gap:7px;font-size:8px;display:flex}.tracking-step>div{background:#fff;border:2px solid #dfe6ed;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:8px;display:flex}.tracking-step.completed{color:#2563eb;font-weight:700}.tracking-step.completed>div{color:#fff;background:#2563eb;border-color:#2563eb}@media (width<=850px){.reports-heading{flex-direction:column;align-items:start;gap:20px}.report-summary{grid-template-columns:1fr 1fr}.civic-nav-links{overflow-x:auto}}@media (width<=600px){.reports-container{padding:30px 20px}.report-summary{grid-template-columns:1fr 1fr}.report-item-header{flex-direction:column}.report-information{flex-direction:column;gap:8px}.tracking-steps{justify-content:flex-start;gap:20px;overflow-x:auto}.tracking-step{min-width:70px}.tracking-line{display:none}}.report-navbar{background:#fff;border-bottom:1px solid #e5eaf0;align-items:center;gap:35px;height:70px;padding:0 5%;display:flex}.report-logo{color:#102a43;font-size:17px;font-weight:800;text-decoration:none}.report-logo span{color:#2563eb}.report-nav-links{flex:1;gap:25px;display:flex}.report-nav-links a{color:#718096;font-size:11px;font-weight:600;text-decoration:none}.report-nav-links a:hover,.report-nav-links a.active{color:#2563eb}.report-back{color:#718096;font-size:10px;text-decoration:none}.success-message{color:#168347;background:#eaf8ef;border:1px solid #ccebd8;border-radius:9px;margin:20px 0;padding:13px;font-size:11px;font-weight:700}.report-id-box{background:#f5f8ff;border:1px solid #dfe8fa;border-radius:10px;margin-bottom:18px;padding:15px}.report-id-box span{color:#8291a1;letter-spacing:1px;font-size:8px;font-weight:800;display:block}.report-id-box strong{color:#2563eb;margin-top:5px;font-size:16px;display:block}.after-report-actions{border-top:1px solid #e5eaf0;gap:12px;margin-top:25px;padding-top:20px;display:flex}.after-report-actions a{color:#fff;background:#2563eb;border-radius:8px;padding:11px 15px;font-size:10px;font-weight:700;text-decoration:none}.after-report-actions a:last-child{color:#2563eb;background:#eef4ff}@media (width<=800px){.report-navbar{flex-wrap:wrap;height:auto;padding:15px 5%}.report-nav-links{order:3;width:100%;padding-bottom:5px;overflow-x:auto}.report-nav-links a{white-space:nowrap}.report-back{margin-left:auto}}.admin-page{background:#f4f7fb;min-height:100vh}.admin-navbar{background:#fff;border-bottom:1px solid #e4e9ef;align-items:center;gap:30px;height:70px;padding:0 5%;display:flex}.admin-logo{color:#102a43;font-size:17px;font-weight:800;text-decoration:none}.admin-logo span{color:#2563eb}.admin-title{color:#8291a1;letter-spacing:1px;flex:1;font-size:9px;font-weight:800}.admin-exit{color:#52616b;font-size:10px;font-weight:700;text-decoration:none}.admin-container{max-width:1200px;margin:auto;padding:45px 5%}.admin-header{justify-content:space-between;align-items:end;margin-bottom:30px;display:flex}.admin-badge{color:#2563eb;letter-spacing:1px;font-size:9px;font-weight:800}.admin-header h1{color:#102a43;margin:8px 0;font-size:34px}.admin-header p{color:#8291a1;margin:0;font-size:11px}.live-indicator{color:#178348;background:#eaf8ef;border-radius:20px;padding:9px 13px;font-size:8px;font-weight:800}.live-indicator span{background:#25a65a;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.admin-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px;display:grid}.admin-stat{background:#fff;border:1px solid #e3e9ef;border-radius:12px;padding:20px}.admin-stat span{color:#8291a1;letter-spacing:.5px;font-size:8px;font-weight:800;display:block}.admin-stat strong{color:#102a43;margin-top:7px;font-size:27px;display:block}.admin-reports-section{background:#fff;border:1px solid #e3e9ef;border-radius:15px;padding:25px}.admin-section-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.admin-section-heading h2{color:#243b53;margin:0;font-size:19px}.admin-section-heading p{color:#8291a1;margin:5px 0 0;font-size:10px}.refresh-btn{color:#2563eb;cursor:pointer;background:#eef4ff;border:0;border-radius:7px;padding:9px 13px;font-size:9px;font-weight:700}.admin-report-card{border:1px solid #e3e9ef;border-radius:12px;margin-bottom:14px;padding:20px}.admin-report-top{justify-content:space-between;gap:20px;display:flex}.admin-report-id{color:#2563eb;font-size:8px;font-weight:800}.admin-report-top h3{color:#243b53;margin:7px 0 0;font-size:14px}.admin-current-status{color:#2563eb;white-space:nowrap;background:#eef4ff;border-radius:20px;height:fit-content;padding:7px 10px;font-size:8px;font-weight:800}.admin-report-info{color:#8291a1;border-top:1px solid #edf1f5;gap:20px;margin-top:15px;padding-top:13px;font-size:9px;display:flex}.admin-ai{background:#f6f8ff;border-radius:8px;margin-top:15px;padding:12px}.admin-ai strong{color:#2563eb;font-size:9px}.admin-ai div{color:#66788a;gap:20px;margin-top:7px;font-size:9px;display:flex}.admin-action{align-items:center;gap:15px;margin-top:18px;display:flex}.admin-action label{color:#8291a1;letter-spacing:.5px;font-size:8px;font-weight:800}.admin-action select{color:#243b53;background:#fff;border:1px solid #dce3ea;border-radius:7px;outline:none;padding:9px 12px;font-size:10px}.admin-action select:focus{border-color:#2563eb}.resolved-message{color:#178348;background:#eaf8ef;border-radius:7px;margin-top:15px;padding:11px;font-size:9px;font-weight:700}.admin-empty{text-align:center;border:1px dashed #dce3ea;border-radius:10px;padding:60px 20px}.admin-empty div{font-size:30px}.admin-empty h3{color:#243b53;margin:12px 0 5px;font-size:15px}.admin-empty p{color:#8291a1;margin:0;font-size:10px}@media (width<=800px){.admin-header{flex-direction:column;align-items:start;gap:20px}.admin-stats{grid-template-columns:1fr 1fr}.admin-report-top{flex-direction:column}.admin-report-info,.admin-ai div{flex-direction:column;gap:7px}}@media (width<=500px){.admin-navbar{flex-wrap:wrap;height:auto;padding:15px 5%}.admin-title{display:none}.admin-stats{grid-template-columns:1fr}.admin-reports-section{padding:15px}}.admin-login-page{background:linear-gradient(135deg,#eef4ff,#f8fafc);justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.admin-login-card{background:#fff;border:1px solid #e1e8f0;border-radius:18px;width:100%;max-width:450px;padding:42px;box-shadow:0 20px 60px #102a4314}.admin-login-brand{align-items:center;gap:12px;margin-bottom:35px;display:flex}.admin-login-logo{color:#fff;background:#2563eb;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.admin-login-brand strong{color:#102a43;font-size:17px;display:block}.admin-login-brand strong span{color:#2563eb}.admin-login-brand small{color:#8291a1;letter-spacing:.5px;margin-top:3px;font-size:8px;display:block}.admin-login-heading span{color:#2563eb;letter-spacing:1px;font-size:8px;font-weight:800}.admin-login-heading h1{color:#102a43;letter-spacing:-.5px;margin:8px 0;font-size:27px}.admin-login-heading p{color:#8291a1;margin-bottom:28px;font-size:10px;line-height:1.7}.admin-login-field{margin-bottom:18px}.admin-login-field label{color:#52616b;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.admin-login-field input{box-sizing:border-box;color:#243b53;background:#fbfcfe;border:1px solid #dce3ea;border-radius:8px;outline:none;width:100%;padding:12px 13px;font-size:10px}.admin-login-field input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.admin-password-wrapper{position:relative}.admin-password-wrapper input{padding-right:65px}.admin-password-wrapper button{color:#2563eb;cursor:pointer;background:0 0;border:0;font-size:8px;font-weight:800;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.admin-login-error{color:#c0392b;background:#fff0f0;border:1px solid #ffd6d6;border-radius:8px;margin-bottom:15px;padding:11px;font-size:9px;font-weight:700}.admin-login-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;width:100%;padding:13px;font-size:10px;font-weight:800;transition:all .2s}.admin-login-note{text-align:center;color:#8291a1;background:#f5f8fc;border-radius:7px;margin-top:20px;padding:10px;font-size:8px}.admin-back-link{text-align:center;color:#718096;margin-top:20px;font-size:9px;text-decoration:none;display:block}.admin-back-link:hover{color:#2563eb}@media (width<=500px){.admin-login-page{padding:15px}.admin-login-card{padding:28px 22px}}.welcome-page{color:#102a43;background:radial-gradient(circle at 8% 15%,#3b82f61f,#0000 28%),radial-gradient(circle at 90% 80%,#6366f11a,#0000 30%),#f7f9fc;min-height:100vh;position:relative;overflow:hidden}.welcome-shell{flex-direction:column;width:min(1240px,92%);min-height:100vh;margin:auto;display:flex}.welcome-orb{filter:blur(2px);pointer-events:none;border-radius:50%;position:fixed}.orb-one{background:#2563eb14;width:260px;height:260px;top:-120px;right:12%}.orb-two{background:#0ea5e914;width:180px;height:180px;bottom:-80px;left:8%}.welcome-nav{border-bottom:1px solid #dce4eeb3;justify-content:space-between;align-items:center;height:88px;display:flex}.welcome-brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:#2563eb;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;font-size:12px;font-weight:900;display:flex;box-shadow:0 8px 20px #2563eb38}.welcome-brand strong{color:#102a43;font-size:18px}.welcome-brand span{color:#2563eb;margin-left:3px;font-size:18px;font-weight:800}.nav-right{align-items:center;gap:28px;display:flex}.nav-status{color:#7b8a9b;font-size:10px;font-weight:600}.nav-status i{background:#22c55e;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 4px #22c55e1a}.officer-link{color:#52677d;font-size:11px;font-weight:700;text-decoration:none}.officer-link:hover{color:#2563eb}.welcome-content{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:55px 0 40px;display:grid}.welcome-copy{max-width:580px}.welcome-label{color:#2563eb;letter-spacing:1px;background:#edf4ff;border:1px solid #dbe8ff;border-radius:30px;align-items:center;gap:7px;padding:8px 12px;font-size:9px;font-weight:900;display:inline-flex}.welcome-label span{font-size:13px}.welcome-copy h1{letter-spacing:-3.5px;color:#102a43;margin:24px 0 22px;font-size:clamp(48px,5vw,72px);line-height:.99}.welcome-copy h1 em{color:#2563eb;font-style:normal}.welcome-copy>p{color:#718096;max-width:530px;font-size:14px;line-height:1.8}.welcome-actions{align-items:center;gap:12px;margin-top:31px;display:flex}.primary-auth-btn{color:#fff;background:#2563eb;border-radius:11px;align-items:center;gap:24px;padding:14px 17px 14px 20px;font-size:11px;font-weight:800;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 10px 25px #2563eb38}.primary-auth-btn b{background:#ffffff26;border-radius:7px;justify-content:center;align-items:center;width:25px;height:25px;font-size:15px;display:flex}.primary-auth-btn:hover{transform:translateY(-2px)}.secondary-auth-btn{color:#3e566e;background:#fff;border:1px solid #dce5ef;border-radius:11px;padding:14px 18px;font-size:11px;font-weight:800;text-decoration:none;transition:all .2s}.secondary-auth-btn:hover{color:#2563eb;border-color:#2563eb}.trust-row{gap:20px;margin-top:35px;display:flex}.trust-item{color:#8493a3;align-items:center;gap:7px;font-size:9px;display:flex}.trust-item div{font-size:13px}.welcome-visual{justify-content:center;align-items:center;min-height:520px;display:flex;position:relative}.visual-glow{background:radial-gradient(circle,#2563eb1f,#0000 68%);border-radius:50%;width:410px;height:410px;position:absolute}.civic-panel{z-index:2;background:#fffffff0;border:1px solid #e0e7ef;border-radius:24px;width:min(450px,100%);padding:20px;position:relative;box-shadow:0 30px 70px #1f3c6421}.panel-top{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.panel-top small{color:#2563eb;letter-spacing:1px;font-size:7px;font-weight:900;display:block}.panel-top h3{color:#102a43;margin:5px 0 0;font-size:19px}.live-dot{color:#198754;background:#effbf3;border-radius:20px;padding:6px 9px;font-size:7px;font-weight:900}.live-dot i{background:#22c55e;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.mini-map{background:linear-gradient(135deg,#edf3f0,#f4f7f4);border-radius:16px;height:205px;position:relative;overflow:hidden}.map-grid{opacity:.45;background-image:linear-gradient(#7891871f 1px,#0000 1px),linear-gradient(90deg,#7891871f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.road{background:#fff;height:18px;position:absolute;transform:rotate(-24deg);box-shadow:0 1px 3px #32463c14}.road-one{width:120%;top:80px;left:-20px}.road-two{width:90%;top:125px;left:70px;transform:rotate(35deg)}.road-three{width:75%;top:25px;left:120px;transform:rotate(70deg)}.map-pin{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex;position:absolute;box-shadow:0 5px 15px #1e3c5a2e}.pin-one{top:52px;left:70px}.pin-two{top:115px;right:70px}.pin-three{bottom:25px;left:190px}.you-location{color:#52677d;background:#fff;border-radius:20px;align-items:center;gap:5px;padding:6px 9px;font-size:8px;font-weight:800;display:flex;position:absolute;top:20px;right:22px;box-shadow:0 4px 12px #1e3c5a1a}.you-location span{background:#2563eb;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #2563eb26}.activity-list{margin-top:10px}.activity{border-bottom:1px solid #edf1f5;align-items:center;gap:10px;padding:11px 2px;display:flex}.activity-icon{border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.road-icon{background:#fff3e5}.water-icon{background:#eaf4ff}.light-icon{background:#fff8df}.activity div:nth-child(2){flex:1}.activity strong{color:#30485e;font-size:10px;display:block}.activity small{color:#94a1ae;margin-top:3px;font-size:8px;display:block}.activity b{border-radius:6px;padding:5px 7px;font-size:6px}.high{color:#e05252;background:#ffe9e9}.medium{color:#c1841d;background:#fff4df}.low{color:#29915a;background:#e9f8ef}.panel-footer{color:#8a98a6;padding-top:12px;font-size:8px}.panel-footer span{color:#ec4899}.floating-card{z-index:5;background:#fff;border:1px solid #e3eaf2;border-radius:12px;align-items:center;gap:9px;padding:11px 14px;display:flex;position:absolute;bottom:65px;left:-35px;box-shadow:0 15px 35px #1f3c6424}.floating-icon{color:#20a05a;background:#e9f8ef;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:900;display:flex}.floating-card strong{color:#30485e;font-size:9px;display:block}.floating-card small{color:#9aa7b5;margin-top:3px;font-size:7px;display:block}.floating-stat{z-index:5;background:#fff;border:1px solid #e3eaf2;border-radius:13px;width:85px;padding:13px;position:absolute;top:95px;right:-25px;box-shadow:0 15px 35px #1f3c641f}.floating-stat strong{color:#2563eb;font-size:20px;display:block}.floating-stat span{color:#8a98a6;margin-top:3px;font-size:7px;line-height:1.3;display:block}.welcome-footer{color:#9aa7b5;border-top:1px solid #dce4eeb3;justify-content:space-between;align-items:center;height:65px;font-size:8px;display:flex}.welcome-footer div{gap:20px;display:flex}@media (width<=900px){.welcome-content{text-align:center;grid-template-columns:1fr}.welcome-copy{margin:auto}.welcome-actions,.trust-row{justify-content:center}.welcome-visual{min-height:430px}}@media (width<=600px){.welcome-shell{width:90%}.welcome-nav{height:70px}.nav-status{display:none}.welcome-copy h1{letter-spacing:-2px;font-size:43px}.welcome-copy>p{font-size:12px}.welcome-actions{flex-direction:column}.primary-auth-btn,.secondary-auth-btn{box-sizing:border-box;justify-content:center;width:100%}.trust-row{flex-direction:column;align-items:center;gap:10px}.welcome-visual{min-height:380px}.civic-panel{box-sizing:border-box;width:100%}.floating-card{left:-5px}.floating-stat{right:-5px}.welcome-footer{display:none}}.admin-page{color:#102a43;background:radial-gradient(circle at 5% 10%,#2563eb1a,#0000 28%),radial-gradient(circle at 95% 90%,#0ea5e914,#0000 30%),#f7f9fc;min-height:100vh;position:relative;overflow:hidden}.admin-bg-one{background:#2563eb0b;width:420px;height:420px;top:-200px;right:-220px}.admin-bg-two{background:#0ea5e90b;width:320px;height:320px;bottom:-160px;left:-180px}.admin-container{z-index:2;grid-template-columns:1fr 430px;align-items:center;gap:80px;width:min(1180px,92%);min-height:100vh;margin:auto;display:grid;position:relative}.admin-left{padding:35px 0}.admin-back{color:#7b8b9c;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:10px;font-weight:700;display:flex}.admin-back span{font-size:16px}.admin-back:hover{color:#2563eb}.admin-brand-logo{color:#fff;background:#2563eb;border-radius:12px;justify-content:center;align-items:center;width:43px;height:43px;font-size:11px;font-weight:900;display:flex;box-shadow:0 10px 25px #2563eb33}.admin-brand h3 b{color:#2563eb}.admin-brand p{color:#9aa7b5;margin:3px 0 0;font-size:8px}.admin-heading{max-width:610px;margin-top:48px}.admin-eyebrow{color:#2563eb;letter-spacing:1.2px;align-items:center;gap:8px;font-size:8px;font-weight:900;display:flex}.admin-eyebrow span{background:#2563eb;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #2563eb1a}.admin-heading h1{color:#102a43;letter-spacing:-3.5px;margin:20px 0;font-size:clamp(45px,5vw,65px);line-height:.99}.admin-heading h1 strong{color:#2563eb}.admin-heading p{color:#718096;max-width:535px;margin:0;font-size:13px;line-height:1.8}.admin-mini-stats{gap:10px;margin-top:30px;display:flex}.mini-stat{background:#ffffffbf;border:1px solid #e3eaf1;border-radius:10px;align-items:center;gap:9px;padding:9px 13px;display:flex}.mini-stat-icon{border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;font-size:10px;font-weight:900;display:flex}.mini-stat-icon.blue{color:#2563eb;background:#eaf2ff}.mini-stat-icon.orange{color:#d88418;background:#fff2df}.mini-stat-icon.green{color:#26945a;background:#eaf8ef}.mini-stat strong{color:#30485e;font-size:9px;display:block}.mini-stat span{color:#9aa7b5;margin-top:2px;font-size:7px;display:block}.admin-map-preview{box-sizing:border-box;background:#ffffffc7;border:1px solid #e3eaf1;border-radius:16px;width:470px;margin-top:25px;padding:13px;box-shadow:0 15px 35px #1f3c640f}.map-preview-header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.map-preview-header small{color:#2563eb;letter-spacing:.8px;font-size:6px;font-weight:900;display:block}.map-preview-header strong{color:#40566d;margin-top:3px;font-size:9px;display:block}.map-live{color:#23945a;font-size:7px;font-weight:900}.admin-map{background:linear-gradient(135deg,#edf4f0,#f5f7f3);border-radius:10px;height:105px;position:relative;overflow:hidden}.map-lines{opacity:.35;background-image:linear-gradient(#5a786921 1px,#0000 1px),linear-gradient(90deg,#5a786921 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.map-road{background:#fff;height:12px;position:absolute;box-shadow:0 1px 4px #32463c14}.map-road-a{width:115%;top:45px;left:-20px;transform:rotate(-13deg)}.map-road-b{width:80%;top:63px;left:80px;transform:rotate(27deg)}.map-road-c{width:60%;top:20px;left:140px;transform:rotate(65deg)}.admin-pin{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:11px;display:flex;position:absolute;box-shadow:0 4px 10px #1e3c5a26}.pin-a{top:22px;left:75px}.pin-b{top:52px;right:90px}.pin-c{bottom:10px;left:205px}.admin-you{color:#68798b;background:#ffffffe6;border-radius:15px;padding:5px 7px;font-size:6px;font-weight:800;position:absolute;top:9px;right:10px}.admin-you i{background:#2563eb;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block;box-shadow:0 0 0 3px #2563eb21}.admin-right{flex-direction:column;align-items:center;display:flex}.login-card-top{align-items:center;gap:10px;display:flex}.shield-icon{color:#2563eb;background:#eaf2ff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:900;display:flex}.login-card-top small{color:#2563eb;letter-spacing:.8px;font-size:7px;font-weight:900;display:block}.login-card-top span{color:#9aa7b5;margin-top:3px;font-size:7px;display:block}.login-title{margin-top:27px}.login-title h2{color:#102a43;letter-spacing:-1px;margin:0;font-size:28px}.login-title p{color:#8997a6;margin:7px 0 27px;font-size:9px;line-height:1.6}.field-header{justify-content:space-between;align-items:center;display:flex}.field-header span{color:#a2adb8;font-size:7px}.input-icon{color:#9ba8b5;width:28px;font-size:10px;font-weight:800}.password-toggle{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:7px;font-weight:800}.admin-login-error{color:#d14f4f;background:#fff1f1;border-radius:8px;align-items:center;gap:8px;margin:3px 0 15px;padding:10px;font-size:8px;display:flex}.admin-login-error span{color:#fff;background:#e05252;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;font-weight:900;display:flex}.admin-login-error p{margin:0}.admin-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 13px 0 18px;font-size:10px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 10px 24px #2563eb30}.admin-submit b{background:#ffffff29;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;font-size:14px;display:flex}.admin-submit:hover{transform:translateY(-2px);box-shadow:0 14px 28px #2563eb40}.admin-security{background:#f6f9fc;border-radius:10px;gap:10px;margin-top:23px;padding:12px;display:flex}.security-symbol{color:#2563eb;background:#fff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;font-size:13px;display:flex}.admin-security strong{color:#52677d;font-size:8px;display:block}.admin-security p{color:#9aa7b5;margin:3px 0 0;font-size:7px;line-height:1.5}.admin-card-bottom{justify-content:center;gap:4px;margin-top:22px;font-size:8px;display:flex}.admin-card-bottom span{color:#9aa7b5}.admin-card-bottom button{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:8px;font-weight:800}@media (width<=1000px){.admin-container{grid-template-columns:1fr;gap:30px;width:min(600px,92%);padding:35px 0}.admin-left{text-align:center}.admin-brand{justify-content:center}.admin-heading{margin-left:auto;margin-right:auto}.admin-eyebrow,.admin-mini-stats{justify-content:center}.admin-map-preview{margin-left:auto;margin-right:auto}}@media (width<=600px){.admin-container{width:92%}.admin-heading h1{letter-spacing:-2px;font-size:43px}.admin-heading p{font-size:11px}.admin-mini-stats{display:none}.admin-map-preview{width:100%}.admin-login-card{padding:25px 20px}}.citizen-login-page{color:#102a43;background:radial-gradient(circle at 5% 15%,#2563eb1a,#0000 28%),radial-gradient(circle at 95% 85%,#0ea5e914,#0000 30%),#f7f9fc;min-height:100vh;position:relative;overflow:hidden}.citizen-glow{pointer-events:none;border-radius:50%;position:absolute}.glow-one{background:#2563eb0b;width:420px;height:420px;top:-210px;right:-220px}.glow-two{background:#0ea5e90b;width:350px;height:350px;bottom:-190px;left:-200px}.citizen-login-wrapper{z-index:2;grid-template-columns:1fr 420px;align-items:center;gap:75px;width:min(1180px,92%);min-height:100vh;margin:auto;display:grid;position:relative}.citizen-login-left{padding:35px 0}.citizen-back{color:#7d8c9c;cursor:pointer;background:0 0;border:none;padding:0;font-size:10px;font-weight:700}.citizen-back:hover{color:#2563eb}.citizen-brand{align-items:center;gap:12px;margin-top:45px;display:flex}.citizen-logo{color:#fff;background:#2563eb;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:11px;font-weight:900;display:flex;box-shadow:0 10px 25px #2563eb33}.citizen-brand h3{color:#102a43;margin:0;font-size:18px}.citizen-brand h3 span{color:#2563eb}.citizen-brand p{color:#9aa7b5;margin:3px 0 0;font-size:8px}.citizen-hero{max-width:600px;margin-top:48px}.citizen-label{color:#2563eb;letter-spacing:1px;align-items:center;gap:8px;font-size:8px;font-weight:900;display:flex}.citizen-label span{background:#2563eb;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #2563eb1a}.citizen-hero h1{color:#102a43;letter-spacing:-3px;margin:20px 0;font-size:clamp(46px,5vw,65px);line-height:.98}.citizen-hero h1 strong{color:#2563eb}.citizen-hero p{color:#718096;max-width:510px;font-size:13px;line-height:1.8}.citizen-cards{gap:9px;margin-top:28px;display:flex}.citizen-feature{background:#ffffffc7;border:1px solid #e3eaf1;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;display:flex}.feature-icon{border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;font-size:11px;font-weight:900;display:flex}.blue-icon{color:#2563eb;background:#eaf2ff}.orange-icon{color:#d78318;background:#fff3e2}.green-icon{color:#26945a;background:#eaf8ef}.citizen-feature strong{color:#40566d;font-size:8px;display:block}.citizen-feature span{color:#9aa7b5;margin-top:2px;font-size:7px;display:block}.citizen-pulse-preview{box-sizing:border-box;background:#ffffffc7;border:1px solid #e2e9f0;border-radius:16px;width:475px;margin-top:25px;padding:15px;box-shadow:0 15px 35px #1f3c640d}.pulse-top{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.pulse-top small{color:#2563eb;letter-spacing:.8px;font-size:6px;font-weight:900;display:block}.pulse-top strong{color:#52677d;margin-top:3px;font-size:9px;display:block}.pulse-live{color:#26945a;font-size:7px;font-weight:900}.pulse-activity{border-top:1px solid #edf1f5;align-items:center;gap:9px;padding:9px 0;display:flex}.activity-dot{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:12px;display:flex}.road-dot{background:#fff3e2}.water-dot{background:#eaf2ff}.activity-text{flex:1}.activity-text strong{color:#52677d;font-size:8px;display:block}.activity-text span{color:#9aa7b5;margin-top:3px;font-size:7px;display:block}.activity-status{color:#7b8b9b;background:#f1f5f9;border-radius:12px;padding:5px 7px;font-size:6px;font-weight:800}.citizen-login-right{flex-direction:column;align-items:center;display:flex}.citizen-login-card{box-sizing:border-box;background:#fffffff7;border:1px solid #e1e8f0;border-radius:22px;width:100%;padding:34px;box-shadow:0 30px 80px #1f3c641f}.citizen-card-icon{background:#eaf2ff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;display:flex}.citizen-card-heading{margin-top:20px}.small-label{color:#2563eb;letter-spacing:.9px;font-size:7px;font-weight:900}.citizen-card-heading h2{color:#102a43;letter-spacing:-1px;margin:8px 0 5px;font-size:28px}.citizen-card-heading p{color:#8997a6;margin:0 0 26px;font-size:9px;line-height:1.6}.citizen-field{margin-bottom:18px}.citizen-field label{color:#40566d;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.citizen-field-header{justify-content:space-between;align-items:center;display:flex}.citizen-field-header span{color:#a2adb8;font-size:7px}.citizen-input{box-sizing:border-box;background:#fafbfd;border:1px solid #dce4ed;border-radius:10px;align-items:center;height:48px;padding:0 12px;transition:all .2s;display:flex}.citizen-input:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb12}.citizen-input>span{color:#9ba8b5;width:28px;font-size:10px;font-weight:800}.citizen-input input{color:#243b53;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:10px}.citizen-input input::placeholder{color:#aeb8c2}.citizen-input button{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:7px;font-weight:800}.citizen-error{color:#d14f4f;background:#fff1f1;border-radius:8px;align-items:center;gap:8px;margin-bottom:15px;padding:10px;font-size:8px;display:flex}.citizen-error span{color:#fff;background:#e05252;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-weight:900;display:flex}.citizen-error p{margin:0}.citizen-login-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 13px 0 18px;font-size:10px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 10px 24px #2563eb30}.citizen-login-button b{background:#ffffff29;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;font-size:14px;display:flex}.citizen-login-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.citizen-register{justify-content:center;gap:4px;margin-top:21px;font-size:8px;display:flex}.citizen-register span{color:#9aa7b5}.citizen-register button{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:8px;font-weight:800}.officer-link{border-top:1px solid #edf1f5;justify-content:center;gap:4px;margin-top:20px;padding-top:18px;font-size:7px;display:flex}.officer-link span{color:#a1acb7}.officer-link button{color:#52677d;cursor:pointer;background:0 0;border:none;padding:0;font-size:7px;font-weight:800}.officer-link button:hover{color:#2563eb}.citizen-footer{color:#a2adb8;justify-content:space-between;width:100%;margin-top:12px;padding:0 3px;font-size:7px;display:flex}@media (width<=1000px){.citizen-login-wrapper{grid-template-columns:1fr;gap:30px;width:min(600px,92%);padding:35px 0}.citizen-login-left{text-align:center}.citizen-brand{justify-content:center}.citizen-hero{margin-left:auto;margin-right:auto}.citizen-label,.citizen-cards{justify-content:center}.citizen-pulse-preview{margin-left:auto;margin-right:auto}}@media (width<=600px){.citizen-login-wrapper{width:92%}.citizen-hero h1{letter-spacing:-2px;font-size:43px}.citizen-hero p{font-size:11px}.citizen-cards{display:none}.citizen-pulse-preview{width:100%}.citizen-login-card{padding:25px 20px}}.admin-login-page{color:#102a43;background:radial-gradient(circle at 10% 20%,#2563eb17,#0000 30%),radial-gradient(circle at 90% 80%,#0ea5e912,#0000 30%),#f7f9fc;min-height:100vh;position:relative;overflow:hidden}.admin-bg-circle{pointer-events:none;border-radius:50%;position:absolute}.circle-one{background:#2563eb0a;width:450px;height:450px;top:-250px;right:-200px}.circle-two{background:#0ea5e90a;width:400px;height:400px;bottom:-250px;left:-220px}.admin-login-wrapper{z-index:2;grid-template-columns:1fr 430px;align-items:center;gap:80px;width:min(1180px,92%);min-height:100vh;margin:auto;display:grid;position:relative}.admin-login-intro{padding:35px 0}.admin-back-btn{color:#8190a0;cursor:pointer;background:0 0;border:none;padding:0;font-size:10px;font-weight:700}.admin-back-btn:hover{color:#2563eb}.admin-brand{align-items:center;gap:12px;margin-top:42px;display:flex}.admin-logo{color:#fff;background:#2563eb;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:11px;font-weight:900;display:flex;box-shadow:0 10px 25px #2563eb2e}.admin-brand h3{color:#102a43;margin:0;font-size:18px}.admin-brand h3 span{color:#2563eb}.admin-brand p{color:#9aa7b5;letter-spacing:.8px;margin:3px 0 0;font-size:7px}.admin-intro-content{max-width:590px;margin-top:48px}.admin-small-label{color:#2563eb;letter-spacing:1px;align-items:center;gap:8px;font-size:8px;font-weight:900;display:flex}.admin-small-label span{background:#2563eb;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #2563eb17}.admin-intro-content h1{color:#102a43;letter-spacing:-3px;margin:20px 0;font-size:clamp(44px,5vw,64px);line-height:.98}.admin-intro-content h1 strong{color:#2563eb}.admin-intro-content p{color:#718096;max-width:500px;font-size:12px;line-height:1.8}.admin-feature-list{flex-direction:column;gap:10px;margin-top:30px;display:flex}.admin-feature{background:#ffffffb8;border:1px solid #e2e9f0;border-radius:11px;align-items:center;gap:11px;width:fit-content;padding:9px 13px;display:flex}.admin-feature-icon{background:#edf3ff;border-radius:8px;justify-content:center;align-items:center;width:29px;height:29px;font-size:12px;display:flex}.admin-feature strong{color:#52677d;font-size:8px;display:block}.admin-feature span{color:#9aa7b5;margin-top:3px;font-size:7px;display:block}.admin-login-right{flex-direction:column;align-items:center;display:flex}.admin-login-card{box-sizing:border-box;background:#fffffff7;border:1px solid #e1e8f0;border-radius:22px;width:100%;padding:34px;box-shadow:0 30px 80px #1f3c641f}.admin-card-top{align-items:center;gap:10px;display:flex}.admin-lock-icon{background:#edf3ff;border-radius:11px;justify-content:center;align-items:center;width:41px;height:41px;font-size:15px;display:flex}.admin-secure-label{color:#2563eb;letter-spacing:.8px;font-size:7px;font-weight:900}.admin-card-heading{margin-top:20px}.admin-card-heading h2{color:#102a43;letter-spacing:-1px;margin:0;font-size:28px}.admin-card-heading p{color:#8b98a6;margin:7px 0 25px;font-size:9px;line-height:1.6}.admin-field{margin-bottom:18px}.admin-field label{color:#40566d;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.admin-password-heading{justify-content:space-between;display:flex}.admin-password-heading span{color:#a1acb7;font-size:7px}.admin-input{box-sizing:border-box;background:#fafbfd;border:1px solid #dce4ed;border-radius:10px;align-items:center;height:48px;padding:0 12px;transition:all .2s;display:flex}.admin-input:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb12}.admin-input>span{color:#9ba8b5;width:29px;font-size:9px;font-weight:800}.admin-input input{color:#243b53;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:10px}.admin-input input::placeholder{color:#aeb8c2}.admin-input button{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:7px;font-weight:800}.admin-error{color:#d14f4f;background:#fff1f1;border-radius:8px;align-items:center;gap:8px;margin-bottom:15px;padding:10px;display:flex}.admin-error div{color:#fff;background:#e05252;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;font-size:9px;font-weight:900;display:flex}.admin-error p{margin:0;font-size:8px;line-height:1.4}.admin-login-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 13px 0 18px;font-size:10px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 10px 25px #2563eb2e}.admin-login-button b{background:#ffffff29;border-radius:7px;justify-content:center;align-items:center;width:27px;height:27px;font-size:14px;display:flex}.admin-login-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2563eb3d}.admin-login-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.admin-demo{background:#fafbfd;border:1px dashed #dce4ed;border-radius:9px;margin-top:20px;padding:12px}.admin-demo-title{color:#8a98a6;letter-spacing:.8px;margin-bottom:8px;font-size:6px;font-weight:900}.admin-demo-row{justify-content:space-between;margin-top:5px;font-size:7px;display:flex}.admin-demo-row span{color:#9aa7b5}.admin-demo-row strong{color:#52677d;font-size:7px}.admin-citizen-link{border-top:1px solid #edf1f5;justify-content:center;gap:4px;margin-top:19px;padding-top:17px;font-size:7px;display:flex}.admin-citizen-link span{color:#a1acb7}.admin-citizen-link button{color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;font-size:7px;font-weight:800}.admin-footer{color:#a1acb7;justify-content:space-between;width:100%;margin-top:12px;padding:0 3px;font-size:7px;display:flex}@media (width<=1000px){.admin-login-wrapper{grid-template-columns:1fr;gap:30px;width:min(600px,92%);padding:35px 0}.admin-login-intro{text-align:center}.admin-brand{justify-content:center}.admin-intro-content{margin-left:auto;margin-right:auto}.admin-small-label{justify-content:center}.admin-feature-list{align-items:center}}@media (width<=600px){.admin-login-wrapper{width:92%}.admin-intro-content h1{letter-spacing:-2px;font-size:43px}.admin-intro-content p{font-size:11px}.admin-feature-list{display:none}.admin-login-card{padding:25px 20px}.admin-footer{font-size:6px}}.citizen-login-page{background:radial-gradient(circle at 10% 20%,#2563eb1f,#0000 32%),radial-gradient(circle at 90% 80%,#0ea5e91f,#0000 30%),linear-gradient(135deg,#f8fafc 0%,#eef4ff 48%,#f8fafc 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.citizen-login-page:before{content:"";border:1px solid #2563eb1a;border-radius:50%;width:420px;height:420px;position:absolute;top:-180px;left:-120px}.citizen-login-page:after{content:"";border:1px solid #0ea5e91a;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-260px;right:-180px}.citizen-login-wrapper{z-index:2;flex-direction:column;align-items:center;width:100%;max-width:470px;display:flex;position:relative}.citizen-login-brand{color:#0f172a;align-items:center;gap:12px;margin-bottom:24px;text-decoration:none;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:16px;font-weight:800;display:flex;box-shadow:0 10px 25px #2563eb40}.citizen-login-brand strong{letter-spacing:-.7px;font-size:23px;font-weight:800}.citizen-login-brand span{color:#2563eb;margin-left:3px;font-size:13px;font-weight:800}.citizen-login-brand div:last-child{align-items:center;display:flex}.citizen-login-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #e2e8f0f2;border-radius:26px;width:100%;padding:38px 38px 30px;box-shadow:0 25px 70px #0f172a1a,0 5px 20px #0f172a0a}.citizen-login-icon{background:linear-gradient(135deg,#eff6ff,#e0f2fe);border:1px solid #dbeafe;border-radius:18px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:22px;font-size:29px;display:flex;box-shadow:0 8px 20px #2563eb14}.citizen-login-label{color:#2563eb;letter-spacing:1.2px;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;align-items:center;margin-bottom:13px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.citizen-login-heading h1{color:#0f172a;letter-spacing:-1.3px;margin:0;font-size:34px;font-weight:800;line-height:1.15}.citizen-login-heading p{color:#64748b;margin:12px 0 28px;font-size:14px;line-height:1.7}.citizen-login-card form{width:100%}.citizen-login-field{margin-bottom:19px}.citizen-login-field label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.citizen-input-wrapper{background:#fff;border:1px solid #dbe2ea;border-radius:13px;align-items:center;height:54px;padding:0 15px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.citizen-input-wrapper>span{opacity:.75;justify-content:flex-start;align-items:center;width:28px;font-size:17px;display:flex}.citizen-input-wrapper input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;width:100%;height:100%;font-family:inherit;font-size:14px}.citizen-input-wrapper input::placeholder{color:#94a3b8}.citizen-input-wrapper:focus-within{border-color:#60a5fa;transform:translateY(-1px);box-shadow:0 0 0 4px #2563eb1a}.citizen-login-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:11px;margin:4px 0 17px;padding:12px 14px;font-size:13px;line-height:1.5}.citizen-login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#0ea5e9);border:none;border-radius:13px;justify-content:center;align-items:center;gap:10px;width:100%;height:55px;font-size:14px;font-weight:750;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 12px 25px #2563eb38}.citizen-login-button span{font-size:20px;transition:transform .2s}.citizen-login-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px #2563eb47}.citizen-login-button:hover span{transform:translate(4px)}.citizen-login-button:active{transform:translateY(0)}.citizen-login-button:disabled{cursor:not-allowed;opacity:.65;box-shadow:none;transform:none}.citizen-login-register{text-align:center;border-top:1px solid #eef2f7;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-top:23px;padding-top:21px;font-size:13px;display:flex}.citizen-login-register span{color:#64748b}.citizen-login-register a{color:#2563eb;font-weight:750;text-decoration:none}.citizen-login-register a:hover{text-decoration:underline}.citizen-officer-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:15px;grid-template-columns:42px 1fr;align-items:center;column-gap:11px;margin-top:23px;padding:16px;display:grid}.citizen-officer-box>div:first-child{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.citizen-officer-box>div:nth-child(2){min-width:0}.citizen-officer-box strong{color:#334155;margin-bottom:3px;font-size:12px;display:block}.citizen-officer-box p{color:#64748b;margin:0;font-size:11px;line-height:1.5}.citizen-officer-box a{color:#475569;text-align:center;border-top:1px solid #e2e8f0;grid-column:1/-1;margin-top:12px;padding-top:11px;font-size:12px;font-weight:700;text-decoration:none}.citizen-officer-box a:hover{color:#2563eb}.citizen-login-footer{color:#94a3b8;text-align:center;letter-spacing:.2px;margin-top:22px;font-size:11px}.citizen-back-home{color:#64748b;margin-top:20px;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s,transform .2s}.citizen-back-home:hover{color:#2563eb;transform:translate(-2px)}@media (width<=600px){.citizen-login-page{padding:25px 14px}.citizen-login-card{border-radius:21px;padding:30px 22px 25px}.citizen-login-heading h1{font-size:29px}.citizen-login-heading p{font-size:13px}.brand-logo{width:42px;height:42px}.citizen-login-brand strong{font-size:21px}}*{box-sizing:border-box}body{color:#172033;background:#f4f7fb;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}html{scroll-behavior:smooth}button,a,input,textarea,select{transition:all .25s}.civic-navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border-bottom:1px solid #e7ebf2;justify-content:space-between;align-items:center;gap:25px;min-height:74px;padding:12px 5%;display:flex;position:sticky;top:0;box-shadow:0 4px 25px #14233c0f}.civic-logo{color:#16233b;align-items:center;gap:11px;text-decoration:none;display:flex}.logo-mark{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb,#38bdf8);border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 8px 20px #2563eb40}.civic-logo strong{font-size:18px}.civic-logo strong span{color:#2563eb}.civic-logo small{color:#7b879b;margin-top:2px;font-size:11px;display:block}.civic-nav-links{align-items:center;gap:7px;display:flex}.civic-nav-links a{color:#596579;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none}.civic-nav-links a:hover{color:#2563eb;background:#eef4ff}.civic-nav-links a.active{color:#2563eb;background:#eaf1ff}.reports-profile{color:#344054;background:#f4f7fb;border-radius:11px;padding:10px 15px;font-size:14px;font-weight:600;text-decoration:none}.reports-profile:hover{background:#e8eef9;transform:translateY(-1px)}.report-heading h1,.reports-heading h1,.pulse-map-header h1{letter-spacing:-1.5px;color:#172033;margin:10px 0;font-size:clamp(32px,4vw,48px)}.report-heading p,.reports-heading p,.pulse-map-header p{color:#6b778c;max-width:650px;font-size:15px;line-height:1.7}.badge{color:#2563eb;letter-spacing:1.2px;background:#eaf1ff;border-radius:999px;align-items:center;padding:7px 11px;font-size:10px;font-weight:800;display:inline-flex}.stat-card,.report-item,.result-card,.ai-result,.nearby-panel,.nearby-item,.area-analysis,.empty-reports{background:#fffffff2;border:1px solid #e8edf4;border-radius:18px;box-shadow:0 8px 30px #1f32510f}.stat-card,.report-item,.result-card,.nearby-item{transition:transform .25s,box-shadow .25s,border-color .25s}.stat-card:hover,.report-item:hover,.result-card:hover,.nearby-item:hover{border-color:#d6e2f5;transform:translateY(-4px);box-shadow:0 15px 35px #1f32511a}.report-form{background:#fff;border:1px solid #e7ebf2;border-radius:22px;padding:30px;box-shadow:0 12px 40px #192d4b12}.form-group{margin-bottom:22px}.form-group label{color:#344054;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.form-group input,.form-group textarea,.form-group select{color:#172033;background:#fbfcfe;border:1px solid #dce3ee;border-radius:12px;outline:none;width:100%;padding:14px 15px;font-size:14px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background:#fff;border-color:#4f86ff;box-shadow:0 0 0 4px #2563eb14}.form-group textarea{resize:vertical;min-height:130px}.submit-button,.new-report-btn,.empty-report-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;font-weight:700;box-shadow:0 8px 20px #2563eb33}.submit-button:hover,.new-report-btn:hover,.empty-report-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #2563eb47}.submit-button:active,.new-report-btn:active{transform:translateY(0)}.ai-result{margin-top:30px;padding:28px}.ai-result h2{color:#172033;margin:12px 0 24px}.result-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.result-card{padding:20px}.result-card small{color:#8490a3;letter-spacing:1px;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.result-card strong{color:#172033;font-size:22px}.ai-analysis{background:linear-gradient(135deg,#f1f6ff,#f8fbff);border:1px solid #dce8ff;border-radius:14px;align-items:center;gap:15px;margin-top:22px;padding:17px 20px;display:flex}.ai-icon{color:#fff;background:#2563eb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex;box-shadow:0 7px 18px #2563eb38}.report-status{border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.status-submitted{color:#64748b;background:#eef2f7}.status-viewed{color:#2563eb;background:#eaf1ff}.status-assigned{color:#c77700;background:#fff4df}.status-progress{color:#d97706;background:#fff1dc}.status-resolved{color:#16834b;background:#e8f8ef}.real-map{border:1px solid #dce3ed;border-radius:22px;overflow:hidden;box-shadow:0 15px 40px #192d4b1a}.map-toolbar{justify-content:space-between;align-items:center;gap:15px;margin:20px 0;display:flex}.map-filters{flex-wrap:wrap;gap:7px;display:flex}.map-filters button{color:#596579;cursor:pointer;background:#fff;border:1px solid #e0e6ef;border-radius:10px;padding:9px 13px;font-weight:600}.map-filters button:hover{color:#2563eb;border-color:#a9c3f8}.map-filters button.active-filter{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 5px 15px #2563eb2e}.analyze-button{color:#fff;cursor:pointer;background:#172033;border:none;border-radius:11px;padding:11px 16px;font-weight:700}.analyze-button:hover{background:#2563eb;transform:translateY(-2px)}.civic-alert{background:linear-gradient(135deg,#edf6ff,#f7fbff);border:1px solid #d9e8ff;border-radius:16px;align-items:center;gap:15px;margin:20px 0;padding:16px 20px;display:flex}.alert-icon{color:#fff;background:#2563eb;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}@media (width<=900px){.civic-navbar{flex-wrap:wrap}.civic-nav-links{order:3;width:100%;overflow-x:auto}.result-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.civic-navbar{padding:12px 4%}.civic-nav-links a{white-space:nowrap;padding:8px 10px;font-size:12px}.result-grid{grid-template-columns:1fr}.report-form,.ai-result{padding:20px}.map-toolbar{flex-direction:column;align-items:stretch}.analyze-button{width:100%}}.login-button-group{align-items:center;gap:10px;display:flex}.nav-login{color:#fff;background:#2563eb;border:1px solid #2563eb;transition:all .2s}.nav-login:hover{color:#fff;background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px)}.nav-officer-login{color:#173b63;background:#fff;border:1px solid #cbd5e1;transition:all .2s}.nav-officer-login:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb;transform:translateY(-1px)}.navbar{justify-content:space-between;align-items:center;gap:30px;display:flex}.nav-links{align-items:center;gap:22px;display:flex}.logo{flex-shrink:0}@media (width<=900px){.navbar{flex-wrap:wrap}.nav-links{flex-wrap:wrap;justify-content:center;gap:12px;width:100%}.login-button-group{flex-wrap:wrap;justify-content:center}}@media (width<=600px){.login-button-group{width:100%}.nav-login,.nav-officer-login,.nav-register{flex:1;min-width:130px}}