@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&display=swap";html,body,#root,.app-container{margin:0;padding:0;width:100%;height:100%;overflow:visible}.map-page-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;flex-direction:row;overflow:hidden}.leaflet-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1}.enhanced-map-controls{position:absolute;top:15px;left:15px;z-index:1000;display:flex;flex-direction:column;gap:10px;pointer-events:none;overflow:visible}.enhanced-map-controls .left-controls{display:flex;flex-direction:column;gap:10px;pointer-events:auto;overflow:visible}.enhanced-map-controls .right-controls{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:1001;pointer-events:auto;overflow:visible}.enhanced-map-controls .right-controls .map-button{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px #00000026;padding:8px 12px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.enhanced-map-controls .right-controls .map-button:hover{background-color:#f5f5f5}.enhanced-map-controls .right-controls .map-button.active{background-color:#1890ff;color:#fff;border-color:#1890ff}.dark-mode .enhanced-map-controls .right-controls .map-button{background-color:#1f1f1f;border-color:#333;color:#f0f0f0}.dark-mode .enhanced-map-controls .right-controls .map-button:hover{background-color:#2a2a2a}.dark-mode .enhanced-map-controls .right-controls .map-button.active{background-color:#1890ff;border-color:#1890ff}.sidebar{height:100vh;overflow-y:auto;position:relative;z-index:2}.leaflet-top.leaflet-left{top:15px;left:15px;z-index:1000}.leaflet-control-zoom{border:2px solid rgba(0,0,0,.2);background-clip:padding-box;margin:0!important;box-shadow:0 1px 5px #0006;border-radius:4px;background:#fff}.leaflet-control-zoom a{width:30px;height:30px;line-height:30px;font-size:22px;border-bottom:1px solid #ccc}.leaflet-control-zoom a:last-child{border-bottom:none}body{margin:0;padding:0;overflow:hidden}*{box-sizing:border-box}.dropdown-container{position:relative;overflow:visible!important;z-index:1150}.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;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.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{max-width:none!important;max-height:none!important;width:auto;padding:0}.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:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.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{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.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;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;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{-webkit-transition:none;-moz-transition:none;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{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 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-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.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-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.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{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;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:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;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{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.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{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.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{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.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{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;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{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{-webkit-transition:-webkit-transform .3s ease-out,opacity .3s ease-in;-moz-transition:-moz-transform .3s ease-out,opacity .3s ease-in;-o-transition:-o-transform .3s ease-out,opacity .3s ease-in;transition:transform .3s ease-out,opacity .3s ease-in}.leaflet-cluster-spider-leg{-webkit-transition:-webkit-stroke-dashoffset .3s ease-out,-webkit-stroke-opacity .3s ease-in;-moz-transition:-moz-stroke-dashoffset .3s ease-out,-moz-stroke-opacity .3s ease-in;-o-transition:-o-stroke-dashoffset .3s ease-out,-o-stroke-opacity .3s ease-in;transition:stroke-dashoffset .3s ease-out,stroke-opacity .3s ease-in}.marker-cluster-small{background-color:#b5e28c99}.marker-cluster-small div{background-color:#6ecc3999}.marker-cluster-medium{background-color:#f1d35799}.marker-cluster-medium div{background-color:#f0c20c99}.marker-cluster-large{background-color:#fd9c7399}.marker-cluster-large div{background-color:#f1801799}.leaflet-oldie .marker-cluster-small{background-color:#b5e28c}.leaflet-oldie .marker-cluster-small div{background-color:#6ecc39}.leaflet-oldie .marker-cluster-medium{background-color:#f1d357}.leaflet-oldie .marker-cluster-medium div{background-color:#f0c20c}.leaflet-oldie .marker-cluster-large{background-color:#fd9c73}.leaflet-oldie .marker-cluster-large div{background-color:#f18017}.marker-cluster{background-clip:padding-box;border-radius:20px}.marker-cluster div{width:30px;height:30px;margin-left:5px;margin-top:5px;text-align:center;border-radius:15px;font:12px Helvetica Neue,Arial,Helvetica,sans-serif}.marker-cluster span{line-height:30px}body{margin:0;padding:0;font-family:Roboto,Segoe UI,Arial,sans-serif;background-color:#f5f6fa;color:#3b3b3b}.map-page-container{display:flex;flex-direction:row;height:100vh;overflow:hidden}.sidebar{width:var(--detail-sidebar-width);background:var(--detail-sidebar-bg);box-shadow:var(--detail-sidebar-shadow);padding:0;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;height:100vh;position:sticky;top:0;z-index:1000;color:var(--detail-sidebar-text);border-right:1px solid var(--detail-sidebar-border);display:flex;flex-direction:column}.sidebar-header{padding:16px 20px;text-align:center;margin-bottom:0;border-bottom:1px solid var(--detail-sidebar-border);position:relative;flex-shrink:0}.sidebar-header h2{font-size:1.4rem;font-weight:600;margin-bottom:8px;letter-spacing:.3px}.filter-count{font-size:.85rem;background:#00000008;padding:5px 12px;border-radius:20px;display:inline-flex;align-items:center;margin-top:6px}.sidebar h2,.sidebar h3{margin-top:0;font-weight:600;color:var(--detail-sidebar-text)}.sidebar h3{font-size:1rem;margin-bottom:.8rem;letter-spacing:.3px;border-left:2px solid var(--detail-sidebar-active-border);padding-left:10px}.filter-section{padding:16px 20px;border-bottom:1px solid var(--detail-sidebar-border)}.filter-group{margin-bottom:1.5rem;padding:0}.filter-group:last-child{margin-bottom:0}.price-slider-container{margin-top:.8rem}.price-slider{width:100%;height:6px;-webkit-appearance:none;background:#0000001a;border-radius:5px;outline:none;margin-bottom:.8rem;cursor:pointer}.price-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#3498db;box-shadow:0 0 8px #3498db99;cursor:pointer;transition:all .2s ease}.price-value{font-weight:600;color:#2c3e50;background:#3498db26;padding:4px 12px;border-radius:12px}.multi-select,.state-select,.city-select{max-height:180px;overflow-y:auto;background:#fff6;border-radius:var(--detail-sidebar-item-radius);border:1px solid var(--detail-sidebar-border);padding:.8rem;margin-top:.5rem;box-shadow:inset 0 1px 3px #0000000d}.multi-select::-webkit-scrollbar-track,.state-select::-webkit-scrollbar-track,.city-select::-webkit-scrollbar-track{background:transparent}.checkbox-item,.checkbox-item.enhanced{margin-bottom:.6rem;transition:background .2s ease}.checkbox-item:hover,.checkbox-item.enhanced:hover{background:#0000000d;border-radius:4px}.checkbox-container,.checkbox-container.enhanced{display:flex;align-items:center;position:relative;padding-left:30px;cursor:pointer;font-size:.95rem;color:#2c3e50;font-weight:500;-webkit-user-select:none;user-select:none;line-height:1.5}.checkmark,.checkmark.enhanced{position:absolute;left:0;height:20px;width:20px;background-color:#fffc;border:2px solid rgba(0,0,0,.2);border-radius:4px;transition:all .2s ease}.checkbox-container:hover input~.checkmark,.checkbox-container.enhanced:hover input~.checkmark.enhanced{border-color:#3498db}.checkbox-container input:checked~.checkmark,.checkbox-container.enhanced input:checked~.checkmark.enhanced{background-color:#3498db;border-color:#3498db}.filter-actions{display:flex;justify-content:space-between;margin-bottom:.5rem;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.08)}.no-results{color:#94a3b8;font-size:.9rem;padding:.5rem;text-align:center;font-style:italic}.btn-link{background:none;border:none;color:var(--detail-sidebar-active-border);font-size:.85rem;font-weight:500;cursor:pointer;padding:0;text-decoration:none;transition:var(--detail-sidebar-transition);position:relative}.btn-link:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:var(--detail-sidebar-active-border);transition:width .25s ease}.search-filter{margin-bottom:.8rem}.search-input{width:100%;padding:10px 12px;border:1px solid var(--detail-sidebar-border);border-radius:var(--detail-sidebar-item-radius);font-size:.9rem;color:var(--detail-sidebar-text);background:#fff9;box-sizing:border-box;transition:var(--detail-sidebar-transition);box-shadow:inset 0 1px 3px #0000000d}.search-input:focus{outline:none;border-color:var(--detail-sidebar-active-border);background:#fffc;box-shadow:0 0 0 2px #3498db33}.show-more-btn{background:#00000008;border:1px solid var(--detail-sidebar-border);border-radius:var(--detail-sidebar-item-radius);color:var(--detail-sidebar-text);font-size:.85rem;font-weight:500;cursor:pointer;padding:.5rem 0;width:100%;text-align:center;transition:var(--detail-sidebar-transition);margin-top:.5rem}.show-more-btn:hover{background:var(--detail-sidebar-hover);border-color:#0000001f;transform:translateY(-1px)}.results-section{padding:16px 20px;flex-grow:1;overflow-y:auto}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.btn-sort{background:#00000008;border:1px solid var(--detail-sidebar-border);border-radius:var(--detail-sidebar-item-radius);padding:.4rem .8rem;font-size:.85rem;color:var(--detail-sidebar-text);cursor:pointer;display:flex;align-items:center;transition:var(--detail-sidebar-transition)}.btn-sort:hover{background:var(--detail-sidebar-hover);border-color:#0000001f}.sort-icon{margin-right:5px;font-style:normal}.park-list{list-style:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:8px}.park-item{margin-bottom:.5rem}.park-item button{background:#fff6;border:1px solid var(--detail-sidebar-border);border-radius:var(--detail-sidebar-item-radius);padding:.8rem 1rem;width:100%;text-align:left;cursor:pointer;transition:var(--detail-sidebar-transition);box-shadow:0 1px 3px #0000000d}.park-item button:hover{background:#fff9;border-color:#0000001f;box-shadow:0 2px 5px #0000001a;transform:translateY(-1px)}.park-name{font-weight:600;color:var(--detail-sidebar-text);margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.park-details{display:flex;justify-content:space-between;font-size:.85rem}.park-location{color:var(--detail-sidebar-text-muted)}.park-cost{font-weight:600;color:var(--detail-sidebar-active-border)}.map-style-toggle{position:relative}.style-toggle-btn,.display-mode-toggle-btn{position:absolute;z-index:1000;background:#fff;border:2px solid rgba(0,0,0,.2);border-radius:4px;padding:6px 10px;box-shadow:0 1px 5px #000000a6;cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;gap:5px}.style-toggle-btn{top:10px;right:10px}.display-mode-toggle-btn{top:50px;right:10px}.animated-marker{position:relative;width:32px;height:32px;display:flex;justify-content:center;align-items:center;pointer-events:auto!important;z-index:1000!important}.marker-inner{position:absolute;width:16px;height:16px;border-radius:50%;z-index:3;border:2px solid white;box-sizing:border-box;transition:transform .2s ease}.marker-outer-glow{position:absolute;width:28px;height:28px;border-radius:50%;z-index:2;opacity:.8}.blue .marker-inner{background:#007bff;box-shadow:0 0 4px #0000004d}.blue .marker-outer-glow{background:#007bff33;border:1px solid rgba(0,123,255,.6)}.red .marker-inner{background:#ff3a33;box-shadow:0 0 4px #0000004d}.red .marker-outer-glow{background:#ff3a3333;border:1px solid rgba(255,58,51,.6)}.animated-marker:hover .marker-inner{transform:scale(1.2)}.custom-user-marker{position:relative;width:36px;height:36px;display:flex;justify-content:center;align-items:center;pointer-events:auto!important;z-index:1000!important}.custom-marker-outer{position:absolute;width:32px;height:32px;border-radius:50%;z-index:2;opacity:.7;border:2px dashed rgba(255,255,255,.8);animation:rotate 8s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-marker-inner{position:absolute;width:24px;height:24px;border-radius:50%;z-index:3;opacity:.6}.custom-marker-center{position:absolute;width:10px;height:10px;border-radius:50%;z-index:4;background:#fff;border:2px solid rgba(0,0,0,.5);box-shadow:0 0 4px #0000004d}.green .custom-marker-outer{border-color:#4caf50cc}.green .custom-marker-inner{background:#4caf5066;border:1px solid rgba(76,175,80,.8)}.purple .custom-marker-outer{border-color:#9c27b0cc}.purple .custom-marker-inner{background:#9c27b066;border:1px solid rgba(156,39,176,.8)}.orange .custom-marker-outer{border-color:#ff9800cc}.orange .custom-marker-inner{background:#ff980066;border:1px solid rgba(255,152,0,.8)}.blue .custom-marker-outer{border-color:#2196f3cc}.blue .custom-marker-inner{background:#2196f366;border:1px solid rgba(33,150,243,.8)}.red .custom-marker-outer{border-color:#f44336cc}.red .custom-marker-inner{background:#f4433666;border:1px solid rgba(244,67,54,.8)}.custom-user-marker:hover .custom-marker-inner{opacity:.8}.custom-user-marker:hover .custom-marker-center{transform:scale(1.2)}.custom-marker-popup{padding:16px;font-family:Roboto,Segoe UI,Arial,sans-serif;min-width:240px;border-radius:8px;box-shadow:0 2px 10px #0000001a;background:#fff}.custom-marker-popup-header{display:flex;align-items:center;margin-bottom:16px;position:relative}.custom-marker-popup-title-display{font-weight:600;color:#333;font-size:16px;flex-grow:1;cursor:pointer;padding:6px 0;display:flex;align-items:center;gap:8px}.custom-marker-popup-title-display:hover{color:#2196f3}.custom-marker-popup-title-display .edit-icon{opacity:.5;font-size:14px;transition:opacity .2s ease}.custom-marker-popup-label-input{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:15px;font-weight:500;box-sizing:border-box;margin-right:8px}.custom-marker-popup-label-input:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 2px #2196f333}.custom-marker-popup-edit-actions{display:flex;align-items:center;gap:8px}.custom-marker-popup-edit-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.custom-marker-popup-edit-button.confirm{color:#4caf50}.custom-marker-popup-edit-button.cancel{color:#f44336}.custom-marker-popup-edit-button:hover{background-color:#0000000d}.custom-marker-popup-coords{display:flex;flex-direction:column;gap:6px;font-size:12px;margin-bottom:16px;color:#666}.custom-marker-popup-coord-item{display:flex;justify-content:space-between;align-items:center}.custom-marker-popup-coord-label{font-weight:500;color:#888}.custom-marker-popup-coord-value{font-family:monospace;background:#f5f5f5;padding:3px 8px;border-radius:3px;color:#333;font-size:12px;display:flex;align-items:center;gap:6px}.custom-marker-popup-coord-value .copy-icon{cursor:pointer;opacity:.5;transition:opacity .2s ease}.custom-marker-popup-coord-value .copy-icon:hover{opacity:1}.custom-marker-popup-color-options{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;justify-content:center}.custom-marker-popup-color-option{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s ease;position:relative}.custom-marker-popup-color-option:hover{transform:scale(1.1)}.custom-marker-popup-color-option.selected{border-color:#333}.custom-marker-popup-color-option.selected:after{content:"";position:absolute;width:10px;height:10px;background-color:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-marker-popup-color-option.green{background-color:#4caf50}.custom-marker-popup-color-option.purple{background-color:#9c27b0}.custom-marker-popup-color-option.orange{background-color:#ff9800}.custom-marker-popup-color-option.blue{background-color:#2196f3}.custom-marker-popup-color-option.red{background-color:#f44336}.custom-marker-popup-button{flex:1;padding:10px 0;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.custom-marker-popup-button.save{background-color:#4caf50;color:#fff}.custom-marker-popup-button.save:hover{background-color:#45a049}.custom-marker-popup-button.remove{background-color:#ff5252;color:#fff}.custom-marker-popup-button.remove:hover{background-color:#ff1744}.custom-marker-popup-container .leaflet-popup-content-wrapper{border-radius:8px;padding:0;overflow:hidden;box-shadow:0 3px 14px #00000026}.custom-marker-popup-container .leaflet-popup-content{margin:0;width:auto!important}.custom-marker-popup-container .leaflet-popup-close-button{color:#666;font-size:18px;padding:4px;width:24px;height:24px;right:10px;top:10px;z-index:1500;text-decoration:none;background:none;border:none;box-shadow:none;display:flex;align-items:center;justify-content:center}.custom-marker-popup-container .leaflet-popup-close-button:hover{color:#333;background-color:#0000000d;border-radius:50%}.custom-marker-popup{padding:12px 30px 12px 12px}.custom-marker-popup-header{margin-bottom:12px;position:relative;height:40px;display:block}.custom-marker-popup-edit-container{width:100%;position:absolute;top:0;left:0;right:0}.custom-marker-popup-title-display{font-size:16px;font-weight:700;padding:6px 8px;border-radius:4px;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;transition:background-color .2s;position:absolute;top:0;left:0;right:0;height:100%;box-sizing:border-box}.title-text{margin-left:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-marker-popup-title-display:hover{background-color:#0000000d}.edit-icon{position:relative;margin-right:8px;opacity:.6;font-size:14px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background-color:#0000000d;border-radius:50%}.custom-marker-popup-title-display:hover .edit-icon{opacity:1}.custom-marker-popup-label-input{width:100%;padding:6px 8px;border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:6px;box-sizing:border-box}.custom-marker-popup-edit-actions{display:flex;justify-content:flex-end;gap:6px;margin-bottom:0}.custom-marker-popup-edit-button{border:none;background:none;cursor:pointer;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.custom-marker-popup-edit-button.confirm{background-color:#a5d6a7;color:#000000b3}.custom-marker-popup-edit-button.cancel{background-color:#ef9a9a;color:#000000b3}.custom-marker-popup-coords{margin-bottom:12px;background-color:#00000008;border-radius:4px;padding:8px}.custom-marker-popup-coord-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.custom-marker-popup-coord-item:last-child{margin-bottom:0}.custom-marker-popup-coord-label{font-weight:500;color:#555}.custom-marker-popup-coord-value{display:flex;align-items:center}.copy-icon{margin-left:6px;cursor:pointer;opacity:.6;transition:opacity .2s}.copy-icon:hover{opacity:1}.custom-marker-popup-color-options{display:flex;justify-content:center;gap:10px;margin-bottom:12px}.custom-marker-popup-color-option{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.custom-marker-popup-color-option:hover{transform:scale(1.1);box-shadow:0 3px 6px #00000026}.custom-marker-popup-color-option.selected{border:2px solid #fff;box-shadow:0 0 0 2px #333}.custom-marker-popup-color-option.green{background-color:#a5d6a7}.custom-marker-popup-color-option.purple{background-color:#ce93d8}.custom-marker-popup-color-option.orange{background-color:#ffcc80}.custom-marker-popup-color-option.blue{background-color:#90caf9}.custom-marker-popup-color-option.red{background-color:#ef9a9a}.custom-marker-popup-actions{display:flex;justify-content:space-between;gap:10px}.custom-marker-popup-button{flex:1;padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.custom-marker-popup-button span{margin-right:6px}.custom-marker-popup-button.save{background-color:#a5d6a7;color:#000000b3;box-shadow:0 2px 4px #0000001a}.custom-marker-popup-button.save:hover{background-color:#81c784}.custom-marker-popup-button.remove{background-color:#ef9a9a;color:#000000b3;box-shadow:0 2px 4px #0000001a}.custom-marker-popup-button.remove:hover{background-color:#e57373}.leaflet-div-icon{background:transparent;border:none}.filter-group h3{display:flex;align-items:center;gap:12px;padding:0}.info-icon{display:inline-block;position:relative;cursor:pointer;font-size:16px;color:#3498db;transition:color .2s ease;z-index:1001;opacity:.7;transition:opacity .25s ease}.info-icon:hover{color:#2980b9;opacity:1}.tooltip{position:absolute;bottom:calc(100% + 10px);left:0;min-width:200px;max-width:300px;white-space:normal;word-break:break-word;line-height:1.4;background:#fff;color:#2c3e50;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:2000;font-size:14px;padding:.6rem 1rem;text-align:left;pointer-events:none}.tooltip:after{content:"";position:absolute;top:100%;left:15px;border-width:5px;border-style:solid;border-color:#ffffff transparent transparent transparent}.fixed-actions{display:flex;justify-content:space-between;margin-bottom:.5rem;padding-top:.5rem;border-top:1px solid #f1f5f9;position:sticky;top:0;background:#fff;z-index:10}.popup-button{display:block;margin:10px auto 0;background:linear-gradient(135deg,#6c63ff,#3f3d56);color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.popup-button:hover{background:linear-gradient(135deg,#6c63ff,#3f3d56);box-shadow:0 4px 6px #0000001a}.country-selector{padding:1.2rem;border-bottom:1px solid rgba(255,255,255,.1)}.country-selector h3{margin-bottom:.5rem;color:#ecf0f1;font-size:1rem}.country-buttons{display:flex;flex-wrap:wrap;gap:8px}.country-btn{flex:1;padding:10px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;color:#ecf0f1;transition:all .25s ease;box-shadow:0 1px 3px #0000001a}.country-btn:hover{background:#ffffff26;transform:translateY(-1px);box-shadow:0 2px 5px #00000026}.country-btn.active{background:#3498db;color:#fff;border-color:#3498db;box-shadow:0 2px 8px #3498db4d}.province-select{display:flex;flex-wrap:wrap;gap:8px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2);padding:.8rem;margin-top:.5rem}.province-item{margin-bottom:.6rem}.province-button{width:100%;text-align:left;padding:10px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;color:#ecf0f1;transition:all .25s ease;box-shadow:0 1px 3px #0000001a}.province-button:hover{background:#ffffff26;border-color:#3498db4d;transform:translateY(-2px);box-shadow:0 2px 8px #00000026}.province-button.active{background:linear-gradient(135deg,#2980b9,#3498db);color:#fff;box-shadow:0 4px 12px #3498db4d}@media (max-width: 768px){.map-page-container{flex-direction:column}.sidebar{width:100%;height:auto;max-height:50vh}.map-container{height:50vh}}.marker-cluster{background-clip:padding-box;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:Roboto,Segoe UI,Arial,sans-serif;box-shadow:0 2px 10px #0003;border:3px solid rgba(255,255,255,.8);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);pointer-events:auto}.marker-cluster-small{background-color:#3498dbcc}.marker-cluster-medium{background-color:#f1c40fcc}.marker-cluster-large{background-color:#e74c3ccc}.cluster-marker{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.marker-cluster-polygon{pointer-events:none!important}.leaflet-marker-icon,.leaflet-marker-shadow{pointer-events:auto!important}.leaflet-marker-pane,.marker-with-events-passthrough{pointer-events:auto}.leaflet-pane{z-index:auto!important}.leaflet-overlay-pane{z-index:200!important;pointer-events:auto!important}.leaflet-popup{z-index:1000!important}.leaflet-container .leaflet-popup-close-button{z-index:2000!important;pointer-events:auto!important;cursor:pointer!important;position:absolute!important;top:10px!important;right:10px!important}.react-modal-overlay{z-index:2000!important}.react-modal-content{z-index:2001!important}.popup-button{position:relative;z-index:1001}.detail-panel{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;padding:20px;z-index:1000;overflow-y:auto}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.detail-section,.transport-section{margin-bottom:25px}.info-row{display:flex;justify-content:space-between;margin-bottom:12px;padding:8px;background:#f8f9fa;border-radius:6px}.label{font-weight:600;color:#2d3436}.value{color:#636e72;max-width:60%;text-align:right}:root{--sidebar-bg: #ffffff;--sidebar-text: #333333;--sidebar-border: rgba(0, 0, 0, .08);--sidebar-shadow: 0 2px 15px rgba(0, 0, 0, .1);--sidebar-radius: 8px;--primary-color: #3498db;--hover-bg: rgba(52, 152, 219, .08);--active-bg: rgba(52, 152, 219, .15);--transition: all .25s ease}.map-page-container{display:flex;width:100%;height:100vh;overflow:hidden}.main-sidebar{width:25vw;min-width:280px;max-width:75vw;resize:horizontal;overflow:auto;height:100%;background:var(--sidebar-bg);color:var(--sidebar-text);box-shadow:var(--sidebar-shadow);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column}.main-sidebar-header{padding:20px;flex-shrink:0}.header-top-row{display:flex;justify-content:center;align-items:center}.main-sidebar-header h2{margin:0 auto;font-size:1.4rem;font-weight:600;color:var(--sidebar-text);border-bottom:2px solid var(--primary-color);padding-bottom:8px;text-align:center;width:fit-content}.language-toggle-button{background-color:#00000008;color:var(--sidebar-text);border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:6px 12px;cursor:pointer;transition:var(--transition);font-size:.85rem;font-weight:500;display:flex;align-items:center;justify-content:center;min-width:50px;box-shadow:0 1px 3px #0000000d}.language-toggle-button:hover{background-color:#0000000f;border-color:#0000001f;transform:translateY(-1px);box-shadow:0 2px 5px #00000014}.language-toggle-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.title-separator{display:none;margin:0;border:none}.country-selector-simple{margin:15px auto 10px;text-align:center;width:50%;max-width:150px}.country-select-dropdown{width:100%;padding:8px 30px 8px 12px;border-radius:20px;border:1px solid var(--sidebar-border);background-color:#fff;color:var(--sidebar-text);font-size:.95rem;font-weight:500;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;box-shadow:0 1px 3px #0000000d;transition:all .25s ease;text-align:center;text-align-last:center}.country-select-dropdown:hover{border-color:var(--primary-color);box-shadow:0 2px 5px #0000001a;transform:translateY(-1px)}.country-select-dropdown:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db33}.locations-count{font-size:.9rem;color:#666;margin-top:12px;text-align:center}.country-selector{padding:20px;background:#fff;border-radius:var(--sidebar-radius);margin:20px;box-shadow:0 2px 8px #0000000a;border:1px solid var(--sidebar-border)}.country-selector h3{margin:0 0 15px;font-size:1.05rem;font-weight:600;color:var(--sidebar-text);position:relative;padding-bottom:10px}.country-selector h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--primary-color)}.country-select{display:flex;align-items:center;gap:12px;background:#f8f9fa;padding:12px 15px;border-radius:8px;border:1px solid var(--sidebar-border);transition:var(--transition);position:relative}.country-select:hover{border-color:var(--primary-color);box-shadow:0 3px 10px #3498db1a}.country-label{font-weight:500;color:#555;min-width:60px}.country-dropdown{flex:1;padding:8px 25px 8px 8px;border:none;background:none;font-size:.95rem;color:var(--sidebar-text);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:relative}.country-dropdown:focus{outline:none}.country-select:after{content:"▼";position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:.7rem;color:#777;pointer-events:none;transition:transform .2s ease}.country-select:hover:after{color:var(--primary-color);transform:translateY(-50%) rotate(180deg)}.main-sidebar-nav{flex:1;overflow-y:auto;padding:0 20px 20px}.filter-section{margin-bottom:20px;background:#fff;border-radius:var(--sidebar-radius);padding:16px;box-shadow:0 2px 8px #0000000a;border:1px solid var(--sidebar-border)}.filter-group{margin-bottom:20px}.filter-group h3{font-size:1rem;font-weight:600;margin-bottom:12px;color:var(--sidebar-text);border-left:2px solid var(--primary-color);padding-left:10px;display:flex;align-items:center;justify-content:space-between}.info-icon{cursor:help;position:relative;font-size:.9rem}.tooltip{position:absolute;right:0;top:100%;background:#fff;padding:8px 12px;border-radius:var(--sidebar-radius);box-shadow:var(--sidebar-shadow);width:200px;font-size:.8rem;color:var(--sidebar-text);z-index:10;font-weight:400}.price-slider-container{margin-top:12px}.price-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000001a;border-radius:5px;outline:none;margin-bottom:12px;cursor:pointer}.price-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 8px #3498db99;cursor:pointer;transition:var(--transition)}.price-slider::-webkit-slider-thumb:hover{background:#2980b9;transform:scale(1.1)}.price-display{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.price-label{color:#7f8c8d}.price-value{font-weight:600;color:var(--primary-color);background:var(--active-bg);padding:4px 12px;border-radius:12px}.multi-select,.state-select,.city-select{max-height:180px;overflow-y:auto;background:#ffffff80;border-radius:var(--sidebar-radius);border:1px solid var(--sidebar-border);padding:10px;margin-top:8px;box-shadow:inset 0 1px 3px #0000000d}.province-select{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background:transparent;border:none;box-shadow:none;padding:0;margin-top:15px;max-height:none;overflow:visible}.multi-select::-webkit-scrollbar,.state-select::-webkit-scrollbar,.city-select::-webkit-scrollbar{width:5px}.multi-select::-webkit-scrollbar-thumb,.state-select::-webkit-scrollbar-thumb,.city-select::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:20px}.province-item{position:relative}.province-button{width:100%;padding:14px 15px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;font-size:.95rem;font-weight:500;color:var(--sidebar-text);text-align:center;cursor:pointer;transition:all .25s ease;box-shadow:0 2px 6px #0000000a;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px}.province-button:hover{background-color:#f8f9fa;border-color:var(--primary-color);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.province-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000000d}.province-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(to right,var(--primary-color),transparent);opacity:0;transition:opacity .25s ease}.province-button:hover:before{opacity:1}.province-icon{font-size:1.2rem;margin-bottom:5px;color:var(--primary-color);transition:transform .3s ease}.province-name{font-size:.9rem;font-weight:500;color:var(--sidebar-text)}.province-button:hover .province-icon{transform:scale(1.2)}.checkbox-item,.checkbox-item.enhanced{margin-bottom:8px;transition:background .2s ease}.checkbox-item:hover,.checkbox-item.enhanced:hover{background:var(--hover-bg);border-radius:4px}.checkbox-container,.checkbox-container.enhanced{display:flex;align-items:center;position:relative;padding-left:30px;cursor:pointer;font-size:.95rem;color:var(--sidebar-text);font-weight:500;-webkit-user-select:none;user-select:none;line-height:1.5}.checkbox-container input,.checkbox-container.enhanced input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark,.checkmark.enhanced{position:absolute;left:0;height:20px;width:20px;background-color:#fffc;border:2px solid rgba(0,0,0,.2);border-radius:4px;transition:var(--transition)}.checkbox-container:hover input~.checkmark,.checkbox-container.enhanced:hover input~.checkmark.enhanced{border-color:var(--primary-color)}.checkbox-container input:checked~.checkmark,.checkbox-container.enhanced input:checked~.checkmark.enhanced{background-color:var(--primary-color);border-color:var(--primary-color)}.checkmark:after,.checkmark.enhanced:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after,.checkbox-container.enhanced input:checked~.checkmark.enhanced:after{display:block}.checkmark:after,.checkmark.enhanced:after{left:6px;top:2px;width:5px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.search-filter{margin-bottom:10px}.search-input{width:100%;padding:10px 12px;border:1px solid var(--sidebar-border);border-radius:var(--sidebar-radius);font-size:.9rem;color:var(--sidebar-text);background:#fff9;box-sizing:border-box;transition:var(--transition);box-shadow:inset 0 1px 3px #0000000d}.search-input:focus{outline:none;border-color:var(--primary-color);background:#fffc;box-shadow:0 0 0 2px #3498db33}.btn-link{background:none;border:none;color:var(--primary-color);font-size:.9rem;font-weight:500;cursor:pointer;padding:0;text-decoration:none;transition:var(--transition);position:relative}.btn-link:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background-color:var(--primary-color);transition:width .25s ease}.btn-link:hover{color:#2980b9}.btn-link:hover:after{width:100%}.show-more-btn{background:#00000008;border:1px solid var(--sidebar-border);border-radius:var(--sidebar-radius);color:var(--sidebar-text);font-size:.85rem;font-weight:500;cursor:pointer;padding:8px 0;width:100%;text-align:center;transition:var(--transition);margin-top:8px}.show-more-btn:hover{background:var(--hover-bg);border-color:#0000001f;transform:translateY(-1px)}.results-section{margin-top:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-header h3{font-size:1rem;font-weight:600;color:var(--sidebar-text);border-left:2px solid var(--primary-color);padding-left:10px;margin:0}.btn-sort{background:#00000008;border:1px solid var(--sidebar-border);border-radius:var(--sidebar-radius);padding:6px 12px;font-size:.85rem;color:var(--sidebar-text);cursor:pointer;display:flex;align-items:center;transition:var(--transition)}.btn-sort:hover{background:var(--hover-bg);border-color:#0000001f}.sort-icon{margin-right:5px;font-style:normal;display:inline-block;transition:transform .2s ease}.park-list{list-style:none;padding:0;margin:0}.park-item{margin-bottom:8px}.park-button{padding:10px 12px;border-radius:6px;border:1px solid rgba(0,0,0,.05);width:100%;text-align:left;background-color:#fff;box-shadow:0 1px 2px #0000000a;transition:var(--transition);cursor:pointer}.park-button:hover{background-color:#f8f9fa;border-color:#3498db4d}.park-button.selected{background-color:var(--active-bg);border-color:var(--primary-color);border-left:3px solid var(--primary-color)}.park-name{font-weight:600;margin-bottom:4px;color:var(--sidebar-text);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.park-details{font-size:.8rem;color:#7f8c8d;display:flex;justify-content:space-between;align-items:center}.park-cost{color:var(--primary-color);font-weight:500}.no-results{color:#999;font-size:.9rem;padding:10px;text-align:center;font-style:italic;background:#00000005;border-radius:var(--sidebar-radius);margin-top:10px}.map-container{flex:1;position:relative}.map-style-toggle{position:absolute;top:0;right:0;z-index:999}.style-toggle-btn,.display-mode-toggle-btn{background:#fff;border:2px solid rgba(0,0,0,.2);border-radius:4px;padding:6px 10px;box-shadow:0 1px 5px #000000a6;cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;gap:5px}.popup-button{background:var(--primary-color);border:none;border-radius:4px;color:#fff;font-size:.85rem;font-weight:600;padding:6px 10px;cursor:pointer;transition:var(--transition)}.popup-button:hover{background:#2980b9}.animated-marker{position:relative;width:20px;height:20px}.animated-marker.blue .marker-outer-glow{background:#3498db4d}.animated-marker.red .marker-outer-glow{background:#e74c3c4d}.marker-outer-glow,.marker-inner,.marker-pulse{position:absolute;border-radius:50%;top:0;left:0}.marker-outer-glow{width:20px;height:20px;animation:outer-glow 2s infinite}.marker-inner{width:14px;height:14px;top:3px;left:3px;background:#fff;z-index:1}.marker-pulse{width:20px;height:20px;animation:pulse 2s infinite;opacity:.7;border:2px solid #fff}@keyframes outer-glow{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.5);opacity:.1}to{transform:scale(1);opacity:.6}}@keyframes pulse{0%{transform:scale(.7);opacity:.8}70%{transform:scale(1.3);opacity:0}to{transform:scale(.7);opacity:0}}@media (prefers-color-scheme: dark){:root{--sidebar-bg: #1a1a1a;--sidebar-text: #f0f0f0;--sidebar-border: rgba(255, 255, 255, .1);--sidebar-shadow: 0 2px 15px rgba(0, 0, 0, .3);--hover-bg: rgba(52, 152, 219, .15);--active-bg: rgba(52, 152, 219, .25)}.country-select-dropdown{background-color:#2d3748;color:#f0f0f0;border-color:#ffffff26;box-shadow:0 1px 3px #0003;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0f0f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.country-select-dropdown:hover{border-color:var(--primary-color);box-shadow:0 2px 5px #0000004d}.country-select-dropdown:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db4d}}:root{--primary-color: #1890ff;--primary-hover: #40a9ff;--primary-active: #096dd9;--light-bg: rgba(255, 255, 255, .95);--dark-bg: rgba(30, 35, 45, .95);--light-border: rgba(0, 0, 0, .1);--dark-border: rgba(255, 255, 255, .15);--light-text: #333;--dark-text: #f9fafb;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--transition-fast: .2s;--transition-normal: .3s;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 50%;--tooltip-bg-light: rgba(40, 44, 52, .85);--tooltip-bg-dark: rgba(15, 20, 30, .9);--tooltip-border-light: #1890ff;--tooltip-border-dark: #38bdf8}.map-buttons-container{position:absolute;z-index:1000;display:flex;flex-direction:column;gap:10px}.map-buttons-left{top:15px;left:15px;align-items:center}.map-buttons-right{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:1000;pointer-events:auto}.map-buttons-right .map-button{background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px #00000026}.map-buttons-right .map-button:hover{background-color:#f5f5f5}.map-buttons-right .map-button.active{background-color:#1890ff;color:#fff;border-color:#1890ff}.dark-mode .map-buttons-right .map-button{background-color:#1f1f1f;border-color:#333;color:#f0f0f0}.dark-mode .map-buttons-right .map-button:hover{background-color:#2a2a2a}.dark-mode .map-buttons-right .map-button.active{background-color:#1890ff;border-color:#1890ff}.map-buttons-top{top:15px;left:50%;transform:translate(-50%);flex-direction:row;gap:12px;z-index:1000}.map-button{display:flex;align-items:center;justify-content:center;background-color:var(--light-bg);border:1px solid var(--light-border);border-radius:var(--radius-md);color:var(--light-text);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);padding:0;margin:0;overflow:hidden;position:relative;transform:translateZ(0);will-change:transform,box-shadow;isolation:isolate;touch-action:manipulation;-webkit-user-select:none;user-select:none}.map-button.circle{width:40px;height:40px;border-radius:var(--radius-full)}.map-buttons-top .map-button.circle{background-color:#ffffffd9;border:1px solid var(--light-border);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 2px 8px #00000026;transition:all .2s ease}.map-buttons-top .map-button.circle:hover{background-color:#fffffff2;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.map-buttons-top .map-button.circle:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.map-button.pill{border-radius:20px;padding:8px 16px;min-width:40px;height:40px}.map-button.square{width:40px;height:40px}.map-button:hover,.map-button.hover-enabled:hover{background-color:#f8f9fa;box-shadow:var(--shadow-md);transform:translateY(-2px)}.map-button.hover-enabled:hover .map-button-icon{color:var(--primary-color);transform:scale(1.1);transition:all .2s ease}.map-button.active{background-color:#e6f7ff;border-color:#91d5ff;color:var(--primary-color)}.map-button-icon{font-size:18px;display:flex;align-items:center;justify-content:center}.map-button.with-text{display:flex;align-items:center;gap:8px;padding:8px 16px;min-width:100px;position:relative}.map-button-text{font-size:14px;font-weight:500;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,微软雅黑,PingFang SC,苹方,Heiti SC,黑体-简,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.map-button.pill .map-button-badge{top:0;right:10px}.map-button-badge{position:absolute;top:-4px;right:-4px;background-color:#ff4d4f;width:8px;height:8px;border-radius:50%;border:2px solid white;box-shadow:0 1px 2px #0000001a;animation:pulse 2s infinite ease-in-out;z-index:10}.map-popover{position:relative}.map-popover-content{position:fixed;left:50px;top:0;background-color:var(--light-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--light-border);padding:12px;min-width:180px;max-width:260px;z-index:1150;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);overflow:visible;will-change:transform,opacity}.map-popover-content:before{content:"";position:absolute;top:12px;left:-10px;border-width:8px;border-style:solid;border-color:transparent var(--light-border) transparent transparent}.map-popover-content:after{content:"";position:absolute;top:13px;left:-8px;border-width:7px;border-style:solid;border-color:transparent var(--light-bg) transparent transparent}.map-popover.right .map-popover-content{left:auto;right:50px}.map-popover.right .map-popover-content:before{left:auto;right:-10px;border-color:transparent transparent transparent var(--light-border)}.map-popover.right .map-popover-content:after{left:auto;right:-8px;border-color:transparent transparent transparent var(--light-bg)}.map-popover.bottom .map-popover-content{top:auto;bottom:50px;left:0}.map-popover-header{padding:8px 12px;font-size:14px;font-weight:600;color:var(--light-text);border-bottom:1px solid var(--light-border);margin-bottom:4px}.map-popover-item{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);color:var(--light-text);font-size:14px;width:100%;border:none;background:none;text-align:left}.map-popover-item:hover{background-color:#0000000d}.map-popover-item.active{background-color:#e6f7ff;color:var(--primary-color)}.map-popover-section{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.05)}.map-popover-section-title{font-size:12px;font-weight:600;color:#666;margin-bottom:4px;padding:0 12px}.settings-expandable{overflow:hidden}.popover-item-content{display:flex;justify-content:space-between;align-items:center;width:100%}.expand-icon{font-size:10px;color:#999;margin-left:8px;transition:transform .3s ease}.settings-expanded-content{overflow:hidden;padding-left:12px}.map-popover-subitem{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);color:var(--light-text);font-size:13px;width:100%;border:none;background:none;text-align:left;margin-top:2px}.map-popover-subitem:hover{background-color:#00000008}.map-popover-subitem.active{background-color:#e6f7ff;color:var(--primary-color)}.map-filter-panel{position:fixed;top:20px;right:20px;background-color:var(--light-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1160;width:320px;max-height:80vh;overflow:auto;border:1px solid var(--light-border);pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,微软雅黑,PingFang SC,苹方,Heiti SC,黑体-简,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;will-change:transform,opacity;contain:layout style}.map-filter-panel-arrow,.map-search-panel-arrow{position:absolute;width:12px;height:12px;background-color:var(--light-bg);border-top:1px solid var(--light-border);border-right:1px solid var(--light-border);transform:rotate(-45deg);top:-6px;right:25px;z-index:1051}.map-filter-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid var(--light-border);flex-shrink:0}.map-filter-header h3{margin:0;font-size:16px;font-weight:600;color:var(--light-text)}.map-filter-content{padding:10px 12px;overflow-y:auto;max-height:calc(80vh - 60px);flex:0 1 auto}.multi-select-list{max-height:120px;overflow-y:auto;background-color:#fff;border:1px solid var(--light-border);border-radius:6px;padding:3px;margin-top:5px;box-shadow:inset 0 1px 3px #0000000d}.multi-select-list::-webkit-scrollbar{width:4px}.multi-select-list::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:20px}.filter-checkbox-label{display:flex;align-items:center;padding:3px 4px;margin-bottom:1px;font-size:12px;color:var(--light-text);cursor:pointer;border-radius:4px;transition:background-color .2s ease}.filter-checkbox-label:hover{background-color:#00000008}.filter-checkbox-label input{position:absolute;opacity:0}.custom-checkbox{display:flex;margin-right:8px;font-size:16px;color:#aaa}.filter-checkbox-label input:checked+.custom-checkbox{color:var(--primary-color)}.map-filter-section{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--light-border)}.map-filter-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.filter-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.filter-actions{display:flex;gap:6px}.filter-actions button{background:none;border:none;color:var(--primary-color);font-size:12px;cursor:pointer;padding:0}.filter-actions button:hover{text-decoration:underline}.filter-input,.filter-select{width:100%;padding:8px 10px;border:1px solid var(--light-border);border-radius:6px;font-size:13px;color:var(--light-text);background-color:#fff;box-sizing:border-box}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.lease-cost-inputs{display:flex;align-items:center;gap:8px}.lease-cost-inputs input{flex:1}.no-results-text{padding:8px;color:#999;font-style:italic;text-align:center;font-size:13px;display:flex;align-items:center;justify-content:center}.map-filter-label{display:block;font-size:13px;font-weight:600;color:var(--light-text);margin-bottom:4px}.expand-collapse-button{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:4px 0;margin-top:4px;background-color:#00000008;border:1px solid var(--light-border);border-radius:6px;color:var(--light-text);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.expand-collapse-button:hover{background-color:#0000000d;border-color:#0000001f}.expand-collapse-button span{display:inline-block}@media (max-width: 768px){.map-buttons-left{top:10px}.map-filter-panel{width:280px;max-height:70vh}.map-filter-panel-arrow,.map-search-panel-arrow{right:20px}.map-buttons-top{top:10px}}@media (max-width: 480px){.map-buttons-left{top:8px}.map-button.with-text{min-width:auto;padding:8px 12px}.map-button.pill .map-button-badge{top:0;right:8px}.map-button-badge{width:6px;height:6px;top:-3px;right:-3px;border-width:1.5px}.map-filter-panel{width:260px;max-height:60vh}.map-filter-panel-arrow,.map-search-panel-arrow{right:15px;width:10px;height:10px;top:-5px}.map-buttons-top{gap:8px;top:8px}.map-button.circle,.map-button.square{width:36px;height:36px}}.dark-mode .map-button{background-color:var(--dark-bg);border:1px solid var(--dark-border);color:var(--dark-text)}body .dark-mode .map-buttons-top .map-button.circle{background-color:#141923fa!important;border:1px solid rgba(255,255,255,.3)!important;color:var(--dark-text)!important;box-shadow:0 2px 4px #0009!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}.dark-mode .map-buttons-top .map-button.circle:hover{box-shadow:0 2px 8px #00000073;transform:translateY(-2px)}.dark-mode .map-buttons-top .map-button.circle:active{box-shadow:0 1px 3px #00000059;transform:translateY(0)}.dark-mode .map-buttons-top .map-button.circle.active{background-color:#1890ff33;border-color:#1890ff66;color:#69c0ff}.dark-mode .map-buttons-top .map-button.circle .map-button-icon{color:var(--dark-text)}.dark-mode .map-button-badge{background-color:#ff4d4f;border-color:var(--dark-bg);box-shadow:0 1px 2px #0003}.dark-mode .map-button:hover,.dark-mode .map-button.hover-enabled:hover{background-color:#ffffff1a}.dark-mode .map-button.hover-enabled:hover .map-button-icon{color:var(--primary-hover);transform:scale(1.1)}.dark-mode .map-button.active{background-color:#1890ff33;border-color:#1890ff66;color:#69c0ff}.dark-mode .map-filter-panel{background-color:#0f141ef2;border-color:#ffffff26;box-shadow:0 8px 30px #00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg)}.dark-mode .map-filter-panel-arrow,.dark-mode .map-search-panel-arrow{background-color:#0f141ef2;border-top:1px solid rgba(255,255,255,.15);border-right:1px solid rgba(255,255,255,.15);box-shadow:2px -2px 6px #0003}.dark-mode .map-popover-content,.dark-mode .map-buttons-top{background-color:var(--dark-bg);border-color:var(--dark-border)}.dark-mode .map-filter-header{border-color:#ffffff26;background-color:#0a0f1980;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.dark-mode .map-filter-content{padding:12px 15px;overflow-y:auto;scrollbar-width:thin}.dark-mode .map-filter-content::-webkit-scrollbar{width:5px}.dark-mode .map-filter-content::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:20px}.dark-mode .map-filter-content::-webkit-scrollbar-track{background-color:#0000001a;border-radius:20px}.dark-mode .map-filter-section{border-color:#ffffff1a;margin-bottom:15px;padding-bottom:15px}.dark-mode .map-filter-header h3{color:#fffffff2;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2)}.dark-mode .map-filter-label{color:#ffffffe6;font-weight:500;margin-bottom:6px}.dark-mode .multi-select-list{background-color:#0a0f19cc;border-color:#ffffff26;box-shadow:inset 0 1px 3px #0006;border-radius:8px;padding:4px;margin-top:6px}.dark-mode .multi-select-list::-webkit-scrollbar{width:5px}.dark-mode .multi-select-list::-webkit-scrollbar-thumb{background-color:#ffffff40;border-radius:20px}.dark-mode .multi-select-list::-webkit-scrollbar-track{background-color:#0003;border-radius:20px}.dark-mode .filter-checkbox-label{color:#ffffffd9;padding:4px 6px;border-radius:4px;margin-bottom:2px}.dark-mode .filter-checkbox-label:hover{background-color:#ffffff1a}.dark-mode .custom-checkbox{color:#fff6;margin-right:10px}.dark-mode .filter-checkbox-label input:checked+.custom-checkbox{color:#38bdf8;text-shadow:0 0 5px rgba(56,189,248,.3)}.dark-mode .filter-section-header{margin-bottom:8px}.dark-mode .filter-actions{margin-top:2px}.dark-mode .filter-actions button{color:#38bdf8;opacity:.9;font-weight:500;padding:2px 4px;border-radius:3px}.dark-mode .filter-actions button:hover{opacity:1;background-color:#38bdf81a;text-decoration:none}.dark-mode .filter-input,.dark-mode .filter-select{background-color:#0a0f19cc;color:#fffffff2;border-color:#fff3;box-shadow:inset 0 1px 3px #0006;border-radius:8px;padding:8px 12px;font-size:13px}.dark-mode .filter-input::placeholder{color:#ffffff80}.dark-mode .filter-input:focus,.dark-mode .filter-select:focus{border-color:#38bdf8b3;box-shadow:0 0 0 2px #38bdf840,inset 0 1px 3px #0000004d;outline:none}.dark-mode .lease-cost-inputs{gap:10px;margin-top:6px}.dark-mode .lease-cost-inputs input{background-color:#0a0f19cc;color:#fffffff2;border-color:#fff3}.dark-mode .expand-collapse-button{background-color:#ffffff0d;border-color:#ffffff26;color:#ffffffe6;border-radius:8px;padding:6px 0;margin-top:8px;font-weight:500}.dark-mode .expand-collapse-button:hover{background-color:#ffffff1a;border-color:#fff3;transform:translateY(-1px);box-shadow:0 2px 5px #0003}.dark-mode .no-results-text{color:#a0aec0}.map-search-panel{position:fixed;top:80px;right:20px;width:320px;max-height:70vh;overflow-y:auto;z-index:1160;background-color:var(--light-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--light-border);pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,微软雅黑,PingFang SC,苹方,Heiti SC,黑体-简,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;contain:layout style}.search-input-container{display:flex;align-items:center;gap:8px;margin-bottom:10px}.search-input{flex:1}.search-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.search-button:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.search-button:active{transform:translateY(0);background-color:var(--primary-active)}.search-results{max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid var(--light-border);border-radius:6px;padding:8px;margin-top:5px;box-shadow:inset 0 1px 3px #0000000d}.search-results-list{display:flex;flex-direction:column;gap:8px}.search-result-item{padding:8px 10px;border-radius:6px;background-color:#00000005;cursor:pointer;transition:all .2s ease;border:1px solid transparent;margin-bottom:6px}.search-result-item:hover{background-color:#0000000d;border-color:var(--light-border);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.search-result-name{font-weight:600;font-size:14px;color:var(--light-text);margin-bottom:2px;text-align:center}.search-result-location{font-size:12px;color:#666;margin-bottom:4px;text-align:center}.search-result-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px;justify-content:center}.match-indicator{font-size:10px;padding:2px 8px;border-radius:12px;font-weight:500;white-space:nowrap;display:inline-block;margin:0 3px}.state-match-indicator{background-color:#1890ff1a;color:#1890ff;border:1px solid rgba(24,144,255,.2)}.name-match-indicator{background-color:#f5222d1a;color:#f5222d;border:1px solid rgba(245,34,45,.2)}.settings-option{display:flex;flex-direction:column;gap:5px}.settings-option .map-popover-item{margin-bottom:2px;border-radius:var(--radius-sm)}.dark-mode .search-button{background-color:#38bdf8;box-shadow:0 1px 3px #0000004d}.dark-mode .search-button:hover{background-color:#0ea5e9;box-shadow:0 2px 5px #0006}.dark-mode .search-results{background-color:#0a0f19cc;border-color:#ffffff26;box-shadow:inset 0 1px 3px #0006}.dark-mode .search-result-item{background-color:#ffffff0d;border-color:#ffffff0d}.dark-mode .search-result-item:hover{background-color:#ffffff1a;border-color:#fff3;box-shadow:0 2px 6px #0000004d}.dark-mode .search-result-name{color:#fffffff2}.dark-mode .search-result-location{color:#ffffffb3}.dark-mode .state-match-indicator{background-color:#38bdf826;color:#38bdf8;border-color:#38bdf84d}.dark-mode .name-match-indicator{background-color:#ff4d4f26;color:#ff4d4f;border-color:#ff4d4f4d}.dark-mode .map-popover-item{color:var(--dark-text)}.dark-mode .map-popover-item:hover{background-color:#ffffff1a}.dark-mode .map-popover-item.active{background-color:#1890ff33;color:#69c0ff}.dark-mode .map-popover-section{border-top:1px solid rgba(255,255,255,.1)}.dark-mode .map-popover-section-title{color:#ffffffb3}.dark-mode .expand-icon{color:#ffffff80}.dark-mode .map-popover-subitem{color:var(--dark-text)}.dark-mode .map-popover-subitem:hover{background-color:#ffffff14}.dark-mode .map-popover-subitem.active{background-color:#1890ff33;color:#69c0ff}.map-popover-content.dark-mode{background-color:var(--dark-bg);border:1px solid var(--dark-border);color:var(--dark-text);box-shadow:0 4px 16px #0009}.map-popover-content.dark-mode .map-popover-header{color:var(--dark-text);border-bottom:1px solid var(--dark-border)}.map-popover-content.dark-mode .map-popover-item{color:var(--dark-text)}.map-popover-content.dark-mode .map-popover-item:hover{background-color:#ffffff1a}.map-popover-content.dark-mode .map-popover-item.active{background-color:#fff3;color:var(--primary-hover)}.map-popover-content.dark-mode:before{border-color:transparent var(--dark-border) transparent transparent}.map-popover-content.dark-mode:after{border-color:transparent var(--dark-bg) transparent transparent}.dark-mode .map-filter-header button{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:18px;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;width:28px;height:28px;transition:all .2s ease}.map-top-controls{position:absolute;top:15px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;gap:12px;z-index:1000}.map-right-controls{position:absolute;top:120px;right:15px;display:flex;flex-direction:column;gap:12px;z-index:1000}.map-top-button,.map-right-button{width:40px;height:40px;border-radius:50%;background-color:#ffffffe6;border:1px solid rgba(0,0,0,.1);color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;box-shadow:0 2px 6px #00000026;transition:all .2s ease;padding:0}.map-top-button:hover{background-color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #0003}.map-top-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.map-top-button.dark-mode{background-color:#1e232de6;border:1px solid rgba(255,255,255,.2);color:#f0f0f0;box-shadow:0 2px 6px #0000004d}.map-top-button.dark-mode:hover{background-color:#282d37f2;border-color:#ffffff40;box-shadow:0 4px 10px #0006}.map-top-button.dark-mode:active{background-color:#191e28f2;box-shadow:0 2px 4px #0000004d}@media (max-width: 768px){.map-top-controls{top:10px}}@media (max-width: 480px){.map-top-controls{gap:8px;top:8px}.map-top-button{width:36px;height:36px;font-size:16px}}.dark-mode .map-filter-header button:hover{background-color:#ffffff1a;color:#ffffffe6}.map-button-tooltip{position:absolute;left:50px;top:50%;transform:translateY(-50%);background-color:#282c34e6;color:#fff;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 3px 12px #0000004d;z-index:1200;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.map-button-tooltip:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-style:solid;border-color:transparent rgba(40,44,52,.9) transparent transparent}.map-popover:hover .map-button-tooltip{opacity:1;visibility:visible}.dark-mode .map-button-tooltip{background-color:#0f141ef2}.dark-mode .map-button-tooltip:before{border-color:transparent rgba(15,20,30,.95) transparent transparent}.dark-mode .map-filter-panel .all-clear-button{color:#38bdf8;background-color:#38bdf80d;border:1px solid rgba(56,189,248,.2);padding:4px 10px;font-size:12px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease;float:right;margin-top:-2px;box-shadow:0 1px 3px #0003}.dark-mode .map-filter-panel .all-clear-button:hover{background-color:#38bdf81a;border-color:#38bdf84d;box-shadow:0 2px 5px #0000004d;transform:translateY(-1px);text-decoration:none}.map-energy-panel{position:absolute;top:80px;right:20px;width:320px;max-height:70vh;overflow-y:auto;z-index:1000;pointer-events:auto}.map-energy-panel-arrow{position:absolute;top:-8px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ffffff;z-index:1001}.map-energy-panel.dark-mode .map-energy-panel-arrow{border-bottom-color:#374151}.energy-toggle-button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #3b82f633}.energy-toggle-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.energy-toggle-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.energy-toggle-button.active{background:linear-gradient(135deg,#10b981,#059669)}.energy-toggle-button.active:hover{background:linear-gradient(135deg,#059669,#047857)}.energy-toggle-icon{font-size:18px;min-width:20px}.energy-toggle-text{flex:1;text-align:left}.energy-data-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.energy-data-type-button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#f9fafb;border:2px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:12px;text-align:center}.energy-data-type-button:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.energy-data-type-button.active{background:#ebf8ff;border-color:#3b82f6;color:#1d4ed8}.energy-data-type-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.dark-mode .energy-data-type-button{background:#374151;border-color:#4b5563;color:#f9fafb}.dark-mode .energy-data-type-button:hover{background:#4b5563;border-color:#6b7280}.dark-mode .energy-data-type-button.active{background:#1e3a8a;border-color:#3b82f6;color:#dbeafe}.energy-data-type-icon{font-size:16px}.energy-data-type-name{font-weight:500;line-height:1.2}.industrial-markers-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px}.industrial-markers-toggle:hover{background:#f3f4f6;border-color:#d1d5db}.industrial-markers-toggle.hidden{background:#fef2f2;border-color:#fecaca;color:#dc2626}.industrial-markers-toggle.visible{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.dark-mode .industrial-markers-toggle{background:#374151;border-color:#4b5563;color:#f9fafb}.dark-mode .industrial-markers-toggle:hover{background:#4b5563;border-color:#6b7280}.dark-mode .industrial-markers-toggle.hidden{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.dark-mode .industrial-markers-toggle.visible{background:#14532d;border-color:#166534;color:#86efac}.toggle-icon{font-size:16px}.energy-markers-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px}.energy-markers-toggle:hover{background:#f3f4f6;border-color:#d1d5db}.energy-markers-toggle.hidden{background:#fef2f2;border-color:#fecaca;color:#dc2626}.energy-markers-toggle.visible{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.dark-mode .energy-markers-toggle{background:#374151;border-color:#4b5563;color:#f9fafb}.dark-mode .energy-markers-toggle:hover{background:#4b5563;border-color:#6b7280}.dark-mode .energy-markers-toggle.hidden{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.dark-mode .energy-markers-toggle.visible{background:#1e3a8a;border-color:#1d4ed8;color:#93c5fd}.energy-data-info{padding:12px;background:#f8fafc;border-radius:6px;border-left:4px solid #3B82F6}.dark-mode .energy-data-info{background:#1f2937;border-left-color:#60a5fa}.energy-data-source{font-weight:600;color:#1f2937;margin:0 0 6px;font-size:13px}.dark-mode .energy-data-source{color:#f9fafb}.energy-data-description{color:#6b7280;margin:0;font-size:12px;line-height:1.4}.dark-mode .energy-data-description{color:#d1d5db}.energy-legend{background:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.energy-legend-content{padding:12px;min-width:180px}.energy-legend-content.dark{background:#1f2937f2;color:#f9fafb}.energy-legend h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#1f2937}.energy-legend-content.dark h4{color:#f9fafb}.legend-scale{margin-bottom:8px}.legend-labels{display:flex;justify-content:space-between;margin-bottom:4px}.legend-label{font-size:11px;color:#6b7280;font-weight:500}.energy-legend-content.dark .legend-label{color:#d1d5db}.legend-colors{display:flex;height:8px;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.legend-color{flex:1}.legend-source{margin:0;font-size:10px;color:#9ca3af;font-style:italic}.energy-legend-content.dark .legend-source{color:#9ca3af}.energy-popup{min-width:200px}.energy-popup.enhanced{min-width:280px;max-width:320px}.energy-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #E5E7EB}.energy-popup-header h4{margin:0;color:#1f2937;font-size:16px;font-weight:600;flex:1}.energy-popup-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.energy-popup-badge.rank-top{background:#dcfce7;color:#166534}.energy-popup-badge.rank-excellent{background:#dbeafe;color:#1e40af}.energy-popup-badge.rank-good{background:#fef3c7;color:#92400e}.energy-popup-badge.rank-average{background:#fee2e2;color:#991b1b}.energy-popup-badge.rank-low{background:#f3f4f6;color:#6b7280}.energy-popup h4{margin:0 0 8px;color:#1f2937;font-size:16px;font-weight:600}.energy-popup-content{color:#4b5563}.energy-main-metric{margin-bottom:16px}.energy-metric-label{margin:0 0 4px;font-size:13px;font-weight:500;color:#6b7280}.energy-value{font-size:24px;font-weight:700;color:#3b82f6;margin:4px 0;line-height:1.2}.energy-details{margin:16px 0}.energy-detail-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #F3F4F6}.energy-detail-row:last-child{border-bottom:none}.detail-label{font-size:12px;color:#6b7280;font-weight:500}.detail-value{font-size:12px;color:#1f2937;font-weight:600}.energy-popup-footer{margin-top:12px;padding-top:8px;border-top:1px solid #F3F4F6;text-align:center}.energy-popup-footer small{color:#9ca3af;font-size:11px}.energy-period{font-size:12px;color:#6b7280;margin:4px 0 0}.energy-data-marker{cursor:pointer!important;transition:filter .2s ease,opacity .2s ease;pointer-events:auto!important;z-index:400!important;transform-origin:center center}.energy-data-marker:hover{z-index:450!important;filter:brightness(1.3) drop-shadow(0 0 6px rgba(59,130,246,.8))}.energy-detail-marker{z-index:500!important;pointer-events:auto!important}.leaflet-pane .leaflet-marker-pane .energy-data-marker,.leaflet-overlay-pane .energy-data-marker{z-index:400!important;pointer-events:auto!important}.leaflet-interactive.energy-data-marker{cursor:pointer!important;pointer-events:auto!important;z-index:400!important}svg.energy-data-marker{pointer-events:auto!important;z-index:400!important}.leaflet-zoom-animated .energy-data-marker{pointer-events:auto!important;cursor:pointer!important}.energy-data-pane{z-index:400!important;pointer-events:auto!important}.energy-data-pane *{pointer-events:auto!important;cursor:pointer!important}.energy-data-pane .energy-data-marker{z-index:400!important;pointer-events:auto!important;cursor:pointer!important}.energy-detail-popup{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;padding:0;min-width:280px;max-width:320px;border:1px solid #E5E7EB;overflow:hidden;animation:energyDetailFadeIn .3s ease-out}.energy-detail-popup-unified .leaflet-popup-content-wrapper{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;box-shadow:0 20px 40px #00000026,0 0 0 1px #fffc;border:none;padding:0;overflow:hidden}.energy-detail-popup-unified .leaflet-popup-content{margin:0;padding:0;width:auto!important;min-width:350px}.energy-detail-popup-unified .leaflet-popup-close-button{top:12px;right:12px;width:32px;height:32px;background:#ffffffe6;border-radius:50%;color:#64748b;font-size:18px;font-weight:500;line-height:32px;text-align:center;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.energy-detail-popup-unified .leaflet-popup-close-button:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.energy-detail-modal{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1e293b}.energy-modal-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.energy-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.state-info{position:relative;z-index:1}.state-name{margin:0 0 8px;font-size:24px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.data-type-badge{background:#fff3;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ranking-badge{background:#ffffff26;padding:12px 16px;border-radius:12px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative;z-index:1}.rank-label{display:block;font-size:11px;opacity:.8;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.rank-number{display:block;font-size:20px;font-weight:700;line-height:1}.rank-total{font-size:12px;opacity:.7}.rank-excellent{background:linear-gradient(135deg,#22c55e33,#16a34a33);border-color:#22c55e4d}.rank-good{background:linear-gradient(135deg,#3b82f633,#2563eb33);border-color:#3b82f64d}.rank-average{background:linear-gradient(135deg,#f59e0b33,#d9770633);border-color:#f59e0b4d}.energy-modal-body{padding:24px}.main-metric-card{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;margin-bottom:20px;border:1px solid rgba(148,163,184,.2)}.metric-icon{font-size:32px;width:56px;height:56px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d}.metric-content{flex:1}.metric-label{font-size:14px;color:#64748b;margin-bottom:4px;font-weight:500}.metric-value{font-size:28px;font-weight:700;color:#1e293b;line-height:1;margin-bottom:2px}.metric-unit{font-size:14px;color:#64748b;font-weight:500}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-item{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid rgba(148,163,184,.1);transition:all .2s ease}.info-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.info-icon{font-size:20px;width:36px;height:36px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-content{flex:1;min-width:0}.info-label{font-size:12px;color:#64748b;margin-bottom:2px;font-weight:500}.info-value{font-size:14px;color:#1e293b;font-weight:600;word-break:break-word}.energy-modal-footer{background:#f8fafc;padding:16px 24px;border-top:1px solid rgba(148,163,184,.1)}.footer-note{text-align:center;font-size:12px;color:#64748b;font-style:italic}.energy-popup-modern-container .leaflet-popup-content-wrapper{background:transparent!important;border-radius:16px!important;box-shadow:none!important;border:none!important;padding:0!important;overflow:hidden!important}.energy-popup-modern-container .leaflet-popup-content{margin:0!important;padding:0!important;width:auto!important;min-width:320px!important;max-width:380px!important;pointer-events:auto!important}.energy-popup-modern-container .leaflet-popup-close-button{top:12px!important;right:12px!important;width:32px!important;height:32px!important;background:#ffffffe6!important;border-radius:50%!important;color:#64748b!important;font-size:18px!important;font-weight:500!important;line-height:32px!important;text-align:center!important;box-shadow:0 2px 8px #0000001a!important;transition:all .2s ease!important;z-index:1000!important}.energy-popup-modern-container .leaflet-popup-close-button:hover{background:#ef4444!important;color:#fff!important;transform:scale(1.1)!important}.energy-popup-modern{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:12px;overflow:hidden;box-shadow:0 12px 24px #0000001f,0 0 0 1px #fffc;min-width:320px;max-width:380px;animation:energyPopupSlideIn .3s cubic-bezier(.34,1.56,.64,1);transition:transform .2s ease,box-shadow .2s ease}.energy-popup-modern:hover{transform:translateY(-2px);box-shadow:0 25px 50px #0003,0 0 0 1px #ffffffe6}@keyframes energyPopupSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.energy-popup-modern .popup-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:20px 24px;position:relative;overflow:hidden}.energy-popup-modern .popup-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.energy-popup-modern .header-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.energy-popup-modern .state-title h3{margin:0 0 6px;font-size:22px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1);line-height:1.2}.energy-popup-modern .data-category{background:#fff3;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-block}.energy-popup-modern .rank-indicator{background:#ffffff26;padding:12px 16px;border-radius:12px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);min-width:80px}.energy-popup-modern .rank-icon{font-size:20px;display:block;margin-bottom:4px}.energy-popup-modern .rank-position{display:block;font-size:16px;font-weight:700;line-height:1}.energy-popup-modern .rank-total{font-size:10px;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.energy-popup-modern .rank-excellent{background:linear-gradient(135deg,#22c55e33,#16a34a33);border-color:#22c55e4d}.energy-popup-modern .rank-good{background:linear-gradient(135deg,#3b82f633,#2563eb33);border-color:#3b82f64d}.energy-popup-modern .rank-average{background:linear-gradient(135deg,#f59e0b33,#d9770633);border-color:#f59e0b4d}.energy-popup-modern .rank-below-average{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef44444d}.energy-popup-modern .popup-body{padding:24px;background:#fff}.energy-popup-modern .primary-metric{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:16px;padding:20px;display:flex;align-items:center;gap:20px;margin-bottom:20px;border:1px solid rgba(148,163,184,.2);position:relative;overflow:hidden}.energy-popup-modern .primary-metric:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.energy-popup-modern .metric-visual{display:flex;flex-direction:column;align-items:center;gap:12px}.energy-popup-modern .metric-circle{width:56px;height:56px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d;position:relative}.energy-popup-modern .metric-circle:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent)}.energy-popup-modern .metric-icon{font-size:24px;position:relative;z-index:1}.energy-popup-modern .metric-progress{display:flex;flex-direction:column;align-items:center;gap:4px}.energy-popup-modern .progress-bar{width:60px;height:6px;background:#94a3b833;border-radius:3px;overflow:hidden}.energy-popup-modern .progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1);animation:progressGlow 2s ease-in-out infinite alternate}@keyframes progressGlow{0%{box-shadow:0 0 5px #3b82f64d}to{box-shadow:0 0 10px #3b82f699}}.energy-popup-modern .progress-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.energy-popup-modern .metric-data{flex:1;text-align:left}.energy-popup-modern .metric-value{font-size:32px;font-weight:700;color:#1e293b;line-height:1;margin-bottom:4px}.energy-popup-modern .metric-unit{font-size:14px;color:#64748b;font-weight:500}.energy-popup-modern .info-sections{display:flex;flex-direction:column;gap:16px}.energy-popup-modern .info-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.energy-popup-modern .info-item{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid rgba(148,163,184,.1);transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.energy-popup-modern .info-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.energy-popup-modern .item-icon{font-size:18px;width:36px;height:36px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.energy-popup-modern .item-content{flex:1;min-width:0}.energy-popup-modern .item-label{font-size:12px;color:#64748b;margin-bottom:2px;font-weight:500;display:block}.energy-popup-modern .item-value{font-size:14px;color:#1e293b;font-weight:600;word-break:break-word}.energy-popup-modern .source-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid rgba(148,163,184,.1)}.energy-popup-modern .source-icon{font-size:16px;width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.energy-popup-modern .source-content{flex:1}.energy-popup-modern .source-label{font-size:11px;color:#64748b;margin-bottom:2px;font-weight:500;display:block;text-transform:uppercase;letter-spacing:.5px}.energy-popup-modern .source-value{font-size:13px;color:#1e293b;font-weight:600}.energy-popup-modern .popup-footer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:16px 24px;border-top:1px solid rgba(148,163,184,.1)}.energy-popup-modern .footer-actions{text-align:center}.energy-popup-modern .close-hint{font-size:12px;color:#64748b;font-style:italic;opacity:.8}@media (max-width: 768px){.map-energy-panel{width:280px;right:10px}.energy-data-type-grid{grid-template-columns:1fr}.energy-legend-content{padding:8px;min-width:150px}.energy-detail-popup-unified .leaflet-popup-content{min-width:300px}.energy-modal-header{padding:16px;flex-direction:column;gap:12px;text-align:center}.state-name{font-size:20px}.energy-modal-body{padding:20px}.main-metric-card{padding:16px}.metric-value{font-size:24px}.info-grid{grid-template-columns:1fr}.energy-popup-modern{min-width:320px;max-width:360px}.energy-popup-modern .popup-header{padding:16px 20px}.energy-popup-modern .header-content{flex-direction:column;gap:12px;text-align:center}.energy-popup-modern .state-title h3{font-size:20px}.energy-popup-modern .popup-body{padding:20px}.energy-popup-modern .primary-metric{padding:16px;flex-direction:column;text-align:center;gap:16px}.energy-popup-modern .metric-value{font-size:28px}.energy-popup-modern .info-row{grid-template-columns:1fr}}.energy-popup-error{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#fff,#fef2f2);border-radius:16px;overflow:hidden;box-shadow:0 12px 24px #0000001f,0 0 0 1px #ef44441a;min-width:300px;max-width:350px;animation:energyPopupSlideIn .3s cubic-bezier(.34,1.56,.64,1)}.error-header{padding:20px 24px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(239,68,68,.1)}.error-icon{font-size:24px;opacity:.8}.error-title{margin:0;font-size:16px;font-weight:600;color:#dc2626}.error-body{padding:16px 24px 20px}.error-message{margin:0 0 8px;font-size:14px;color:#374151;line-height:1.5}.error-suggestion{margin:0;font-size:13px;color:#6b7280;line-height:1.4}.energy-popup-redesigned-v2{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;overflow:hidden;box-shadow:0 12px 24px #0000001f,0 0 0 1px #fffc;min-width:320px;max-width:380px;animation:energyPopupSlideIn .3s cubic-bezier(.34,1.56,.64,1);transition:transform .2s ease,box-shadow .2s ease}.energy-popup-redesigned-v2:hover{transform:translateY(-2px);box-shadow:0 20px 40px #00000026,0 0 0 1px #ffffffe6}.popup-header-v2{padding:20px 24px 16px;background:transparent;border-bottom:1px solid rgba(148,163,184,.1);position:relative}.popup-header-v2:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="headerpattern" width="12" height="12" patternUnits="userSpaceOnUse"><circle cx="6" cy="6" r="0.8" fill="rgba(59,130,246,0.08)"/></pattern></defs><rect width="100" height="100" fill="url(%23headerpattern)"/></svg>');opacity:.6;pointer-events:none}.header-content{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.state-info-v2{flex:1}.state-name-v2{margin:0 0 4px;font-size:20px;font-weight:700;color:#1e293b;line-height:1.2;text-shadow:0 1px 2px rgba(255,255,255,.8)}.data-category-v2{font-size:13px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.ranking-indicator-v2{margin-left:16px;display:flex;align-items:center}.rank-badge{background:#ffffffe6;border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:2px;box-shadow:0 2px 4px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rank-number{font-size:16px;font-weight:700;color:#1e293b}.rank-total{font-size:14px;font-weight:500;color:#64748b}.ranking-indicator-v2.rank-excellent .rank-badge{background:#22c55e1a;border-color:#22c55e33}.ranking-indicator-v2.rank-excellent .rank-number{color:#059669}.ranking-indicator-v2.rank-very-good .rank-badge{background:#3b82f61a;border-color:#3b82f633}.ranking-indicator-v2.rank-very-good .rank-number{color:#2563eb}.ranking-indicator-v2.rank-good .rank-badge{background:#f59e0b1a;border-color:#f59e0b33}.ranking-indicator-v2.rank-good .rank-number{color:#d97706}.ranking-indicator-v2.rank-average .rank-badge{background:#ef44441a;border-color:#ef444433}.ranking-indicator-v2.rank-average .rank-number{color:#dc2626}.popup-body-v2{padding:20px 24px;background:transparent}.primary-metric-v2{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.metric-display{text-align:center;padding:16px;background:#fff9;border-radius:12px;border:1px solid rgba(148,163,184,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.metric-value-v2{font-size:32px;font-weight:800;color:#1e293b;line-height:1;margin-bottom:4px;text-shadow:0 1px 2px rgba(255,255,255,.8)}.metric-unit-v2{font-size:14px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.ranking-details-v2{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafccc;border-radius:10px;border:1px solid rgba(148,163,184,.1)}.percentile-info{display:flex;align-items:baseline;gap:4px}.percentile-label{font-size:13px;font-weight:500;color:#64748b}.percentile-value{font-size:18px;font-weight:700;color:#1e293b}.rank-description{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.data-unavailable-v2{text-align:center;padding:32px 16px;background:#f8fafc99;border-radius:12px;border:1px solid rgba(148,163,184,.1)}.unavailable-icon{font-size:32px;opacity:.6;margin-bottom:12px}.unavailable-text{font-size:16px;font-weight:600;color:#64748b;margin-bottom:4px}.unavailable-subtitle{font-size:13px;color:#94a3b8}.popup-footer-v2{padding:16px 24px 20px;background:#f8fafc66;border-top:1px solid rgba(148,163,184,.1)}.metadata-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metadata-item{display:flex;flex-direction:column;gap:2px}.metadata-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.metadata-value{font-size:13px;font-weight:500;color:#475569}@media (max-width: 768px){.energy-popup-redesigned-v2{min-width:300px;max-width:340px}.popup-header-v2{padding:16px 20px 12px}.header-content{flex-direction:column;gap:12px;text-align:center}.ranking-indicator-v2{margin-left:0}.state-name-v2{font-size:18px}.popup-body-v2{padding:16px 20px}.metric-value-v2{font-size:28px}.metadata-grid{grid-template-columns:1fr;gap:12px}}.energy-popup-redesigned-container .leaflet-popup-content-wrapper{background:transparent!important;border-radius:16px!important;box-shadow:none!important;border:none!important;padding:0!important;overflow:hidden!important}.energy-popup-redesigned-container .leaflet-popup-content{margin:0!important;padding:0!important;width:auto!important;min-width:350px!important;max-width:400px!important;pointer-events:auto!important}.energy-popup-redesigned-container .leaflet-popup-tip{background:linear-gradient(135deg,#fff,#f8fafc)!important;border:none!important;box-shadow:0 4px 12px #0000001a!important}.energy-popup-redesigned,.energy-popup-redesigned-main{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #00000026,0 0 0 1px #fffc;min-width:350px;max-width:400px;animation:energyPopupSlideIn .3s cubic-bezier(.34,1.56,.64,1);transition:transform .2s ease,box-shadow .2s ease}.energy-popup-redesigned:hover,.energy-popup-redesigned-main:hover{transform:translateY(-2px);box-shadow:0 25px 50px #0003,0 0 0 1px #ffffffe6}.popup-header-redesigned,.popup-header-redesigned-main{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.popup-header-redesigned:before,.popup-header-redesigned-main:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3;pointer-events:none}.state-info,.state-info-main{flex:1;z-index:1}.state-name,.state-name-main{font-size:22px;font-weight:700;margin:0 0 4px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.data-category,.data-category-main{font-size:13px;opacity:.9;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.ranking-badge,.ranking-badge-main{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:80px;z-index:1}.rank-icon,.rank-icon-main{font-size:20px;display:block;margin-bottom:2px}.rank-details,.rank-details-main{text-align:center;line-height:1.2}.rank-position,.rank-position-main{display:block;font-size:16px;font-weight:700;line-height:1}.rank-total,.rank-total-main{font-size:10px;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.ranking-badge.rank-excellent,.ranking-badge-main.rank-excellent{background:linear-gradient(135deg,#22c55e40,#16a34a40);border-color:#22c55e66}.ranking-badge.rank-very-good,.ranking-badge-main.rank-very-good{background:linear-gradient(135deg,#3b82f640,#2563eb40);border-color:#3b82f666}.ranking-badge.rank-good,.ranking-badge-main.rank-good{background:linear-gradient(135deg,#f59e0b40,#d9770640);border-color:#f59e0b66}.ranking-badge.rank-average,.ranking-badge-main.rank-average{background:linear-gradient(135deg,#ef444440,#dc262640);border-color:#ef444466}.ranking-badge.rank-below-average,.ranking-badge-main.rank-below-average{background:linear-gradient(135deg,#6b728040,#4b556340);border-color:#6b728066}.ranking-badge.rank-no-data,.ranking-badge-main.rank-no-data{background:linear-gradient(135deg,#9ca3af40,#6b728040);border-color:#9ca3af66}.popup-body-redesigned,.popup-body-redesigned-main{padding:24px;background:linear-gradient(135deg,#fff,#f8fafc)}.primary-metric,.primary-metric-main{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid rgba(148,163,184,.1);border-radius:16px;padding:20px;margin-bottom:20px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #0000000d}.metric-visual,.metric-visual-main{display:flex;align-items:center;gap:16px;flex:1}.metric-icon,.metric-icon-main{font-size:32px;background:linear-gradient(135deg,#4f46e5,#7c3aed);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background-color:#4f46e51a;background-image:none;color:#4f46e5}.progress-container,.progress-container-main{flex:1;display:flex;flex-direction:column;gap:8px}.progress-bar,.progress-bar-main{height:8px;background:#94a3b833;border-radius:4px;overflow:hidden;position:relative}.progress-fill,.progress-fill-main{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill.rank-excellent,.progress-fill-main.rank-excellent{background:linear-gradient(90deg,#22c55e,#16a34a)}.progress-fill.rank-very-good,.progress-fill-main.rank-very-good{background:linear-gradient(90deg,#3b82f6,#2563eb)}.progress-fill.rank-good,.progress-fill-main.rank-good{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-fill.rank-average,.progress-fill-main.rank-average{background:linear-gradient(90deg,#ef4444,#dc2626)}.progress-fill.rank-below-average,.progress-fill-main.rank-below-average{background:linear-gradient(90deg,#6b7280,#4b5563)}.progress-text,.progress-text-main{font-size:14px;font-weight:600;color:#374151;text-align:center}.metric-value-container,.metric-value-container-main{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.metric-value,.metric-value-main{font-size:28px;font-weight:800;color:#1f2937;line-height:1}.metric-unit,.metric-unit-main{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.metric-label,.metric-label-main{font-size:14px;color:#4f46e5;font-weight:600;padding:4px 8px;background:#4f46e51a;border-radius:6px;border:1px solid rgba(79,70,229,.2)}.info-grid,.info-grid-main{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-item,.info-item-main{background:#ffffffb3;border:1px solid rgba(148,163,184,.1);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .2s ease}.info-item:hover,.info-item-main:hover{background:#ffffffe6;border-color:#4f46e533;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.info-icon,.info-icon-main{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:8px;border:1px solid rgba(148,163,184,.2)}.info-content,.info-content-main{flex:1;display:flex;flex-direction:column;gap:2px}.info-label,.info-label-main{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value,.info-value-main{font-size:14px;color:#1f2937;font-weight:600}.popup-footer-redesigned,.popup-footer-redesigned-main{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:16px 24px;border-top:1px solid rgba(148,163,184,.1);text-align:center}.close-hint,.close-hint-main{font-size:12px;color:#64748b;font-style:italic;opacity:.8}@keyframes energyPopupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.energy-popup-redesigned,.energy-popup-redesigned-main{min-width:320px;max-width:360px}.popup-header-redesigned,.popup-header-redesigned-main{padding:16px 20px;flex-direction:column;gap:12px;text-align:center}.state-name,.state-name-main{font-size:20px}.popup-body-redesigned,.popup-body-redesigned-main{padding:20px}.primary-metric,.primary-metric-main{padding:16px;flex-direction:column;text-align:center;gap:16px}.metric-visual,.metric-visual-main{justify-content:center}.metric-value-container,.metric-value-container-main{align-items:center;text-align:center}.metric-value,.metric-value-main{font-size:24px}.info-grid,.info-grid-main{grid-template-columns:1fr;gap:12px}.info-item,.info-item-main{padding:12px}}.layer-explanation{position:absolute;bottom:20px;left:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #00000026;padding:15px;max-width:300px;z-index:1500;font-family:Roboto,Segoe UI,Arial,sans-serif;border-left:4px solid #3498db;will-change:transform,opacity;transform-origin:bottom left;pointer-events:auto;isolation:isolate}.layer-explanation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:8px}.layer-explanation-title{font-weight:600;font-size:16px;color:#333;display:flex;align-items:center;gap:8px}.layer-explanation-close{background:#f5f5f5;border:none;border-radius:50%;cursor:pointer;color:#666;font-size:18px;padding:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:10px;position:relative;z-index:10}.layer-explanation-close:hover{background:#e0e0e0;color:#333;transform:scale(1.05)}.layer-explanation-close:active{background:#d0d0d0;transform:scale(.95)}.layer-explanation-content{font-size:14px;line-height:1.5;color:#555}.layer-explanation-legend{margin-top:12px;padding-top:12px;border-top:1px solid #eee}.legend-item{display:flex;align-items:center;margin-bottom:8px;font-size:13px}.legend-color{width:20px;height:4px;margin-right:10px;border-radius:2px}.legend-line{width:20px;height:20px;margin-right:10px;display:flex;align-items:center;justify-content:center}.legend-line-inner{width:100%;height:2px}.legend-line.dashed .legend-line-inner{border-top:2px dashed}.legend-line.dotted .legend-line-inner{border-top:2px dotted}.legend-line.solid .legend-line-inner{border-top:2px solid}.legend-point{width:10px;height:10px;border-radius:50%;margin-right:10px}.legend-text{flex:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dark-mode .layer-explanation{background:#2c3e50;border-left:4px solid #3498db}.dark-mode .layer-explanation-header{border-bottom:1px solid #34495e}.dark-mode .layer-explanation-title{color:#ecf0f1}.dark-mode .layer-explanation-close{background:#34495e;color:#bdc3c7}.dark-mode .layer-explanation-close:hover{background:#2c3e50;color:#ecf0f1}.dark-mode .layer-explanation-close:active{background:#243342}.dark-mode .layer-explanation-content{color:#bdc3c7}.dark-mode .layer-explanation-legend{border-top:1px solid #34495e}.us-state-boundary{fill:transparent;stroke:#666;stroke-width:1;stroke-opacity:.5;transition:all .3s ease;pointer-events:auto!important}.us-state-boundary:hover,.us-state-boundary.highlighted{fill:#3388ff4d;stroke:#333;stroke-width:2;stroke-opacity:.8;cursor:pointer}.dark-mode .us-state-boundary{stroke:#999}.dark-mode .us-state-boundary:hover,.dark-mode .us-state-boundary.highlighted{fill:#38f6;stroke:#ccc}.state-tooltip{background-color:#ffffffe6;border:1px solid #ccc;border-radius:4px;padding:5px 10px;font-size:14px;font-weight:700;box-shadow:0 2px 10px #0000001a;z-index:1000}.dark-mode .state-tooltip{background-color:#282c34e6;color:#fff;border-color:#555}.geojson-states-pane{z-index:200!important;pointer-events:auto!important}.us-state-path{pointer-events:auto!important;cursor:pointer}.leaflet-overlay-pane path{pointer-events:auto!important}.custom-state-tooltip{position:fixed;background-color:#ffffffe6;border:1px solid #ccc;border-radius:4px;padding:5px 10px;font-size:14px;font-weight:700;box-shadow:0 2px 10px #0000001a;z-index:10000;pointer-events:none;transition:all .1s ease}.custom-state-tooltip.dark-mode{background-color:#282c34e6;color:#fff;border-color:#555}.economic-popup{padding:15px;max-width:320px;border-radius:8px;box-shadow:0 3px 20px #00000040;font-size:14px;background-color:#fff;animation:popup-fade-in .3s ease}@keyframes popup-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.economic-popup h3{margin:0 0 8px;color:#333;font-size:18px;font-weight:600;border-bottom:1px solid #eee;padding-bottom:5px}.economic-popup p{margin:5px 0;color:#555;line-height:1.4}.economic-popup strong{color:#222;font-weight:600}.economic-popup.core-market{border-left:4px solid #ff3b30;z-index:2000!important}.economic-popup.core-market h3{color:#d32f2f}.economic-popup.subsidy-area{border-left:4px solid #007aff;z-index:2000!important}.economic-popup.subsidy-area h3{color:#0062cc}.economic-popup-table{width:100%;margin:8px 0;border-collapse:collapse;font-size:12px}.economic-popup-table th,.economic-popup-table td{padding:6px;text-align:left;border-bottom:1px solid #eee}.economic-popup-table th{font-weight:600;color:#555;font-size:11px;text-transform:uppercase}.data-bar-container{height:8px;background:#eee;border-radius:4px;margin:8px 0;overflow:hidden}.data-bar{height:100%;border-radius:4px}.data-bar.high{background:linear-gradient(to right,#ff9500,#ff3b30)}.data-bar.medium{background:linear-gradient(to right,#fc0,#ff9500)}.data-bar.low{background:linear-gradient(to right,#5ac8fa,#4cd964)}.economic-pin-marker{display:flex;flex-direction:column;align-items:center;transform-origin:bottom center;z-index:1000!important;pointer-events:auto!important}.economic-pin-marker .pin-container{display:flex;flex-direction:column;align-items:center;position:relative;animation:markerPulse 2s infinite}.economic-pin-marker .pin{width:36px;height:36px;border-radius:50% 50% 50% 0;background:#ff3b30;position:relative;transform:rotate(-45deg);box-shadow:0 3px 8px #0006,0 0 0 4px #fff6;border:2px solid rgba(255,255,255,.9);transition:all .3s ease}.economic-pin-marker .pin:after{content:"";width:14px;height:14px;border-radius:50%;background:#fff;position:absolute;top:9px;left:9px;box-shadow:inset 0 0 3px #0003}.economic-pin-marker.subsidy-area .pin{background:#007aff;border:2px solid rgba(255,255,255,.9);box-shadow:0 3px 8px #0006,0 0 0 4px #fff6}.economic-pin-marker .pin-label{background:#fffffff2;color:#222;padding:4px 10px;border-radius:12px;font-size:13px;font-weight:700;margin-top:2px;box-shadow:0 2px 4px #0000004d;z-index:1100;white-space:nowrap;border:1px solid #ddd;max-width:140px;text-overflow:ellipsis;overflow:hidden;pointer-events:none}.economic-pin-marker:hover{z-index:2000!important}.economic-pin-marker:hover .pin{transform:rotate(-45deg) scale(1.1);box-shadow:0 5px 12px #00000080}.economic-pin-marker:hover .pin-label{transform:scale(1.05);box-shadow:0 3px 6px #0006}@keyframes markerPulse{0%{transform:scale(1);box-shadow:0 3px 8px #0006,0 0 0 4px #fff6}50%{transform:scale(1.08);box-shadow:0 5px 12px #00000080,0 0 0 6px #ffffff80}to{transform:scale(1);box-shadow:0 3px 8px #0006,0 0 0 4px #fff6}}.economic-service-circle{animation:fadeIn 1s ease-in-out;z-index:800!important}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.economic-service-circle-pulse{animation:circlePulse 3s infinite ease-in-out}@keyframes circlePulse{0%{stroke-width:1;stroke-opacity:.5}50%{stroke-width:2;stroke-opacity:.7}to{stroke-width:1;stroke-opacity:.5}}.economic-hotspot-ui-container{position:relative;z-index:1000}.model-toggle-container{margin-top:15px;padding-top:12px;border-top:1px solid #eee}.dark-mode .model-toggle-container{border-top-color:#444}.model-toggle-label{font-size:13px;color:#444;margin-bottom:8px;font-weight:500}.dark-mode .model-toggle-label{color:#ddd}.model-toggle-buttons{display:flex;gap:8px}.model-toggle-btn{flex:1;padding:8px 12px;border-radius:6px;background:#f5f5f5;border:1px solid #ddd;color:#444;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.dark-mode .model-toggle-btn{background:#333;border-color:#444;color:#ddd}.model-toggle-btn:hover{background:#eaeaea;border-color:#ccc}.dark-mode .model-toggle-btn:hover{background:#3a3a3a;border-color:#555}.model-toggle-btn.active{background:#007aff;border-color:#0062cc;color:#fff}.dark-mode .model-toggle-btn.active{background:#0062cc;border-color:#004999}.model-toggle-btn.active:hover{background:#0062cc}.dark-mode .model-toggle-btn.active:hover{background:#004999}.settings-toggle-button{position:absolute;bottom:180px;right:20px;width:36px;height:36px;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000004d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border:1px solid #ddd;color:#444;z-index:1010}.settings-toggle-button:hover{transform:scale(1.1);box-shadow:0 3px 8px #0006}.settings-toggle-button.active{background:#007aff;color:#fff;border-color:#0062cc}.dark-mode .settings-toggle-button{background:#333;border-color:#555;color:#eee}.dark-mode .settings-toggle-button.active{background:#0062cc;color:#fff;border-color:#007aff}.economic-hotspot-legend{position:absolute;bottom:10px;right:20px;background:#fffffff2;padding:12px;border-radius:10px;box-shadow:0 3px 15px #00000040;z-index:1500;font-size:12px;max-width:300px;border:1px solid #ddd;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.economic-hotspot-legend:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000004d}.dark-mode .economic-hotspot-legend{background:#282828f2;color:#eee;border:1px solid #555}.economic-hotspot-legend h3{margin:0 0 10px;font-weight:700;font-size:14px;text-align:center;color:#333;padding-bottom:5px;border-bottom:1px solid #eee}.dark-mode .economic-hotspot-legend h3{color:#fff;border-bottom-color:#555}.economic-hotspot-legend-items{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:12px;padding:5px 0}.legend-marker-wrapper{display:flex;align-items:center;justify-content:center;width:30px;height:30px}.legend-marker{position:relative;display:flex;align-items:center;justify-content:center}.legend-marker .legend-pin{width:18px;height:18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);position:relative;box-shadow:0 2px 4px #0000004d;border:1px solid rgba(255,255,255,.8)}.legend-marker.pin-core .legend-pin{background:#ff3b30}.legend-marker.pin-subsidy .legend-pin{background:#5ac8fa}.legend-marker.pin-minor .legend-pin{background:#ff9500}.legend-color{width:20px;height:20px;border-radius:50%;box-shadow:0 2px 4px #0003}.economic-help-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease}.help-modal-content{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:85vh;box-shadow:0 5px 25px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .4s ease}.dark-mode .help-modal-content{background:#222;color:#eee;border:1px solid #444}.help-header{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.dark-mode .help-header{border-bottom-color:#444}.help-header h2{margin:0;font-size:20px;color:#333}.dark-mode .help-header h2{color:#fff}.help-content{padding:20px;overflow-y:auto;flex-grow:1}.help-section{margin-bottom:24px}.help-section h3{margin:0 0 10px;font-size:18px;color:#333}.dark-mode .help-section h3{color:#fff}.help-section h4{margin:12px 0 5px;font-size:16px;color:#444}.dark-mode .help-section h4{color:#ddd}.help-section p,.help-section li{margin:8px 0;line-height:1.5;color:#555}.dark-mode .help-section p,.dark-mode .help-section li{color:#bbb}.help-section ul{padding-left:25px}.model-explanation{background:#00000008;padding:15px;border-radius:8px;margin:12px 0}.dark-mode .model-explanation{background:#ffffff0d}.help-footer{padding:15px 20px;display:flex;justify-content:flex-end;border-top:1px solid #eee}.dark-mode .help-footer{border-top-color:#444}.help-ok-button{padding:8px 20px;background:#007aff;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.help-ok-button:hover{background:#0062cc;transform:translateY(-2px);box-shadow:0 3px 10px #0062cc4d}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.legend-description{flex:1;line-height:1.4}.legend-note{margin-top:10px;font-style:italic;color:#666;font-size:11px;text-align:center;padding-top:5px;border-top:1px dashed #eee}.dark-mode .legend-note{color:#aaa;border-top-color:#444}body,html{overflow-x:hidden;width:100%;margin:0;padding:0}.park-detail-page{width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box;display:flex;min-height:100vh;background-color:#f9f9f9}.detail-content,.incomplete-info,.transport-map-container,.park-layout,.contact-section,.park-highlights-section,.infrastructure-section{max-width:100%;overflow-x:hidden;box-sizing:border-box}.map-wrapper{max-width:100%;overflow:hidden}.header-buttons{max-width:100%;box-sizing:border-box}.park-detail-page{background-color:#f9f9f9;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;overflow-y:auto;height:100%;width:100%;--primary-color: #0070f3;--secondary-color: #00c4ff;--accent-color: #6e00ff;--dark-bg: #111827;--card-bg: rgba(255, 255, 255, .9);--card-hover-bg: rgba(255, 255, 255, 1);--card-shadow: 0 4px 20px rgba(0, 0, 0, .1);--card-hover-shadow: 0 10px 30px rgba(0, 112, 243, .2);--gradient-bg: linear-gradient(135deg, var(--primary-color), var(--secondary-color))}.sidebar{width:320px;background:#2c3e50;box-shadow:2px 0 15px #0000001a;overflow-y:auto;height:100vh;position:sticky;top:0;padding:24px 20px;display:flex;flex-direction:column;color:#fff}.sidebar-header{padding:12px 8px;text-align:center;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.15)}.sidebar-header h2{font-size:1.5rem;font-weight:600;margin-bottom:8px;letter-spacing:.5px}.sidebar-header .location-tag{font-size:.9rem;background:#ffffff1a;padding:6px 14px;border-radius:20px;display:inline-flex;align-items:center;margin-top:4px}.back-button{background:#ffffff26;color:#fff;border-radius:50px;padding:8px 16px;font-size:.9rem;cursor:pointer;border:none;transition:all .25s ease;display:inline-flex;align-items:center;margin-bottom:12px;font-weight:500}.back-button:hover{background:#ffffff40;transform:translateY(-1px)}.sidebar-nav{display:flex;flex-direction:column;gap:6px;flex-grow:1;margin-top:8px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 14px;border-radius:8px;transition:all .2s ease;font-size:.95rem;font-weight:500;letter-spacing:.3px;border-left:3px solid transparent}.sidebar-nav-item:hover{background-color:#ffffff14;border-left-color:#ffffff4d}.sidebar-nav-item.active{background-color:#ffffff1f;border-left-color:#3498db}.sidebar-nav-icon{font-size:1.2rem;opacity:.9}.language-toggle{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:8px 16px;margin-top:20px;cursor:pointer;transition:all .25s ease;font-size:.9rem;font-weight:500}.language-toggle:hover{background-color:#fff3;border-color:#ffffff4d}.main-content{flex:1;padding:0;overflow:hidden;height:100vh}.sidebar-content{flex:1;padding:0 20px;overflow-y:auto;margin-top:20px}.detail-header{position:relative;min-height:100px;padding:20px;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#333;margin-bottom:20px}.header-buttons{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;padding:0 20px;box-sizing:border-box}.back-button,.language-toggle{background:#f0f0f0;color:#333;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.95rem;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-weight:500;box-shadow:0 2px 4px #0000001a}.back-button:hover,.language-toggle:hover{background:#e0e0e0;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.detail-header h1{font-size:2rem;margin:10px 0;color:#333;font-weight:700}.location-tag{display:inline-flex;align-items:center;gap:4px;font-size:.9rem;color:#666;background:#f0f0f0;padding:5px 10px;border-radius:20px;box-shadow:0 2px 4px #0000001a}.location-tag:before{content:"📍"}.detail-content{background-color:transparent;border-radius:0;box-shadow:none;padding:20px;transition:all .3s ease;width:100%}.park-map-container{position:relative;margin-top:0;border-radius:12px;background-color:#fff;box-shadow:0 4px 15px #0000001a;overflow:hidden;height:calc(100vh - 150px)}.map-wrapper{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #00000026}.leaflet-container{height:100%!important;width:100%;border-radius:12px}.map-side-controls{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:900}.toggle-layer-button,.toggle-environment-button,.toggle-transport-button,.reset-map-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:#f0f0f0;color:#333;font-size:.95rem;font-weight:500;border-radius:20px;border:none;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .3s ease;width:100%;min-width:160px;text-align:center;white-space:nowrap}.toggle-layer-button:hover,.toggle-environment-button:hover,.toggle-transport-button:hover,.reset-map-button:hover{background-color:#e0e0e0;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.toggle-environment-button.active{background-color:#4caf50;color:#fff}.toggle-layer-button.active{background-color:#ffa07a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #ffa07a4d}.toggle-transport-button.active{background-color:#2196f3;color:#fff}.park-hero{margin-bottom:20px;position:relative;overflow:hidden;border-radius:16px;box-shadow:0 8px 30px #00000026}.park-images{display:flex;gap:20px;flex-wrap:wrap;position:relative}.main-image{width:100%;max-width:100%;height:auto;border-radius:16px;transition:transform .5s ease;filter:brightness(1.05) contrast(1.05)}.main-image:hover{transform:scale(1.02)}.redesigned-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:20px}.info-card{background-color:#fff;border-radius:12px;box-shadow:var(--card-shadow);padding:20px;transition:all .3s ease}.info-card h3{margin:0 0 10px;font-size:1rem;color:#555}.info-card p{margin:0;font-size:1.2rem;font-weight:600;color:#333}.status-description-section{margin-top:40px}.status-description-card{background-color:#fff;border-left:4px solid var(--primary-color);padding:20px;border-radius:8px;box-shadow:var(--card-shadow);margin-top:20px}.currency-rates-section{margin-top:40px}.currency-rates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:20px}.currency-rate-card{background-color:#fff;border-radius:12px;box-shadow:var(--card-shadow);padding:20px;transition:all .3s ease}.currency-rate-card h3{margin:0 0 10px;font-size:1rem;color:#555}.currency-rate-card p{margin:0;font-size:1.2rem;font-weight:600;color:#333}.redesigned-distance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-top:20px}.distance-card{background-color:#fff;border-radius:12px;box-shadow:var(--card-shadow);padding:20px;transition:all .3s ease}.distance-card h3{margin:0 0 10px;font-size:1rem;color:#555}.distance-card p{margin:0;font-size:1.2rem;font-weight:600;color:#333}.transport-card h3{margin:0 0 10px;font-size:1rem;color:#555}.transport-card p{margin:0;font-size:1.2rem;font-weight:600;color:#333}.park-layout{margin-bottom:40px}.layout-image{display:block;margin:20px auto 0;width:100%;max-width:1000px;height:auto;border-radius:16px;transition:transform .5s ease}.layout-image:hover{transform:scale(1.05)}.park-layout h2{margin-top:10px;margin-bottom:25px;font-size:1.8rem;color:#111;border-bottom:2px solid var(--primary-color);display:inline-block;position:relative;padding-bottom:10px}.park-layout h2:after{content:"";position:absolute;bottom:-2px;left:0;width:50%;height:2px;background:var(--secondary-color);animation:pulse 2s infinite}h2{font-size:1.8rem;color:#111;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--primary-color);position:relative;display:inline-block}h2:after{content:"";position:absolute;bottom:-2px;left:0;width:50%;height:2px;background:var(--secondary-color);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}h3{font-size:1.4rem;color:#222;margin-bottom:20px;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.info-item{background-color:var(--card-bg);padding:20px;border-radius:12px;box-shadow:var(--card-shadow);transition:all .3s ease;border:1px solid rgba(0,0,0,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.info-item:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow);background-color:var(--card-hover-bg);border-color:#0070f333}.info-label{display:block;font-size:.9rem;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.info-value{display:block;font-size:1.2rem;font-weight:600;color:#111}.description-box{background-color:#fafafa;padding:25px;border-left:4px solid var(--primary-color);margin-top:30px;margin-bottom:20px;border-radius:8px;box-shadow:var(--card-shadow);width:100%}.description-box h3{margin-top:0;margin-bottom:15px;color:#333;font-size:1.4rem}.description-box p{margin:0;line-height:1.8;color:#444;font-size:1.05rem;text-align:justify;max-width:100%}.currency-rates{margin-top:20px;background-color:#f9f9f9;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d}.currency-rates h3{margin-top:0;margin-bottom:15px;color:#333;font-size:1.4rem}.rates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.rate-item{background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease}.rate-label{font-weight:700;margin-bottom:8px;color:#444;font-size:1.2rem}.rate-value{color:#06c;font-size:1.4rem;font-weight:500}.rate-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0070f326}@media (max-width: 768px){.rates-grid{grid-template-columns:1fr}}.infrastructure-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin-top:20px}.infra-item{background-color:var(--card-bg);padding:25px;border-radius:12px;box-shadow:var(--card-shadow);transition:all .3s ease;border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.infra-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-bg)}.infra-item:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.infra-item h3{display:flex;align-items:center;margin-top:0;color:#333;font-size:1.1rem}.facility-icon{margin-right:8px;font-style:normal}.infra-sources{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.source-tag{background:var(--gradient-bg);color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;box-shadow:0 2px 8px #0070f34d}.infra-item.full-width{grid-column:1 / -1}.transport-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:25px;background-color:var(--card-bg);padding:25px;border-radius:12px;box-shadow:var(--card-shadow);position:relative;overflow:hidden}.transport-info:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/transport-pattern.svg);background-size:200px;opacity:.03;z-index:0}.transport-item{padding:15px;position:relative;z-index:1;transition:all .3s ease;border-radius:8px}.transport-item:hover{background-color:#ffffffb3;box-shadow:0 4px 15px #0000000d}.transport-item h3{font-size:1.1rem;margin-bottom:12px;color:#333;font-weight:600}.transport-item p{color:#444;font-size:1rem}.park-charts-container{margin-top:40px;padding:0;background-color:transparent;box-shadow:none;border-radius:0;position:relative;overflow:visible;max-width:100%;width:100%}.chart-container{background-color:#fff;border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:var(--card-shadow);position:relative;transition:all .3s ease;max-width:100%;overflow-x:hidden;box-sizing:border-box;width:100%}.chart-container>div,.chart-container canvas,.chart-container svg,.recharts-wrapper,.recharts-surface{max-width:100%!important;width:auto!important;height:auto!important;overflow:hidden!important}.investment-chart-container,.production-capacity-chart-container{max-width:100%!important;overflow:hidden!important;width:100%!important;box-sizing:border-box!important}.chart-title{font-size:1.4rem;color:#222;margin-bottom:20px;font-weight:600;position:relative;display:inline-block}.chart-title:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:2px;background:var(--gradient-bg)}.facilities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin:40px 0}.facility-item{background-color:var(--card-bg);padding:25px;border-radius:12px;box-shadow:var(--card-shadow);transition:all .3s ease;height:100%;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.facility-item ul{list-style:none;margin:0;padding:0}.facility-item li{margin-bottom:10px;color:#444}.facility-item:after{content:"";position:absolute;bottom:0;right:0;width:80px;height:80px;background:radial-gradient(circle,#0070f30d,#fff0 70%);border-radius:50%;z-index:0}.facility-item:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.facility-list{display:flex;flex-direction:column;gap:15px;position:relative;z-index:1}.info-item,.infra-item,.facility-item,.contact-item,.highlight-item{position:relative;overflow:hidden}.info-item:after,.infra-item:after,.facility-item:after,.contact-item:after,.highlight-item:after{content:"";position:absolute;bottom:0;right:0;width:100px;height:100px;background:radial-gradient(circle,#0070f30d,#fff0 70%);border-radius:50%;z-index:0;opacity:0;transition:opacity .3s ease}.info-item:hover:after,.infra-item:hover:after,.facility-item:hover:after,.contact-item:hover:after,.highlight-item:hover:after{opacity:1}.contact-section{margin-top:40px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;padding:40px;box-shadow:0 15px 35px #0000001a;position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#3498db0d,#fff0 50%);z-index:0}.contact-section h2{font-size:2rem;color:#2c3e50;margin-bottom:30px;position:relative;display:inline-block;padding-bottom:10px}.contact-section h2:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:2px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;position:relative;z-index:1}.contact-item{background-color:#fff;padding:30px;border-radius:16px;box-shadow:0 8px 25px #0000000f;transition:all .3s ease;border:1px solid rgba(0,0,0,.03);position:relative;overflow:hidden;display:flex;flex-direction:column}.contact-item:before{content:"";position:absolute;top:0;left:0;width:6px;height:60%;background:linear-gradient(to bottom,#3498db,#2980b9);border-radius:0 3px 3px 0;transform:translateY(30%)}.contact-item h3{display:flex;align-items:center;margin-top:0;color:#2c3e50;font-size:1.3rem;margin-bottom:20px;font-weight:600}.contact-item a{color:var(--primary-color);text-decoration:none;transition:color .3s ease;font-weight:500}.contact-item a:hover{color:var(--secondary-color);text-decoration:underline}.phone-list p{margin:8px 0;font-size:1rem;color:#444}.coordinates{margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,0,0,.05)}.coordinates p{margin:5px 0;font-size:.95rem;color:#555}.park-highlights-section{margin-top:40px;padding:30px;background-color:#f9f9f9;border-radius:16px;box-shadow:var(--card-shadow);position:relative;overflow:hidden}.park-highlights-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/highlights-pattern.svg);background-size:300px;opacity:.03;z-index:0}.highlight-card{background-color:var(--card-bg);padding:25px;border-radius:12px;box-shadow:var(--card-shadow);transition:all .3s ease;text-align:center;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.highlight-card:hover{transform:translateY(-8px);box-shadow:var(--card-hover-shadow)}.highlight-icon{font-size:2.5rem;margin-bottom:15px;color:var(--primary-color);display:inline-block;position:relative;z-index:1}.highlight-card h3{font-size:1.2rem;margin-bottom:12px;color:#333}.highlight-card p{color:#555;font-size:.95rem;line-height:1.6}.incomplete-info{padding:40px;text-align:center}.incomplete-info-container{max-width:800px;margin:0 auto;background-color:var(--card-bg);padding:40px;border-radius:16px;box-shadow:var(--card-shadow);position:relative;overflow:hidden}.incomplete-icon{font-size:4rem;margin-bottom:20px;color:#f39c12}.incomplete-info h2{color:#333;margin-bottom:15px;border-bottom:none;display:block}.incomplete-info h2:after{display:none}.incomplete-info p{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:30px}.basic-info-card{background-color:#f5f5f5;padding:25px;border-radius:12px;margin-top:30px;text-align:left}.basic-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}.basic-info-item{padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d}.basic-info-item.full-width{grid-column:1 / -1}.simple-map-container{margin-top:30px}.labor-data-container{margin-top:40px;padding:0;background-color:transparent;max-width:1200px;margin-left:auto;margin-right:auto}.labor-charts-wrapper{display:flex;flex-direction:column;gap:40px}.labor-trend-section,.labor-data-section{background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;padding:30px;transition:all .3s ease}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:500px;background-color:#f9f9f9}.loading-spinner{width:50px;height:50px;border:5px solid rgba(0,112,243,.2);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s linear infinite;margin-bottom:20px}.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:500px;background-color:#f9f9f9;padding:40px;text-align:center}.error-container h2{color:#e74c3c;margin-bottom:15px;border-bottom:none}.error-container p{color:#555;margin-bottom:30px;font-size:1.1rem}.image-placeholder{display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;border-radius:16px}.main-placeholder{width:100%;height:400px}.layout-placeholder{width:100%;height:300px;max-width:1000px;margin:0 auto}.main-image.loading,.layout-image.loading{opacity:0;transform:translateY(20px)}.main-image.loaded,.layout-image.loaded{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}@media print{.park-detail-page{background-color:#fff;color:#000}.back-button,.language-toggle,.reset-map-button{display:none}.detail-header{background:none;color:#000;min-height:auto;padding:20px 0}.detail-header h1{color:#000;text-shadow:none}.location-tag{color:#333}.detail-content{padding:0}.info-item,.infra-item,.facility-item,.contact-item,.highlight-item{box-shadow:none;border:1px solid #ddd}.info-item:hover,.infra-item:hover,.facility-item:hover,.contact-item:hover,.highlight-item:hover{transform:none;box-shadow:none}.map-container{page-break-inside:avoid}h2:after{animation:none;opacity:1}}.park-detail-page{position:relative}.park-detail-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url(/images/tech-bg-pattern.svg);background-size:500px;opacity:.02;z-index:-1;pointer-events:none}.park-detail-page::-webkit-scrollbar{width:10px}.park-detail-page::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.park-detail-page::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border-radius:5px}.park-detail-page::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--secondary-color),var(--primary-color))}.park-detail-page ::selection{background-color:#0070f333;color:#333}.main-image,.layout-image{transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative}.main-image:after,.layout-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0070f31a,#fff0 50%);opacity:0;transition:opacity .5s ease;border-radius:16px;pointer-events:none}.main-image:hover:after,.layout-image:hover:after{opacity:1}h2{position:relative}h2:before{content:"";position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:5px;height:25px;background:var(--gradient-bg);border-radius:3px;opacity:0;transition:opacity .3s ease,transform .3s ease}h2:hover:before{opacity:1;transform:translateY(-50%) translate(-5px)}.back-button,.language-toggle,.reset-map-button{position:relative;overflow:hidden}.back-button:after,.language-toggle:after,.reset-map-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#fff3,#fff0 70%);transform:scale(0);opacity:0;transition:transform .5s,opacity .3s}.back-button:hover:after,.language-toggle:hover:after,.reset-map-button:hover:after{transform:scale(1);opacity:1}.contact-main-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:25px;position:relative;z-index:1;background:#ffffff80;padding:30px;border-radius:20px;box-shadow:0 5px 20px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-phones{background:linear-gradient(145deg,#fff,#f5f7fa);padding:30px;border-radius:16px;box-shadow:0 10px 30px #00000014;transition:all .3s ease;border:1px solid rgba(0,0,0,.03);position:relative;overflow:hidden;margin-top:30px;grid-column:1 / -1}.contact-phones:before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle,#3498db1a,#fff0 70%);border-radius:50%;z-index:0}.contact-phones h3{display:flex;align-items:center;margin-top:0;color:#2c3e50;font-size:1.4rem;margin-bottom:25px;position:relative;padding-bottom:12px;border-bottom:2px solid rgba(52,152,219,.2)}.contact-icon{margin-right:12px;font-style:normal;font-size:1.5rem;background:linear-gradient(135deg,#3498db,#2980b9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.phone-numbers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;position:relative;z-index:1}.phone-number-item{background:#fff;padding:16px 20px;border-radius:12px;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px #0000000d;border-left:4px solid #3498db;display:flex;flex-direction:column}.phone-number-item strong{margin-bottom:8px;color:#2c3e50;font-size:1.05rem;display:block}.phone-number-item:hover{background-color:#f8fbff;transform:translateY(-5px);box-shadow:0 8px 25px #3498db26}.highlights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;position:relative;z-index:1}@media (max-width: 1200px){.highlights-grid,.contact-main-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.highlights-grid,.contact-main-grid,.phone-numbers-grid{grid-template-columns:1fr}}.leaflet-popup-content{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:5px}.leaflet-popup-content strong{display:block;font-size:1.1rem;margin-bottom:5px;color:#333}.leaflet-popup-content br{display:block;content:"";margin-top:5px}.map-legend{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px;background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem}.legend-color{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #0003}.content-container{background-color:#fff;overflow-y:auto;height:100%;padding:20px}.overview-section{margin-bottom:40px}.redesigned-overview{background-color:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000001a}.overview-content{margin-top:20px}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin:25px 0}.info-card{background-color:#f9f9f9;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000d;display:flex;align-items:flex-start;gap:15px;transition:all .3s ease}.info-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0070f31a;background-color:#f5f9ff}.info-card .icon{font-size:1.5rem;color:#0070f3}.info-card h3{margin:0 0 8px;font-size:1rem;color:#555}.info-card p{margin:0;font-size:1.1rem;font-weight:600;color:#333}.section-subtitle{font-size:1.3rem;color:#333;margin:30px 0 20px;padding-bottom:10px;border-bottom:1px solid #eee}.infrastructure-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.infra-card{background-color:#f9f9f9;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.infra-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0070f31a;background-color:#f5f9ff}.infra-card h4{margin:0 0 10px;font-size:1.1rem;color:#333}.infra-card p{margin:0;color:#555;line-height:1.5}@media (max-width: 768px){.overview-grid,.infrastructure-grid{grid-template-columns:1fr}}.toggle-layer-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:#f0f0f0;color:#333;font-size:.95rem;font-weight:500;border-radius:20px;border:none;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .3s ease;width:100%;min-width:160px}.time-series-button{position:absolute;right:10px;top:65px;width:40px;height:40px;background-color:#fff;border:2px solid rgba(0,0,0,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;z-index:1000;box-shadow:0 1px 5px #000000a6;transition:all .3s ease}.time-series-button:hover{background-color:#f0f0f0;transform:translateY(-2px)}.time-series-button.active{background-color:#f0f8ff;border-color:#4a90e2}.weather-button:hover{background:#f0f8ff;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.weather-button.active{background:#e6f7ff;border-color:#1890ff;color:#1890ff}:root{--detail-sidebar-bg: linear-gradient(to bottom, #f5f7fa, #c3cfe2);--detail-sidebar-text: #333333;--detail-sidebar-text-muted: rgba(0, 0, 0, .6);--detail-sidebar-hover: rgba(0, 0, 0, .05);--detail-sidebar-active: rgba(52, 152, 219, .15);--detail-sidebar-border: rgba(0, 0, 0, .08);--detail-sidebar-active-border: #3498db;--detail-sidebar-shadow: 0 2px 15px rgba(0, 0, 0, .1);--detail-sidebar-item-radius: 8px;--detail-sidebar-transition: all .25s ease;--detail-sidebar-width: 280px}.detail-sidebar{width:var(--detail-sidebar-width);background:var(--detail-sidebar-bg);box-shadow:var(--detail-sidebar-shadow);overflow-y:auto;height:100vh;position:sticky;top:0;padding:0;display:flex;flex-direction:column;color:var(--detail-sidebar-text);border-right:1px solid var(--detail-sidebar-border)}.detail-sidebar-nav::-webkit-scrollbar{width:5px}.detail-sidebar-nav::-webkit-scrollbar-track{background:transparent}.detail-sidebar-nav::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:20px}.detail-sidebar-header{padding:16px 20px;text-align:center;margin-bottom:0;border-bottom:1px solid var(--detail-sidebar-border);position:relative;flex-shrink:0}.detail-sidebar-header h2{font-size:1.4rem;font-weight:600;margin-bottom:8px;letter-spacing:.3px}.detail-sidebar-header .location-tag{font-size:.85rem;background:#00000008;padding:5px 12px;border-radius:20px;display:inline-flex;align-items:center;margin-top:6px}.detail-back-button{background:#0000000d;color:#333;border-radius:20px;padding:8px 14px;font-size:.85rem;cursor:pointer;border:none;transition:var(--detail-sidebar-transition);display:inline-flex;align-items:center;margin-bottom:12px;font-weight:500}.detail-back-button:hover{background:#00000014;transform:translateY(-1px)}.detail-back-button .back-icon{font-size:1rem;margin-right:3px}.detail-sidebar-nav{display:flex;flex-direction:column;gap:4px;flex-grow:1;margin-top:10px;padding:0 16px 10px;overflow-y:auto}.detail-sidebar-nav-item{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 12px;border-radius:var(--detail-sidebar-item-radius);transition:var(--detail-sidebar-transition);font-size:.9rem;font-weight:500;letter-spacing:.2px;border-left:2px solid transparent;position:relative}.detail-sidebar-nav-item:hover{background-color:var(--detail-sidebar-hover);border-left-color:#0000001a}.detail-sidebar-nav-item.active{background-color:var(--detail-sidebar-active);border-left-color:var(--detail-sidebar-active-border)}.detail-sidebar-nav-icon{font-size:1.1rem;opacity:.8;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.detail-sidebar-nav-label{flex:1}.detail-language-toggle{background-color:#00000008;color:#333;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:8px 16px;margin:16px;cursor:pointer;transition:var(--detail-sidebar-transition);font-size:.85rem;font-weight:500;text-align:center;flex-shrink:0}.detail-language-toggle:hover{background-color:#0000000f;border-color:#0000001f}.content-container{flex:1;padding:20px;overflow-y:auto}.toggle-transport-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:#f0f0f0;color:#333;font-size:.95rem;font-weight:500;border-radius:20px;border:none;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .3s ease;width:100%;min-width:160px}.toggle-transport-button.active{background-color:#2196f3;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #2196f34d}.toggle-transport-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.transport-distance-marker{background:transparent;border:none}.transport-distance-marker .distance-bubble{background:#ffffffe6;color:#333;padding:3px 8px;border-radius:12px;font-size:12px;font-weight:500;box-shadow:0 1px 3px #0003;white-space:nowrap;border:1px solid rgba(0,0,0,.1)}.transport-legend{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#ffffffd9;border-radius:30px;padding:10px 25px;display:flex;gap:20px;box-shadow:0 2px 10px #00000026;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.5)}.transport-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#333}.transport-legend .legend-item img{width:20px;height:26px}@media (max-width: 768px){.transport-legend{flex-direction:column;gap:10px;padding:15px;bottom:70px;max-width:80%}}.map-style-switcher{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:1002;display:flex;background:#fff;border-radius:4px;box-shadow:0 1px 5px #000000a6;overflow:hidden;border:2px solid rgba(0,0,0,.2);pointer-events:auto}.style-button{display:flex;align-items:center;padding:8px 12px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;color:#333;font-size:.9rem;font-weight:500;border-right:1px solid rgba(0,0,0,.1)}.style-button:last-child{border-right:none}.style-button:hover{background:#f0f0f0}.style-button.active{background:#f0f7ff;color:#2c3e50;font-weight:600}.style-icon{margin-right:6px;font-size:1.1rem}@media (max-width: 768px){.style-name{display:none}.style-button{padding:8px}.style-icon{margin-right:0}}.leaflet-control-scale{margin-bottom:15px;margin-left:15px}.leaflet-control-scale-line{border:2px solid rgba(0,0,0,.4);border-top:none;background-color:#fffc;color:#333;font-weight:500;font-size:.9rem;padding:2px 5px 1px;line-height:1.1;box-shadow:0 1px 5px #00000026;border-radius:0 0 4px 4px;transition:all .3s ease}[data-map-style=day] .leaflet-control-scale-line{background-color:#fffc;border-color:#0006;color:#333}[data-map-style=night] .leaflet-control-scale-line{background-color:#282828cc;border-color:#fff6;color:#f0f0f0}[data-map-style=satellite] .leaflet-control-scale-line{background-color:#ffffffd9;border-color:#00000080;color:#333;font-weight:600}.leaflet-control-scale:hover .leaflet-control-scale-line{background-color:#fffffff2;border-color:#00000080;box-shadow:0 2px 8px #0003}[data-map-style=night] .leaflet-control-scale:hover .leaflet-control-scale-line{background-color:#323232e6;border-color:#ffffff80}[data-map-style=satellite] .leaflet-control-scale:hover .leaflet-control-scale-line{background-color:#fffffff2;border-color:#0009;box-shadow:0 2px 10px #0000004d}.facility-search-container{position:absolute;top:20px;left:20px;z-index:1000;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}.facility-search-container.collapsed{padding:0;max-height:44px;width:260px;background:none;box-shadow:none;border:none;backdrop-filter:none;-webkit-backdrop-filter:none}.facility-search-container.expanded,.facility-search-container.with-results{padding:12px;width:320px;background:#fffffff2;box-shadow:0 8px 32px #00000026;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.facility-search-container.expanded{max-height:500px}.facility-search-container.with-results:not(.expanded){max-height:400px}.facility-search-header{display:flex;align-items:center;gap:8px;margin-bottom:0}.facility-search-container.collapsed .facility-search-header{padding:4px}.facility-search-form{flex-grow:1;display:flex;border-radius:16px;overflow:hidden;margin-bottom:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.facility-search-container.collapsed .facility-search-form{background:#fff;box-shadow:0 4px 12px #0000001a;border:1px solid rgba(0,0,0,.05)}.facility-search-container.expanded .facility-search-form{background:#ffffffe6;box-shadow:0 4px 12px #00000014;border:1px solid rgba(0,0,0,.03)}.facility-search-form:focus-within{box-shadow:0 6px 16px #0000001f;transform:translateY(-1px)}.facility-search-input{flex:1;padding:10px 15px;border:none;font-size:14px;outline:none;background:transparent;color:#333}.facility-search-button{background:var(--primary-color, #0070f3);color:#fff;border:none;width:38px;height:38px;cursor:pointer;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:0 16px 16px 0;display:flex;align-items:center;justify-content:center}.facility-search-button:hover{background:var(--secondary-color, #0051b3);transform:scale(1.05)}.facility-search-button:disabled{background:#ccc;cursor:not-allowed}.facility-toggle-button{border-radius:50%;width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .3s ease;flex-shrink:0;color:#555}.facility-search-container.collapsed .facility-toggle-button{background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 12px #0000001a}.facility-search-container.expanded .facility-toggle-button{background:#f8f8f8;border:1px solid #eaeaea;box-shadow:none}.facility-toggle-button:hover{background:#f0f0f0;transform:scale(1.05)}.facility-toggle-button:active{transform:scale(.95)}.facility-search-content{margin-top:12px;max-height:350px;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.facility-search-content::-webkit-scrollbar{width:6px}.facility-search-content::-webkit-scrollbar-track{background:transparent}.facility-search-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:10px}.radius-selector{margin:8px 0 12px;padding:10px;background:#f0f0f0cc;border-radius:10px;font-size:13px;color:#333;touch-action:none;position:relative}.radius-selector label{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:500;cursor:default}.radius-icon{font-size:16px}.radius-slider{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#d8d8d8;outline:none;border-radius:4px;cursor:pointer;touch-action:none}.radius-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-color, #0070f3);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #0003}.radius-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-color, #0070f3);cursor:pointer;border:none;transition:all .2s ease;box-shadow:0 2px 5px #0003}.radius-slider::-webkit-slider-thumb:hover,.radius-slider::-moz-range-thumb:hover{transform:scale(1.1)}.facility-categories{margin-top:8px;border-top:1px solid #f0f0f0;padding-top:10px}.facility-category{margin-bottom:12px}.facility-category h4{margin:0 0 8px;font-size:13px;font-weight:600;color:#444;text-transform:capitalize;display:flex;align-items:center}.facility-buttons{display:flex;flex-wrap:wrap;gap:6px}.facility-type-button{background:#f5f5f5e6;border:1px solid #e8e8e8;border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer;transition:all .2s ease;color:#333;display:flex;align-items:center;gap:6px}.facility-type-button:hover{background:#e8e8e8;transform:translateY(-1px)}.facility-type-button:active{transform:translateY(1px)}.facility-type-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.facility-icon{font-size:14px}.facility-search-error{margin-top:8px;padding:8px 12px;background:#ff00001a;border-left:3px solid #f44336;color:#d32f2f;font-size:13px;border-radius:4px}.facility-search-results{margin-top:10px;background:#fff;border-radius:10px;box-shadow:0 1px 4px #0000001a;animation:fadeIn .3s ease;max-height:320px;overflow:hidden;display:flex;flex-direction:column}.facility-search-container.collapsed .facility-search-results{background:#fff;box-shadow:0 4px 12px #0000001a;border:1px solid rgba(0,0,0,.05);margin-top:8px}.results-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#f5f5f5;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:1}.results-header h3{margin:0;font-size:14px;font-weight:600;color:#333}.close-results-button{background:none;border:none;color:#999;font-size:18px;cursor:pointer;padding:0 5px;line-height:1;transition:all .2s}.close-results-button:hover{color:#333;transform:scale(1.1)}.facility-search-results ul{list-style:none;margin:0;padding:0}.facility-result-item{padding:12px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column}.facility-result-item:last-child{border-bottom:none}.facility-result-item:hover{background:#f9f9f9}.facility-result-item:active{background:#f0f0f0}.facility-result-item strong{display:block;font-size:14px;margin-bottom:3px;color:#333}.facility-result-item small{display:block;font-size:12px;color:#666;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-type{display:inline-block;font-size:11px;background:#f0f0f0;padding:2px 6px;border-radius:10px;color:#555;margin-right:5px}.no-results{padding:15px;text-align:center;color:#666;font-size:14px}.facility-popup{min-width:180px}.facility-popup h3{margin:0 0 5px;font-size:15px;color:#333;font-weight:600}.facility-popup p{margin:5px 0;font-size:13px;color:#666;line-height:1.4}.facility-popup a{color:var(--primary-color, #0070f3);text-decoration:none;display:inline-block;margin-top:3px}.facility-popup a:hover{text-decoration:underline}.facility-marker{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.facility-marker:hover{transform:scale(1.3);z-index:1000!important}@media (max-width: 768px){.facility-search-container{width:calc(100% - 20px);max-width:280px;right:10px;top:10px}.facility-search-container.collapsed{max-height:40px;width:230px}.facility-search-container.expanded{max-height:70vh;width:280px}.facility-search-content{max-height:calc(70vh - 55px)}.facility-buttons{gap:5px}.facility-type-button{padding:5px 8px;font-size:11px}.facility-icon{font-size:13px}.facility-label{font-size:11px}.facility-search-input{padding:8px 12px;font-size:13px}.facility-search-button{width:36px;height:36px;font-size:15px}.facility-toggle-button{width:32px;height:32px}}.clear-search-button{background:#ff3b301a;color:#ff3b30;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:5px;transition:all .2s ease}.clear-search-button:hover{background:#ff3b3033;transform:scale(1.05)}.clear-results-button{background:#ff3b301a;color:#ff3b30;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s ease;margin-right:5px}.clear-results-button:hover{background:#ff3b3033;transform:scale(1.05)}.results-action-buttons{display:flex;align-items:center}.results-container{display:flex;flex-direction:column;height:100%;max-height:280px;position:relative}.results-container ul{flex:1;overflow-y:auto;max-height:230px}.results-footer{padding:10px;background:linear-gradient(to bottom,#fffc,#fff);border-top:1px solid #eaeaea;display:flex;justify-content:center;position:sticky;bottom:0;left:0;right:0;z-index:5}.clear-all-button{background:#ff3b30;color:#fff;border:none;border-radius:20px;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #ff3b304d;width:80%}.clear-all-button:hover{background:#e0302a;transform:translateY(-2px);box-shadow:0 4px 12px #ff3b3066}.clear-all-button:active{transform:translateY(1px);box-shadow:0 1px 3px #ff3b304d}.clear-icon{font-size:16px}.weather-tool-container{position:absolute;top:60px;right:10px;z-index:999;pointer-events:auto}.weather-button{position:absolute;top:220px;right:10px;width:40px;height:40px;background-color:#fff;border:2px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:0 1px 5px #000000a6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s ease;pointer-events:auto;z-index:1001;color:#333}.weather-button:hover{background-color:#f0f0f0;transform:translateY(-2px);box-shadow:0 2px 8px #000000b3}.weather-button:active{transform:translateY(0);box-shadow:0 1px 3px #00000080}.weather-button.active{background-color:#f0f8ff;border-color:#4a90e2;color:#2c3e50}.dark-mode .weather-button{background-color:#2c3e50;border-color:#ffffff1a;color:#ecf0f1}.dark-mode .weather-button:hover{background-color:#34495e}.dark-mode .weather-button.active{background-color:#3a5a80;border-color:#4a90e2;color:#fff}.weather-panel{position:absolute;top:0;right:45px;width:320px;background-color:#fff;border-radius:6px;box-shadow:0 2px 10px #0003;padding:15px;z-index:1001;max-height:80vh;overflow-y:auto;transform-origin:top right;animation:panel-appear .3s ease;pointer-events:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.weather-panel *{pointer-events:auto;touch-action:auto}@keyframes panel-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.weather-panel h3{margin:0 0 15px;padding-bottom:10px;border-bottom:1px solid #eee;font-size:16px;font-weight:600;color:#333;display:flex;align-items:center;justify-content:space-between}.weather-loading{display:flex;justify-content:center;align-items:center;height:150px;color:#666}.weather-error{padding:15px;background-color:#fff6f6;border-left:3px solid #e74c3c;margin-bottom:15px;color:#e74c3c}.current-weather{background-color:#f9f9f9;border-radius:6px;padding:15px;margin-bottom:15px}.current-weather h4{margin:0 0 10px;color:#333;font-size:18px;font-weight:600}.weather-main{display:flex;align-items:center;gap:10px;margin-bottom:10px}.temperature{font-size:28px;font-weight:700;color:#333}.weather-details{font-size:14px;color:#555}.weather-details p{margin:5px 0}.sun-times{display:flex;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px dashed #ddd}.nearby-weather{background-color:#f5f9ff;border-radius:6px;padding:15px;margin-bottom:15px}.nearby-weather h4{margin:0 0 10px;color:#333;font-size:16px;font-weight:600}.nearby-list{display:flex;flex-direction:column;gap:8px}.nearby-item{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:10px;border-radius:4px;cursor:pointer;transition:all .2s ease;border:1px solid #eee}.nearby-item:hover{background-color:#f0f8ff;transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}.nearby-item.selected{background-color:#e6f2ff;border-color:#4a90e2}.nearby-name{font-weight:500;flex:1}.nearby-temp{margin:0 10px;font-weight:600}.weather-forecast{background-color:#f5f9ff;border-radius:6px;padding:15px;margin-bottom:15px}.weather-forecast h4{margin:0 0 10px;color:#333;font-size:16px;font-weight:600}.forecast-list{display:flex;overflow-x:auto;gap:10px;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:#ccc transparent}.forecast-item{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:10px;border-radius:4px;min-width:70px;border:1px solid #eee}.forecast-day{font-size:13px;font-weight:600;margin-bottom:5px}.forecast-temp{font-size:15px;font-weight:600;margin-top:5px}.weather-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #eee}.api-limit-note{margin-top:10px;padding:8px;font-size:12px;background-color:#fff9e6;border:1px solid #ffe0b2;border-radius:4px;color:#856404}.refresh-button{background-color:#f0f8ff;border:1px solid #4a90e2;color:#4a90e2;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.refresh-button:hover{background-color:#e6f2ff}.data-source{font-size:12px;color:#999}.close-weather{background:none;border:none;cursor:pointer;color:#999;font-size:12px;padding:4px 8px;border-radius:4px}.close-weather:hover{color:#666;background-color:#f5f5f5}.forecast-header{display:flex;justify-content:space-between;margin-bottom:10px}.forecast-type-tabs{display:flex;gap:5px}.forecast-tab{background:none;border:none;padding:4px 8px;font-size:12px;color:#666;cursor:pointer;border-radius:3px}.forecast-tab.active{background-color:#4a90e2;color:#fff}.precip-chance{display:flex;flex-direction:column;width:100%;margin-top:5px;gap:2px}.precip-bar{height:5px;background-color:#e0f2ff;border-radius:2px;position:relative;overflow:hidden}.precip-fill{position:absolute;top:0;left:0;height:100%;background-color:#4a90e2}.precip-value{font-size:10px;color:#666}@media (max-width: 768px){.weather-panel{width:280px}}.weather-panel::-webkit-scrollbar{width:6px}.weather-panel::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.weather-panel::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.weather-panel::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.weather-location-marker{text-align:center;background:#ffffffe6;border-radius:4px;padding:4px 8px;box-shadow:0 1px 5px #0006;border:1px solid #4a90e2;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.location-marker-label{display:block;font-weight:700;font-size:12px;color:#333;white-space:nowrap}.location-marker-temp{display:block;font-size:12px;color:#4a90e2;white-space:nowrap}.leaflet-popup-content-wrapper{padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:16px!important;overflow:hidden}.leaflet-popup-content{margin:0!important;width:auto!important;min-width:320px!important;max-width:380px!important;pointer-events:auto!important;-webkit-user-select:none!important;user-select:none!important}.leaflet-popup-tip-container{display:none!important}.leaflet-popup-close-button{top:10px!important;right:10px!important;width:30px!important;height:30px!important;font-size:24px!important;color:#777!important;background:#f8f8f8cc!important;border-radius:50%!important;transition:all .2s ease!important;text-decoration:none!important;line-height:30px!important;text-align:center;font-weight:300!important;z-index:2000!important;pointer-events:auto!important;cursor:pointer!important;display:block!important;position:absolute!important}.leaflet-popup-close-button:hover{color:#ff3b30!important;background-color:#0000000d!important;transform:scale(1.1) rotate(90deg)!important}.leaflet-popup-content-wrapper *{pointer-events:auto!important}.leaflet-popup-close-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.migration-leaflet-popup .leaflet-popup-content-wrapper{border-radius:10px!important}.migration-leaflet-popup .leaflet-popup-content{width:320px!important}.migration-leaflet-popup .nationwide-migration-summary{position:static!important;top:auto!important;left:auto!important;animation:none!important;width:100%!important;max-height:none!important;box-shadow:none!important;border:none!important;pointer-events:auto!important}.migration-leaflet-popup .nationwide-pie-chart-wrapper{width:180px!important;height:180px!important}.migration-leaflet-popup .toggle-chart-btn{cursor:pointer!important;pointer-events:auto!important}.ruler-panel{position:absolute;top:10px;right:60px;width:280px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #00000026;z-index:1000;overflow:hidden;font-family:Roboto,Segoe UI,Arial,sans-serif;border:2px solid rgba(0,0,0,.2)}.ruler-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#f0f0f0;border-bottom:1px solid rgba(0,0,0,.1)}.ruler-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.close-btn{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:4px;line-height:1;transition:all .3s ease;border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background-color:#0000000d;color:#333}.close-btn:active{transform:translateY(1px)}.ruler-content{padding:15px}.ruler-instructions{padding:15px;color:#666;font-size:14px;text-align:center}.measurement-info{display:flex;flex-direction:column;gap:15px}.unit-selector{display:flex;flex-direction:column;gap:5px}.unit-selector label{font-size:14px;color:#666}.unit-dropdown select{width:100%;padding:8px 10px;border:1px solid rgba(0,0,0,.15);border-radius:4px;background-color:#fff;font-size:14px;color:#333;cursor:pointer;transition:border-color .2s ease}.unit-dropdown select:hover{border-color:#0000004d}.unit-dropdown select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.distance-display,.area-display,.perimeter-display{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.distance-display label,.area-display label,.perimeter-display label{font-size:14px;color:#666}.distance-value,.area-value,.perimeter-value{font-size:20px;font-weight:600;color:#2c3e50;padding:10px 15px;background:linear-gradient(to right,#3498db1a,#3498db33);border-radius:6px;text-align:center;border-left:4px solid #3498db;box-shadow:0 2px 4px #0000001a;margin:5px 0;letter-spacing:.5px}.new-measurement-btn{width:100%;padding:10px;background:#3498db;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease;margin-top:5px}.new-measurement-btn:hover{background:#2980b9}.cancel-measurement-btn{width:100%;padding:10px;background:#e74c3c;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease;margin-top:10px}.cancel-measurement-btn:hover{background:#c0392b}.ruler-point{width:10px;height:10px;background-color:#ff5722;border:2px solid white;border-radius:50%;box-shadow:0 0 4px #0006}.distance-bubble{background:#ffffffe6;color:#333;padding:3px 8px;border-radius:12px;font-size:12px;font-weight:500;box-shadow:0 1px 3px #0003;white-space:nowrap;border:1px solid rgba(0,0,0,.1)}.area-bubble{background-color:#3498dbd9;color:#fff;font-weight:500;padding:8px 12px;border-radius:6px;box-shadow:0 2px 6px #0003;text-align:center;white-space:nowrap;font-size:14px;border:1px solid rgba(255,255,255,.3);min-width:80px;pointer-events:none;letter-spacing:.3px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:all .2s ease}.saved-lines,.saved-areas{margin-top:10px;margin-bottom:10px}.saved-lines label,.saved-areas label{font-size:14px;color:#666;margin-bottom:5px;display:block}.lines-list{list-style:none;padding:0;margin:0;max-height:150px;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(0,0,0,.1);border-radius:4px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.line-item,.area-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid rgba(0,0,0,.05)}.line-item:last-child,.area-item:last-child{border-bottom:none}.line-distance,.area-size{font-size:14px;color:#333}.delete-line-btn,.delete-area-btn{background:none;border:none;color:#e74c3c;font-size:16px;cursor:pointer;padding:0 5px;transition:color .2s ease}.delete-line-btn:hover,.delete-area-btn:hover{color:#c0392b}.ruler-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ruler-action-btn{flex:1;min-width:80px;padding:8px;background:#f5f7fa;color:#333;border:1px solid rgba(0,0,0,.15);border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.ruler-action-btn:hover{background:#e6e9ed;border-color:#00000040}.ruler-button{position:absolute;top:10px;right:10px;z-index:1000;background:#fff;border:2px solid rgba(0,0,0,.2);border-radius:4px;width:40px;height:40px;box-shadow:0 1px 5px #000000a6;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.ruler-button:hover{background-color:#f5f5f5}.ruler-button.active{background-color:#3498db;color:#fff;border-color:#2980b9}.mode-toggle{display:flex;justify-content:space-between;margin-bottom:15px;border:1px solid rgba(0,0,0,.1);border-radius:4px;overflow:hidden}.mode-toggle-btn{flex:1;padding:8px 0;text-align:center;background:#f5f7fa;border:none;font-size:14px;cursor:pointer;transition:all .2s ease}.mode-toggle-btn.active{background:#3498db;color:#fff}.mode-toggle-btn:first-child{border-right:1px solid rgba(0,0,0,.1)}.new-measurement-btn{width:100%;padding:10px;background:#3498db;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease;margin-top:15px}.detail-zoom-controls{position:absolute;top:120px;right:10px;display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:auto}.detail-zoom-button{width:40px;height:40px;background-color:#fff;border:2px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:0 1px 5px #000000a6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease;pointer-events:auto;color:#333}.detail-zoom-button:hover{background-color:#f0f0f0;transform:translateY(-2px)}.detail-zoom-button:active{transform:translateY(0);box-shadow:0 1px 3px #00000080}.detail-zoom-controls.dark-mode .detail-zoom-button{background-color:#2c3e50;border-color:#ffffff1a;color:#ecf0f1}.detail-zoom-controls.dark-mode .detail-zoom-button:hover{background-color:#34495e}.environment-legend{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#fff;padding:8px 12px;border-radius:20px;box-shadow:0 2px 6px #0000004d;z-index:1000;display:flex;align-items:center;max-width:90%;flex-wrap:wrap;justify-content:center}.environment-legend h4{margin:0 8px 0 0;font-size:14px;font-weight:700;color:#333;white-space:nowrap}.legend-items{display:flex;flex-wrap:nowrap;gap:8px;justify-content:center;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;max-width:100%}.legend-item{display:flex;align-items:center;font-size:12px;background-color:#ffffffe6;padding:2px 6px;border-radius:12px;white-space:nowrap}.color-box{display:inline-block;width:12px;height:12px;margin-right:4px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}.environment-controls{position:absolute;bottom:10px;right:10px;z-index:1000;display:flex;align-items:center;justify-content:flex-end}.environment-layer-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:#f0f0f0;color:#333;font-size:.95rem;font-weight:500;border-radius:20px;border:none;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .3s ease;width:100%;min-width:160px}.environment-layer-button:hover{background-color:#e0e0e0;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.environment-layer-button.active{background-color:#4caf50;color:#fff}.environment-type-selector{position:absolute;right:100%;top:0;display:flex;flex-direction:row;gap:8px;z-index:999;opacity:0;visibility:hidden;transform:translate(20px);transition:all .3s ease;padding-right:10px}.environment-type-selector.active{opacity:1;visibility:visible;transform:translate(0)}.env-type-btn{display:flex;align-items:center;justify-content:center;padding:8px 16px;background:#f0f0f0;color:#333;font-size:.95rem;font-weight:500;border-radius:20px;border:none;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .3s ease;white-space:nowrap}.env-type-btn:hover{background-color:#e0e0e0;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.env-type-btn.active{background-color:#4caf50;color:#fff}.environment-control-panel{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}@media (max-width: 768px){.environment-legend{bottom:60px;padding:5px 8px;max-width:95%}.environment-legend h4{font-size:12px;margin-bottom:2px}.legend-items{gap:3px;padding-bottom:3px;margin-top:2px}.legend-item{font-size:9px;padding:1px 3px;white-space:nowrap}.color-box{width:8px;height:8px}.environment-controls{bottom:50px}.environment-layer-button,.env-type-btn{padding:6px 10px;font-size:12px;min-width:auto;width:auto}.environment-type-selector{position:fixed;flex-direction:column;top:70px;right:10px;background:#fffffff2;border-radius:10px;padding:8px;box-shadow:0 2px 8px #00000040;gap:8px;z-index:1001;width:auto;max-width:120px}.env-type-btn{margin-bottom:5px;white-space:nowrap;width:100%;text-align:center;display:flex;justify-content:center;align-items:center}.env-type-btn:last-child{margin-bottom:0}}.migration-marker{cursor:pointer!important;z-index:1000!important;pointer-events:auto!important}.migration-tooltip-compact{background-color:#fff;border:none;box-shadow:0 2px 10px #0000001a;border-radius:8px;padding:8px 12px;min-width:150px;font-size:12px}.migration-tooltip-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0;padding:8px 0;margin-bottom:10px;position:relative}.migration-tooltip-header h4{margin:0;font-size:16px;font-weight:600;color:#333;flex:1}.migration-total{font-size:13px;font-weight:500;color:#1890ff;margin-top:4px}.migration-tooltip-expanded{background-color:#fff;border:none;box-shadow:0 4px 16px #00000026;border-radius:10px;padding:0;min-width:260px;max-width:340px;z-index:1000;border:1px solid rgba(0,0,0,.08);pointer-events:auto!important}.leaflet-tooltip{pointer-events:auto!important}.migration-tooltip-content{padding:15px;position:relative}.migration-close-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#666;cursor:pointer;border-radius:50%;transition:all .2s;background-color:#f0f0f0;z-index:1020}.migration-close-btn:hover{color:#f5222d;transform:rotate(90deg);background-color:#e0e0e0}.migration-data-blocks{display:flex;flex-direction:column;gap:10px;margin:15px 0}.migration-data-block{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#f9f9f9;border-radius:6px;border:1px solid rgba(0,0,0,.05);box-shadow:0 1px 3px #00000008}.migration-data-label{display:flex;align-items:center;font-size:12px;color:#333}.color-dot{width:10px;height:10px;border-radius:50%;margin-right:6px;display:inline-block}.migration-data-value{font-size:15px;font-weight:600;color:#1890ff}.migration-chart-toggle{display:flex;align-items:center;justify-content:center;padding:10px 0;font-size:14px;color:#fff;cursor:pointer;background-color:#1890ff;border-radius:4px;margin:15px 0;transition:all .2s;font-weight:500;border:none;width:100%;outline:none;box-shadow:0 2px 4px #0000001a;position:relative;z-index:1010}.migration-chart-toggle:hover{background-color:#40a9ff;box-shadow:0 4px 8px #1890ff66;transform:translateY(-1px)}.migration-chart-toggle:active{background-color:#096dd9;transform:translateY(1px);box-shadow:0 1px 2px #1890ff66}.toggle-icon{margin-left:5px;font-size:10px}.migration-chart-container{margin-top:12px;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.migration-pie-container{width:140px;height:140px;margin:0 auto 10px}.migration-legend{font-size:12px;margin-top:12px}.migration-legend-item{display:flex;align-items:center;margin-bottom:6px}.migration-legend-item .color-box{width:12px;height:12px;border-radius:2px;margin-right:8px;display:inline-block}.migration-legend-item strong{margin:0 4px}.percentage{color:#999;font-size:11px;margin-left:4px}.nationwide-toggle-btn{position:absolute;top:80px;left:20px;background-color:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:8px 15px;box-shadow:0 2px 10px #00000026;z-index:1000;font-size:13px;color:#333;cursor:pointer;transition:all .2s ease;border:1px solid rgba(0,0,0,.1);-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:5px}.nationwide-toggle-btn:hover{background-color:#f0f0f0f2;box-shadow:0 3px 12px #0003}.toggle-icon{font-size:10px;display:inline-block;margin-right:3px;color:#666}.migration-type-legend{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;padding:10px 15px;box-shadow:0 4px 15px #00000026;z-index:1000;width:auto;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;animation:slideUp .4s ease-out;border:1px solid rgba(255,255,255,.2)}@keyframes slideUp{0%{transform:translate(-50%,100px);opacity:0}to{transform:translate(-50%);opacity:1}}.migration-type-legend h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#333;text-align:center;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:6px;width:100%}.legend-items{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px 15px}.legend-item{display:flex;align-items:center;font-size:12px;color:#555}.legend-item .color-box{width:10px;height:10px;border-radius:3px;margin-right:6px;display:inline-block;flex-shrink:0}.toggle-migration-button{background-color:#1890ff;color:#fff;border:none;border-radius:4px;padding:8px 12px;font-size:12px;cursor:pointer;width:100%;margin-bottom:8px;transition:background-color .3s}.toggle-migration-button:hover{background-color:#40a9ff}.toggle-migration-button.active{background-color:#f5222d}.toggle-migration-button.active:hover{background-color:#ff4d4f}.migration-no-data-alert{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none}.migration-no-data-message{background-color:#fffffff2;border-radius:10px;padding:20px;box-shadow:0 4px 15px #00000026;text-align:center;max-width:300px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(0,0,0,.08)}.migration-no-data-icon{font-size:32px;margin-bottom:15px;color:#1890ff}.migration-no-data-text{font-size:16px;font-weight:500;color:#333;margin-bottom:10px}.migration-no-data-hint{font-size:14px;color:#666}.migration-controls-container{position:absolute;top:10px;right:10px;z-index:2000;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto}@media (max-width: 768px){.migration-tooltip{min-width:180px}.migration-pie-container{width:100px;height:100px}.migration-type-legend{max-width:200px;bottom:10px;right:10px}}.migration-controls{position:absolute;top:20px;right:80px;background-color:#fffffff7;border-radius:12px;padding:0;box-shadow:0 4px 20px #0003;z-index:1500;min-width:340px;max-width:380px;display:flex;flex-direction:column;opacity:1;visibility:visible;border:1px solid rgba(0,0,0,.1);overflow:hidden;pointer-events:auto;transform:translateZ(0);will-change:transform;isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:all!important;position:relative;z-index:9999}@keyframes controlsFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.migration-controls-header{display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa;padding:15px 20px;border-bottom:1px solid rgba(0,0,0,.1)}.migration-controls-header h4{margin:0;font-size:16px;font-weight:600;color:#333}.migration-controls-actions{display:flex;align-items:center;gap:10px}.migration-close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#666;cursor:pointer;border-radius:50%;transition:all .2s;background-color:#0000000d;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2100}.migration-close-btn:hover{color:#f5222d;transform:rotate(90deg);background-color:#0000001a}.migration-controls-tabs{display:flex;border-bottom:1px solid rgba(0,0,0,.1)}.tab-button{flex:1;background:none;border:none;cursor:pointer;padding:12px 0;font-size:14px;font-weight:500;color:#666;transition:all .2s;position:relative;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.tab-button.active{color:#1890ff}.tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#1890ff}.tab-button:hover{background-color:#00000008}.migration-controls-content{padding:15px 20px;overflow-y:auto;max-height:400px;touch-action:pan-y;-ms-touch-action:pan-y;overscroll-behavior:contain;isolation:isolate;pointer-events:all!important;position:relative;z-index:2001;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.migration-filters-tab{display:flex;flex-direction:column;gap:20px}.migration-filter-group{display:flex;flex-direction:column;width:100%}.migration-filter-group label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,微软雅黑,PingFang SC,苹方,Heiti SC,黑体-简,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.migration-filter-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.filter-button{background-color:#f5f5f5;border:1px solid #e8e8e8;border-radius:6px;padding:8px 12px;font-size:13px;color:#555;cursor:pointer;display:flex;align-items:center;gap:6px;flex-basis:calc(50% - 4px);justify-content:center;min-width:140px;max-width:160px;transform:translateZ(0);will-change:transform;pointer-events:auto!important;touch-action:none;-webkit-user-select:none;user-select:none}.filter-button.active{background-color:#e6f7ff;border-color:#91d5ff;color:#1890ff;font-weight:500}.filter-icon{font-size:16px}.migration-reason-dropdown{position:relative;width:100%}.migration-reason-selected{display:flex;align-items:center;width:100%;padding:8px 12px;border:1px solid #e8e8e8;border-radius:6px;background-color:#f5f5f5;font-size:14px;color:#555;cursor:pointer;text-align:left;gap:6px;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2000}.migration-reason-options{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #e8e8e8;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:2000;margin-top:4px;padding-right:5px;touch-action:none;overscroll-behavior:contain;pointer-events:auto!important;isolation:isolate;-webkit-user-select:none;user-select:none}.migration-reason-option{display:flex;align-items:center;width:100%;padding:8px 12px;border:none;background-color:transparent;font-size:14px;color:#555;cursor:pointer;text-align:left;pointer-events:auto!important;position:relative;z-index:10000;gap:6px;touch-action:none;-webkit-user-select:none;user-select:none}.migration-reason-option:hover{background-color:#f5f5f5}.migration-reason-option.active{background-color:#e6f7ff;color:#1890ff;font-weight:500}.filter-tips{display:flex;gap:10px;background-color:#fffbe6;border:1px solid #ffe58f;border-radius:6px;padding:10px 12px;margin-top:5px;align-items:flex-start}.tip-icon{font-size:16px;margin-top:2px}.tip-text{font-size:13px;color:#5c5c5c;line-height:1.5}.migration-help-tab{display:flex;flex-direction:column;gap:20px}.help-section{margin-bottom:15px}.help-section h5{font-size:15px;font-weight:600;color:#333;margin:0 0 10px;padding-bottom:5px;border-bottom:1px solid #f0f0f0}.help-section p{font-size:13px;color:#666;line-height:1.6;margin:0 0 10px}.help-list{margin:0;padding-left:20px}.help-list li{font-size:13px;color:#666;margin-bottom:8px;line-height:1.5}.definition-item{margin-bottom:8px;font-size:13px;line-height:1.5}.definition-item strong{color:#333;margin-right:5px}.definition-item span{color:#666}.migration-controls.minimized{min-width:auto;max-width:auto;width:auto;padding:0;overflow:visible;background:none;box-shadow:none;border:none}.migration-controls-header.minimized{background:none;border:none;padding:0}.migration-expand-btn{display:flex;align-items:center;gap:8px;background-color:#fff;padding:10px 15px;border-radius:8px;cursor:pointer;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 10px #0000001a;transition:all .2s;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;z-index:2100}.migration-expand-btn:hover{background-color:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.expand-icon{font-size:16px}.expand-text{font-size:14px;font-weight:500;color:#333}@media (max-width: 768px){.migration-controls{top:auto;bottom:70px;right:60px;min-width:300px;max-width:340px}.migration-controls-content{max-height:300px}.filter-button{min-width:130px;padding:6px 10px;flex-basis:calc(50% - 4px)}}@media (max-width: 480px){.migration-controls{right:10px;bottom:60px;min-width:280px;max-width:320px}.migration-controls-header{padding:12px 15px}.migration-controls-content{padding:12px 15px;max-height:250px}.migration-controls.minimized{bottom:60px;right:10px}.migration-expand-btn{padding:8px 12px}}.migration-data-tabs{display:flex;width:100%;margin:10px 0;border-bottom:1px solid rgba(0,0,0,.1)}.migration-data-tab{flex:1;background:none;border:none;cursor:pointer;padding:10px 0;font-size:14px;font-weight:500;color:#666;transition:all .2s;position:relative;text-align:center;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.migration-data-tab.active{color:#1890ff}.migration-data-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#1890ff}.migration-controls-content::-webkit-scrollbar,.migration-reason-options::-webkit-scrollbar{width:6px}.migration-controls-content::-webkit-scrollbar-track,.migration-reason-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.migration-controls-content::-webkit-scrollbar-thumb,.migration-reason-options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.migration-controls-content::-webkit-scrollbar-thumb:hover,.migration-reason-options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.nationwide-migration-summary{position:absolute;top:120px;left:20px;background-color:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;padding:15px;box-shadow:0 4px 15px #00000026;z-index:1500;width:340px;display:flex;flex-direction:column;transition:all .3s ease;animation:slideIn .4s ease-out;border:1px solid rgba(0,0,0,.1);max-height:calc(100vh - 240px);overflow-y:auto;box-sizing:border-box;pointer-events:auto}.leaflet-popup .nationwide-migration-summary{padding-top:30px}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.nationwide-header{display:flex;flex-direction:column;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.08);position:relative}.header-title-container{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative}.migration-title{margin:0;padding:0;font-size:18px;white-space:nowrap;width:auto;text-align:left}.header-actions{position:absolute;top:10px;right:10px;display:flex;gap:5px;z-index:10}.close-btn{background:none;border:none;color:#666;font-size:16px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-btn:hover{color:#ff4d4f;transform:rotate(90deg)}.migration-tabs{display:flex;width:100%;margin-bottom:15px;border-bottom:1px solid rgba(0,0,0,.08)}.migration-tab{flex:1;padding:8px 0;text-align:center;background:none;border:none;font-size:14px;color:#666;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.migration-tab:hover{color:#1890ff}.migration-tab.active{color:#1890ff;border-bottom:2px solid #1890ff;font-weight:500}.nationwide-header h3{margin:0 0 10px;font-size:16px;font-weight:600;color:#333;text-align:center;width:100%;padding:0 30px;box-sizing:border-box;pointer-events:auto}.header-actions{position:absolute;top:0;left:10px;display:flex;align-items:center;z-index:10}.language-toggle-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:2px 6px;font-size:12px;cursor:pointer;color:#666;transition:all .2s}.language-toggle-btn:hover{background-color:#e0e0e0}.nationwide-total{display:flex;flex-direction:column;align-items:center;margin-bottom:5px}.total-label{font-size:14px;color:#666;margin-bottom:2px}.total-value{font-size:24px;font-weight:700;color:#1890ff}.nationwide-data-view,.nationwide-chart-view{display:flex;flex-direction:column}.nationwide-data-blocks{display:flex;flex-direction:column;gap:10px;margin-bottom:15px;max-height:400px;overflow-y:auto;padding-right:5px}.nationwide-data-block{display:flex;flex-direction:column;gap:5px}.migration-data-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#333}.color-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.migration-data-values{display:flex;justify-content:space-between;align-items:center;padding:0 5px;width:100%;box-sizing:border-box}.migration-data-value{font-size:16px;font-weight:600;color:#333}.migration-data-percentage{font-size:14px;color:#666;min-width:50px;text-align:right}.migration-data-bar-container{height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.migration-data-bar{height:100%;border-radius:4px;transition:width .5s ease}.toggle-chart-btn{align-self:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:20px;padding:6px 15px;font-size:13px;cursor:pointer;color:#666;transition:all .2s;margin-top:10px;width:100%;max-width:200px}.toggle-chart-btn:hover{background-color:#e8e8e8}.nationwide-chart-container{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.chart-title{margin:0 0 10px;font-size:14px;font-weight:600;color:#333}.nationwide-pie-chart-wrapper{width:180px;height:180px;margin-bottom:15px}.chart-legend-container{width:100%;margin-top:10px;overflow:hidden;position:relative}.chart-legend{display:flex;flex-wrap:nowrap;gap:10px;width:100%;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:#ddd #f5f5f5}.chart-legend::-webkit-scrollbar{height:6px}.chart-legend::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.chart-legend::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:3px}.chart-legend::-webkit-scrollbar-thumb:hover{background-color:#ccc}.legend-item{display:flex;align-items:center;gap:5px;font-size:12px;color:#666;white-space:nowrap;flex-shrink:0;padding:4px 8px;background-color:#f9f9f9;border-radius:4px;border:1px solid #eee}.legend-color{width:10px;height:10px;border-radius:2px}.no-chart-data{height:180px;display:flex;align-items:center;justify-content:center;color:#999;font-style:italic}.reasons-slider-container{position:relative;width:100%;overflow:hidden}.reasons-slider-content{display:flex;flex-direction:column;gap:10px;transition:transform .3s ease}.reasons-pagination-controls{display:flex;justify-content:center;align-items:center;margin-top:12px;gap:15px}.pagination-btn{background-color:#f0f0f0;border:1px solid #ddd;border-radius:50%;width:28px;height:28px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#666;transition:all .2s;padding:0}.pagination-btn:hover:not(:disabled){background-color:#e0e0e0;color:#1890ff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-indicator{font-size:12px;color:#666}.nationwide-data-blocks::-webkit-scrollbar{width:6px}.nationwide-data-blocks::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.nationwide-data-blocks::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.nationwide-data-blocks::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.nationwide-migration-summary{width:280px}.nationwide-pie-chart-wrapper{width:150px;height:150px}}.statistics-section{margin:20px 0;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:100%;overflow:hidden;box-sizing:border-box}.charts-container{display:flex;flex-direction:column;gap:20px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.chart-row{display:flex;flex-wrap:wrap;gap:20px;width:100%;justify-content:space-between;max-width:100%;overflow:hidden;box-sizing:border-box}.chart-card{flex:1;min-width:300px;padding:15px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;max-width:100%;overflow:hidden;box-sizing:border-box}.chart-card.full-width{flex-basis:100%;width:100%;max-width:100%}.chart-description{margin-bottom:10px;font-size:14px;color:#666}.chart-error,.no-chart-data{padding:20px;text-align:center;color:#d32f2f;background-color:#ffebee;border-radius:4px;margin:20px 0}.no-chart-data{color:#ff9800;background-color:#fff3e0}.custom-tooltip{background-color:#ffffffe6;padding:10px;border:1px solid #ccc;border-radius:4px}.section-icon{margin-right:8px;font-style:normal}.recharts-responsive-container{width:100%!important;max-width:100%!important;height:auto!important;min-height:300px!important;overflow:hidden!important}.recharts-wrapper,.recharts-surface{max-width:100%!important;width:auto!important;overflow:hidden!important}.investment-chart,.production-capacity-chart{max-width:100%!important;overflow:hidden!important;width:100%!important}.labor-economics-container{padding:0;margin-bottom:0}.labor-economics-header{margin-bottom:20px;text-align:center}.labor-economics-header h2{font-size:1.8rem;color:#333;margin-bottom:5px}.labor-economics-subtitle{color:#666;font-size:1.1rem}.labor-economics-tabs{display:flex;justify-content:center;margin-bottom:20px;border-bottom:1px solid #eee}.tab-button{background:none;border:none;padding:10px 20px;font-size:1rem;cursor:pointer;color:#666;position:relative;transition:all .3s ease}.tab-button:hover{color:#333}.tab-button.active{color:#ff6b6b;font-weight:600}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:#ff6b6b}.labor-economics-content{min-height:400px}.labor-economics-loading,.labor-economics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#666}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #ff6b6b;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}.key-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}.key-metric-card{background-color:#f9f9f9;border-radius:8px;padding:15px;display:flex;align-items:flex-start;transition:transform .3s ease,box-shadow .3s ease}.key-metric-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.metric-icon{font-size:2rem;margin-right:15px;color:#ff6b6b}.metric-details{flex:1}.metric-details h3{margin:0 0 5px;font-size:1rem;color:#333}.metric-value{font-size:1.5rem;font-weight:700;color:#ff6b6b;margin-bottom:5px}.metric-description{font-size:.85rem;color:#666;margin:0}.radar-chart-container{padding:20px}.radar-chart-container h3{text-align:center;margin-bottom:15px;color:#333}.chart-wrapper{height:350px;position:relative}.employment-types-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.employment-chart-container,.employment-stats{padding:20px}.employment-chart-container h3,.employment-stats h3{text-align:center;margin-bottom:15px;color:#333}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stat-item{background-color:#fff;border-radius:6px;padding:15px;box-shadow:0 2px 5px #0000000d}.stat-label{display:block;font-size:.9rem;color:#666;margin-bottom:5px}.stat-value{display:block;font-size:1.3rem;font-weight:700;color:#ff6b6b}.workforce-comparison-container{background-color:#f9f9f9;border-radius:8px;padding:20px}.workforce-comparison-container h3{text-align:center;margin-bottom:10px;color:#333}.comparison-note{text-align:center;font-size:.9rem;color:#666;margin-bottom:15px;font-style:italic}.workforce-highlights{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.highlight-item{background-color:#fff;border-radius:6px;padding:15px;box-shadow:0 2px 5px #0000000d}.highlight-item h4{color:#ff6b6b;margin-top:0;margin-bottom:10px}.highlight-item p{color:#666;font-size:.95rem;line-height:1.5;margin:0}@media (max-width: 768px){.employment-types-container,.workforce-highlights,.stats-grid{grid-template-columns:1fr}}.overview-section{padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000f;margin-bottom:20px}.redesigned-overview{background-color:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 15px #0000001a}.overview-hero{margin-bottom:30px;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #00000026;position:relative}.overview-description{font-size:1.05rem;line-height:1.7;color:#444;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin:25px 0 35px}.overview-section .info-card{background-color:#f9f9f9;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d;display:flex;align-items:flex-start;gap:15px;transition:all .3s ease;border-left:3px solid transparent}.overview-section .info-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0070f31a;background-color:#f5f9ff;border-left-color:#0070f3}.overview-section .info-card .icon{font-size:1.5rem;color:#0070f3;background-color:#0070f31a;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px}.overview-section .info-card h3{margin:0 0 8px;font-size:1rem;color:#555;font-weight:500}.overview-section .info-card p{margin:0;font-size:1.1rem;font-weight:600;color:#333}.section-subtitle{font-size:1.3rem;color:#333;margin:35px 0 25px;padding-bottom:10px;border-bottom:1px solid #eee;position:relative}.section-subtitle:after{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:3px;background:linear-gradient(90deg,#0070f3,#00c4ff);border-radius:3px}.infrastructure-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.infra-card{background-color:#f9f9f9;border-radius:12px;padding:25px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease;border-top:4px solid transparent;position:relative;overflow:hidden}.infra-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff0,#fff6);opacity:0;transition:opacity .3s ease}.infra-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0070f326;background-color:#f5f9ff;border-top-color:#0070f3}.infra-card:hover:before{opacity:1}.infra-card h4{margin:0 0 15px;font-size:1.15rem;color:#333;padding-bottom:10px;border-bottom:1px solid #eee;position:relative;z-index:1}.infra-card h4:after{content:"";position:absolute;bottom:-1px;left:0;width:50px;height:2px;background:#0070f3;transition:width .3s ease}.infra-card:hover h4:after{width:100px}.infra-content{color:#555;line-height:1.6;position:relative;z-index:1}.structured-infra{display:flex;flex-direction:column;gap:10px}.infra-item{display:flex;flex-direction:column;gap:5px;padding:12px;background-color:#ffffffb3;border-radius:8px;transition:all .2s ease;border-left:2px solid transparent}.infra-item:hover{background-color:#ffffffe6;box-shadow:0 2px 8px #0000000d;border-left-color:#0070f3;transform:translate(3px)}.infra-label{font-size:.85rem;color:#666;font-weight:500}.infra-value{font-size:1rem;color:#333;font-weight:600;word-break:break-word}.no-data-message{grid-column:1 / -1;text-align:center;padding:30px;background-color:#f5f5f5;border-radius:10px;color:#666;font-style:italic}.infra-card[data-type=water_supply] h4:before,.infra-card[data-type=electricity] h4:before,.infra-card[data-type=internet] h4:before,.infra-card[data-type=waste_water_treatment] h4:before{margin-right:8px;font-size:1.1rem}.infra-card[data-type=water_supply] h4:before{content:"💧"}.infra-card[data-type=electricity] h4:before{content:"⚡"}.infra-card[data-type=internet] h4:before{content:"🌐"}.infra-card[data-type=waste_water_treatment] h4:before{content:"♻️"}@media (max-width: 768px){.overview-grid,.infrastructure-grid{grid-template-columns:1fr}.overview-section,.infra-card{padding:20px}}.image-placeholder{background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;min-height:300px;border-radius:16px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,112,243,.2);border-radius:50%;border-top-color:#0070f3;animation:spin 1s ease-in-out infinite}.main-image{width:100%;height:auto;display:block;border-radius:16px;transition:opacity .3s ease,transform .5s ease}.main-image.loading{opacity:0}.main-image.loaded{opacity:1}.main-image.loaded:hover{transform:scale(1.02)}@media print{.overview-section{box-shadow:none;padding:0}.infra-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.infra-item{background:none;padding:5px 0}}.labor-data-charts{padding:20px;margin-top:30px}.labor-data-charts h2{color:#333;font-size:1.8rem;margin-bottom:20px;text-align:center;border-bottom:2px solid #3498db;padding-bottom:10px}.region-info{text-align:center;margin-bottom:20px;font-style:italic;color:#666;font-size:.9rem}.region-selector{display:flex;align-items:center;justify-content:center;margin-bottom:10px;padding:10px}.region-select{padding:8px 12px;border-radius:4px;border:1px solid #3498db;background-color:#fff;font-size:1rem;min-width:250px;color:#333;font-weight:500}.region-select option{padding:8px}.region-selector label{margin-right:10px;font-weight:700}.region-select{padding:8px 12px;border-radius:4px;border:1px solid #ddd;background-color:#fff;font-size:1rem;min-width:200px}.labor-stats-summary{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px}.stat-card{background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a;width:calc(25% - 15px);margin-bottom:15px;text-align:center}.stat-card h3{font-size:1rem;color:#555;margin-bottom:10px}.stat-value{font-size:1.5rem;font-weight:700;color:#3498db}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}.chart-container{padding:10px}.chart-container h3{font-size:1.2rem;color:#333;margin-bottom:15px;text-align:center}.labor-data-insights{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px}.labor-data-insights h3{font-size:1.3rem;color:#333;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.insights-content p{margin-bottom:15px;line-height:1.6}.gender-comparison{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px}.gender-comparison h3{font-size:1.3rem;color:#333;margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.gender-stats{display:flex;justify-content:space-between}.gender-stat-card{width:48%;padding:15px;border-radius:8px}.gender-stat-card.male{background-color:#3498db1a;border-left:4px solid #3498db}.gender-stat-card.female{background-color:#e74c3c1a;border-left:4px solid #e74c3c}.gender-stat-card h4{font-size:1.2rem;margin-bottom:10px}.gender-stat-card p{margin-bottom:8px}.data-source-info{text-align:right;font-size:.9rem;color:#777;font-style:italic}@media (max-width: 768px){.stat-card{width:calc(50% - 10px)}.charts-grid{grid-template-columns:1fr}.gender-stats{flex-direction:column}.gender-stat-card{width:100%;margin-bottom:15px}}.tech-labor-chart-container{padding:10px;min-height:300px;display:flex;flex-direction:column;justify-content:center}.tech-labor-chart-container:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.chart-loading{display:flex;justify-content:center;align-items:center;height:300px;color:var(--text-secondary)}.tech-error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background:#ff00000d;border-radius:8px;border:1px solid rgba(255,0,0,.2);color:#ff5252}.tech-error-icon{font-size:32px;margin-bottom:15px}.tech-error-text{text-align:center;font-size:14px;line-height:1.5}.tech-labor-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:20px}.tech-labor-data-card{background:#1e283cb3;border-radius:12px;padding:20px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.tech-labor-data-card h3{margin-top:0;margin-bottom:20px;font-size:18px;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}@media (max-width: 768px){.tech-labor-data-grid{grid-template-columns:1fr}}.tech-sidebar{background:#141e32cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px 0;box-shadow:0 4px 20px #00000026}.tech-nav-list{list-style:none;padding:0;margin:0}.tech-nav-item{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:all .3s ease;border-left:3px solid transparent}.tech-nav-item:hover{background:#ffffff0d}.tech-nav-item.active{background:#ffffff1a;border-left-color:var(--accent-color, #4CAF50)}.tech-nav-icon{margin-right:12px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.tech-nav-item.active .tech-nav-icon{color:var(--accent-color, #4CAF50)}.tech-nav-item span{font-size:14px;font-weight:500}.tech-content-wrapper{display:grid;grid-template-columns:250px 1fr;gap:25px;margin-top:20px}@media (max-width: 992px){.tech-content-wrapper{grid-template-columns:1fr}.tech-sidebar{position:sticky;top:20px;z-index:10}}.map-time-slider-container{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;height:60%;max-height:300px;z-index:1000;background:transparent;padding:0;border-radius:0}.time-slider-track{position:relative;width:30px;height:100%;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.time-slider-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#ffffffe6,#ff6600e6);transform:translate(-50%);border-radius:3px;box-shadow:0 0 8px #0003}.time-slider-ticks{position:absolute;top:0;bottom:0;left:0;right:0}.time-slider-tick{position:absolute;left:50%;width:6px;height:6px;border-radius:50%;background-color:#fffc;transform:translate(-50%,-50%);transition:all .2s ease;box-shadow:0 0 4px #0000001a}.time-slider-marker{position:absolute;left:50%;width:24px;height:24px;background-color:#f60;border-radius:50%;border:2px solid #fff;box-shadow:0 0 10px #0006,0 0 0 4px #f603;transform:translate(-50%);z-index:2;transition:transform .2s ease,box-shadow .2s ease;cursor:grab}.time-slider-tooltip{position:absolute;left:50%;transform:translate(28px,-50%);background-color:#282c34d9;color:#fff;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;box-shadow:0 3px 12px #0000004d;z-index:9999;pointer-events:none;animation:fadeIn .2s ease-out;border-left:3px solid #ff6600}.time-slider-tooltip:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-style:solid;border-color:transparent rgba(40,44,52,.85) transparent transparent}@keyframes fadeIn{0%{opacity:0;transform:translate(15px,-50%)}to{opacity:1;transform:translate(28px,-50%)}}.time-slider-marker.dragging{cursor:grabbing;transform:translate(-50%) scale(1.2);box-shadow:0 0 15px #f609,0 0 0 6px #ff66004d}.time-slider-track:hover .time-slider-marker,.time-slider-track:active .time-slider-marker{transform:translate(-50%) scale(1.1);box-shadow:0 0 12px #ff660080,0 0 0 5px #f603}.time-slider-labels{position:relative;height:100%;margin-left:15px;display:flex;flex-direction:column;justify-content:space-between}.time-slider-label{font-size:13px;color:#fff;background-color:#282c34bf;text-shadow:0 1px 2px rgba(0,0,0,.3);padding:6px 10px;border-radius:6px;white-space:nowrap;box-shadow:0 2px 8px #0003;border-left:3px solid #ff6600;transition:all .2s ease}.time-slider-label:hover{background-color:#282c34e6;transform:translate(3px)}.labor-trend-legend{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:150px;z-index:1000;display:flex;flex-direction:column;background:transparent}.color-gradient{flex:1;width:16px;margin:0 auto;border-radius:8px;background:linear-gradient(to bottom,#ffd699,#f99);box-shadow:0 3px 10px #0003;position:relative}.color-gradient:before,.color-gradient:after{content:"";position:absolute;left:50%;width:10px;height:10px;background:#fff;border-radius:50%;transform:translate(-50%)}.color-gradient:before{top:-5px}.color-gradient:after{bottom:-5px}.legend-labels{position:absolute;left:-30px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between}.legend-labels span{font-size:13px;color:#fff;background-color:#282c34bf;text-shadow:0 1px 2px rgba(0,0,0,.3);padding:5px 8px;border-radius:6px;white-space:nowrap;box-shadow:0 2px 6px #0003;border-right:3px solid #ff6600;transition:all .2s ease}.legend-labels span:hover{background-color:#282c34e6;transform:translate(-3px)}.time-series-panel{position:absolute;top:0;right:0;width:420px;height:100vh;background:linear-gradient(to right,#fffffff7,#fcfcfffc);box-shadow:-5px 0 30px #0000001f;transform:translate(110%);transition:transform .5s cubic-bezier(.19,1,.22,1);z-index:1000;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid rgba(84,110,122,.1)}.time-series-panel.show{transform:translate(0)}.panel-header{padding:15px 20px;border-bottom:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center;background:#fff}.panel-header h2{margin:0;font-size:16px;font-weight:600;color:#333;letter-spacing:.5px}.close-button{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:6px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:#0000000d;color:#333;transform:rotate(90deg)}.panel-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;display:flex;flex-direction:column;background:transparent}.unified-control-section{margin:0;display:flex;flex-direction:column;gap:10px;background:#fff;padding:10px 20px 15px;border-bottom:1px solid rgba(0,0,0,.05)}.unified-control-row{display:flex;flex-direction:column;gap:8px}.unified-section-title{font-size:14px;font-weight:600;color:#333;margin-bottom:5px}.chart-type-container{display:flex;width:100%;gap:10px;margin-bottom:10px}.chart-type-button{flex:1;padding:12px;border-radius:4px;border:1px solid #e0e0e0;background:#fff;color:#333;cursor:pointer;font-size:14px;font-weight:400;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.chart-type-button:hover{background:#f5f5f5;border-color:#d5d5d5}.chart-type-button.active{background:#0277bd;border-color:#0277bd;color:#fff;font-weight:500}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.category-button{padding:12px;border-radius:4px;border:1px solid #e0e0e0;background:#fff;color:#333;cursor:pointer;font-size:13px;font-weight:400;display:flex;align-items:center;gap:8px;transition:all .2s ease}.category-button:hover{background:#f5f5f5;border-color:#d5d5d5}.category-button.active{background:#0277bd;border-color:#0277bd;color:#fff;font-weight:500}.category-icon{font-size:16px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff3;border-radius:50%;padding:4px}.category-label{flex:1;text-align:left}.button-icon{font-size:16px;display:inline-flex;align-items:center;justify-content:center}.control-section,.control-group,.button-group,.control-button{display:none}.metrics-section{margin:0;background:#fff;padding:15px 20px;border-bottom:1px solid rgba(0,0,0,.05)}.metrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title{font-size:14px;font-weight:600;color:#333;margin:0}.metrics-actions{display:flex;gap:8px}.action-button{padding:6px 10px;border-radius:4px;border:1px solid #e0e0e0;background:#fff;color:#333;font-size:12px;font-weight:400;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s ease}.action-icon{font-size:14px;display:inline-flex;align-items:center;justify-content:center}.action-button.clear{background:#fff;border-color:#f443364d;color:#f44336}.action-button:hover{background:#f5f5f5}.action-button.clear:hover{background:#f443360d}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:5px;max-height:150px;overflow-y:auto;padding:5px;border-radius:4px;background:#fff;border:1px solid #e0e0e0}.metric-item{padding:8px 12px;background:#fff;border:1px solid #eeeeee;border-radius:4px;cursor:pointer;display:flex;align-items:center;font-size:12px;font-weight:400;color:#333;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-item.active{background:#e3f2fd;border-color:#90caf9;color:#0277bd;font-weight:500}.metric-item:hover{background:#f5f5f5}.metric-item input{margin-right:6px;accent-color:#0277bd;width:14px;height:14px}.time-slider-container{margin:0;padding:10px 20px;background:#fff;border-bottom:1px solid rgba(0,0,0,.05);position:relative}.time-slider-container .section-title{margin:0 0 10px}.time-slider-wrapper{position:relative;padding:10px 0 30px;width:100%}.time-slider{-webkit-appearance:none;width:100%;height:30px;background:transparent;outline:none;opacity:1;transition:opacity .2s;margin:0;position:relative;z-index:5}.time-slider:before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;background:linear-gradient(to right,#0288d1,#26a69a,#f44336);border-radius:4px;transform:translateY(-50%);box-shadow:inset 0 1px 2px #0000001a}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#0288d1,#00bcd4);cursor:pointer;border:2px solid white;box-shadow:0 0 10px #03a9f466,0 0 0 5px #03a9f41a;position:relative;z-index:10;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.time-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#0288d1,#00bcd4);cursor:pointer;border:2px solid white;box-shadow:0 0 10px #03a9f466,0 0 0 5px #03a9f41a;position:relative;z-index:10;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.time-slider::-webkit-slider-thumb:hover,.time-slider::-webkit-slider-thumb:active{transform:scale(1.15);box-shadow:0 0 15px #03a9f480,0 0 0 8px #03a9f426}.time-slider::-moz-range-thumb:hover,.time-slider::-moz-range-thumb:active{transform:scale(1.15);box-shadow:0 0 15px #03a9f480,0 0 0 8px #03a9f426}.time-ticks{position:relative;height:35px;width:100%;margin-top:5px;z-index:2000}.time-tick-with-label{position:absolute;width:100%;z-index:2100}.time-tick{position:absolute;width:8px;height:8px;background:#eceff1;border:1px solid #b0bec5;border-radius:50%;top:10px;transform:translate(-50%,-50%);z-index:2200;transition:all .3s ease;cursor:pointer}.time-tick:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 0 4px #03a9f41a}.time-tick.passed{background:#0288d1;border-color:#fff;box-shadow:0 0 0 2px #03a9f426}.time-tick.active{background:#f44336;border-color:#fff;transform:translate(-50%,-50%) scale(1.3);box-shadow:0 0 0 4px #f4433626,0 0 10px #f443364d;animation:pulse-tick 2s infinite}@keyframes pulse-tick{0%{box-shadow:0 0 0 4px #f4433626,0 0 10px #f443364d}50%{box-shadow:0 0 0 6px #f4433633,0 0 15px #f4433666}to{box-shadow:0 0 0 4px #f4433626,0 0 10px #f443364d}}.time-tick-label{position:absolute;top:18px;transform:translate(-50%);font-size:9px;font-weight:500;color:#607d8b;text-align:center;transition:all .3s ease;white-space:nowrap;padding:0;background:transparent;border:none;z-index:2300}.time-tick-label.active{color:#f44336;font-weight:600;transform:translate(-50%) scale(1.05);z-index:2400}.chart-section{flex:1;background:#fff;padding:15px 20px;position:relative;display:flex;flex-direction:column}.chart-title{font-size:16px;font-weight:600;color:#333;margin-bottom:15px;text-align:center}.chart-container{height:100%;width:100%;min-height:240px;flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:10px;background:#fff;border:none}.chart-container canvas{transition:opacity .3s ease;position:relative;z-index:2}.empty-chart{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #e0e0e0;border-radius:4px;background:#fff;gap:15px;min-height:240px;padding:20px}.empty-icon{font-size:42px;opacity:.15;animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.empty-text{color:#78909c;font-size:14px;text-align:center;max-width:80%;line-height:1.5;font-weight:500}.chartjs-render-monitor{animation:chartjs-render-animation .5s}@keyframes chartjs-render-animation{0%{opacity:.8}to{opacity:1}}@media (max-width: 768px){.time-series-panel{width:100%}.metrics-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.panel-content::-webkit-scrollbar{display:none}.population-migration-container{padding:24px;background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;max-width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box;overflow:hidden}.population-migration-container h2{color:#2c3e50;font-size:28px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #3498db;position:relative;display:block;text-align:center;width:100%}.population-migration-container h2:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:200px;height:2px;background:linear-gradient(90deg,transparent,#3498db,transparent)}.filter-group select{padding:10px 35px 10px 14px;border:1px solid #bdc3c7;border-radius:6px;background-color:#fff;font-size:14px;color:#34495e;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c3e50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.charts-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:36px;position:relative}@media (max-width: 768px){.charts-container{grid-template-columns:1fr}}.chart-wrapper{height:380px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.household-registration-container{padding:24px;background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;max-width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box;overflow:hidden}.household-registration-container h2{color:#2c3e50;font-size:28px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #3498db;position:relative;display:block;text-align:center;width:100%}.household-registration-container h2:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:200px;height:2px;background:linear-gradient(90deg,transparent,#3498db,transparent)}.registration-analysis-wrapper{display:flex;flex-direction:column;gap:24px}.info-banner{display:flex;align-items:center;background-color:#f0f7ff;border-radius:8px;padding:16px;margin-bottom:8px;border-left:4px solid #3498db}.info-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:16px;color:#3498db;font-size:20px}.info-banner p{color:#4a5568;margin:0;line-height:1.6;font-size:15px}.control-panel{background-color:#f8f9fa;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000d}.control-filters{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.filter-control{flex:1;min-width:200px}.filter-control label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px}.select-wrapper{position:relative}.select-wrapper:after{content:"";position:absolute;top:50%;right:12px;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #718096;pointer-events:none}.filter-control select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;font-size:14px;color:#4a5568;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s ease}.filter-control select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #4299e126}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-tile{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;position:relative}.stat-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.stat-tile.population:before{background:linear-gradient(to right,#3498db,#2980b9)}.stat-tile.residence:before{background:linear-gradient(to right,#2ecc71,#27ae60)}.stat-tile.elsewhere:before{background:linear-gradient(to right,#f39c12,#f1c40f)}.stat-tile.rate:before{background:linear-gradient(to right,#9b59b6,#8e44ad)}.stat-tile:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.stat-content{padding:20px;text-align:center}.stat-tile h3{font-size:16px;color:#4a5568;margin:0 0 16px;font-weight:600}.stat-value{font-size:32px;font-weight:700;color:#2d3748;margin-bottom:8px}.stat-note{font-size:14px;color:#718096}.chart-box{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000d;padding:20px;transition:all .3s ease}.chart-box:hover{box-shadow:0 8px 16px #0000001a}.chart-heading{font-size:18px;color:#2d3748;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #e2e8f0;text-align:center}.error-container{color:#e53e3e;border-left:4px solid #e53e3e;padding-left:20px}@media (max-width: 768px){.household-registration-container h2{font-size:24px}.control-filters{flex-direction:column}.chart-row,.insights-grid{grid-template-columns:1fr}.stat-value{font-size:28px}}.employment-migration-container{padding:24px;background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;max-width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box;overflow:hidden}.employment-migration-container h2{color:#2c3e50;font-size:28px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #3498db;position:relative;display:block;text-align:center;width:100%}.employment-migration-container h2:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:200px;height:2px;background:linear-gradient(90deg,transparent,#3498db,transparent)}.analysis-description{color:#5a6a7e;margin:0 auto 24px;line-height:1.6;font-size:16px;max-width:95%;padding:12px 16px;background-color:#f8fafc;border-radius:4px;text-align:center;border-top:1px solid rgba(52,152,219,.2);border-bottom:1px solid rgba(52,152,219,.2);box-sizing:border-box}.filter-group label{margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}.filter-group select{padding:10px 35px 10px 14px;border:1px solid #bdc3c7;border-radius:6px;background-color:#fff;font-size:14px;color:#34495e;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c3e50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.tabs-container{display:flex;margin-bottom:20px;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa;border-radius:8px 8px 0 0;overflow:hidden}.tab{padding:12px 20px;cursor:pointer;font-weight:600;color:#7f8c8d;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex:1;text-align:center;border-bottom:3px solid transparent}.tab:hover{background-color:#f0f7ff;color:#3498db}.tab.active{color:#3498db;background-color:#fff;border-bottom:3px solid #3498db}.tab-content{margin-bottom:30px;min-height:400px}.chart-wrapper{height:480px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.05);margin-bottom:20px}.chart-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3498db,#2ecc71)}.chart-title-badge{position:relative;margin:15px auto 20px;color:#2c3e50;padding:0;font-size:16px;font-weight:600;text-align:center;letter-spacing:.3px;width:100%}.pie-charts-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.pie-charts-container{grid-template-columns:1fr}}.heatmap-container{height:380px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 16px #00000014;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.05);margin-bottom:20px}.heatmap-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3498db,#2ecc71)}.heatmap-placeholder{height:300px;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;border-radius:8px;border:1px dashed #ccc}.heatmap-message{text-align:center;color:#7f8c8d;padding:20px;display:flex;flex-direction:column;align-items:center}.data-summary{margin-top:30px;padding:30px;background-color:#f8fafc;border-radius:10px;box-shadow:0 4px 16px #0000000f;border:1px solid rgba(0,0,0,.05)}.data-summary h3{font-size:24px;margin-bottom:20px;color:#2c3e50;text-align:center;position:relative;padding-bottom:15px;font-weight:600}.data-summary h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:3px;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:3px}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}@media (max-width: 992px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.summary-cards{grid-template-columns:1fr}}.summary-card{display:flex;align-items:center;background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.summary-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a}.card-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:20px;flex-shrink:0}.card-icon i{font-size:22px;color:#fff}.card-icon.blue{background:linear-gradient(135deg,#3498db,#2980b9)}.card-icon.red{background:linear-gradient(135deg,#e74c3c,#c0392b)}.card-icon.green{background:linear-gradient(135deg,#2ecc71,#27ae60)}.card-icon.orange{background:linear-gradient(135deg,#f39c12,#d35400)}.card-content{flex:1}.card-title{font-size:14px;color:#7f8c8d;margin-bottom:5px;font-weight:500}.card-value{font-size:24px;font-weight:700;color:#2c3e50}.insights-section{margin-top:30px;padding:24px;background-color:#fff;border-radius:10px;box-shadow:0 4px 16px #0000000f;border:1px solid rgba(0,0,0,.05)}.insights-section h3{font-size:22px;margin-bottom:20px;color:#2c3e50;text-align:center;position:relative;padding-bottom:12px}.insights-section h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:3px}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}@media (max-width: 992px){.insights-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.insights-grid{grid-template-columns:1fr}}.insight-card{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;border-left:4px solid #3498db}.insight-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a}.insight-card:nth-child(1){border-left-color:#3498db}.insight-card:nth-child(2){border-left-color:#e74c3c}.insight-card:nth-child(3){border-left-color:#2ecc71}.insight-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:20px;color:#fff;box-shadow:0 4px 10px #0000001a}.insight-card:nth-child(1) .insight-icon{background:linear-gradient(135deg,#3498db,#2980b9)}.insight-card:nth-child(2) .insight-icon{background:linear-gradient(135deg,#e74c3c,#c0392b)}.insight-card:nth-child(3) .insight-icon{background:linear-gradient(135deg,#2ecc71,#27ae60)}.insight-card h4{font-size:16px;color:#34495e;margin:15px 0 10px;text-align:center;font-weight:600}.insight-card p{color:#7f8c8d;font-size:14px;line-height:1.5;text-align:center}.loading-container{display:flex;justify-content:center;align-items:center;height:300px;font-size:18px;color:#666}.error-message{padding:15px;background-color:#ffebee;color:#d32f2f;border-radius:4px;margin-bottom:20px;font-size:14px}.heatmap-content{width:100%;overflow-x:auto;margin-top:15px}.heatmap-table{width:100%;border-collapse:collapse;font-size:14px}.heatmap-table th,.heatmap-table td{padding:8px 12px;text-align:center;border:1px solid #e0e0e0}.heatmap-table th{background-color:#f5f5f5;font-weight:600}.heatmap-table th:first-child{text-align:left}.occupation-label{text-align:left!important;font-weight:500;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.heatmap-cell{transition:all .2s ease}.heatmap-cell:hover{transform:scale(1.05);box-shadow:0 0 5px #0003;z-index:1;position:relative}@media (max-width: 768px){.heatmap-table{font-size:12px}.heatmap-table th,.heatmap-table td{padding:6px 8px}.occupation-label{max-width:150px}}.education-level-container{padding:24px;background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;max-width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box;overflow:hidden}.education-level-container h2{color:#2c3e50;font-size:28px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #3498db;position:relative;display:block;text-align:center;width:100%}.education-level-container h2:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:200px;height:2px;background:linear-gradient(90deg,transparent,#3498db,transparent)}.analysis-description{color:#4a5568;font-size:16px;line-height:1.6;margin-bottom:24px;text-align:center;max-width:900px;margin-left:auto;margin-right:auto}.education-analysis-wrapper{display:flex;flex-direction:column;gap:24px}.filters-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:24px;padding:20px;background-color:#f0f7ff;border-radius:8px;box-shadow:0 2px 8px #3498db1a;position:relative;border:1px solid rgba(52,152,219,.2)}.filters-container:before{content:"Filters";position:absolute;top:-10px;left:50%;transform:translate(-50%);background-color:#3498db;color:#fff;padding:4px 16px;border-radius:4px;font-size:13px;font-weight:500;box-shadow:0 2px 4px #0000001a}.filter-group{display:flex;flex-direction:column;min-width:180px;position:relative}.filter-group label{margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px;display:flex;align-items:center}.filter-group select{padding:10px 35px 10px 14px;border:1px solid #bdc3c7;border-radius:6px;background-color:#fff;font-size:14px;color:#34495e;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c3e50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.filter-group select:hover{border-color:#3498db}.filter-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.data-dashboard{display:flex;flex-direction:column;gap:24px}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat-tile{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease;position:relative;overflow:hidden}.stat-tile:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000014}.stat-tile.education-rate{border-top-color:#f39c12}.stat-content{display:flex;flex-direction:column;gap:8px}.stat-content h3{font-size:16px;color:#4a5568;margin:0;font-weight:500}.stat-value{font-size:32px;font-weight:700;color:#2d3748}.stat-percentage{font-size:14px;color:#718096}.stat-note{font-size:12px;color:#718096;margin-top:4px}.chart-section{display:flex;flex-direction:column;gap:24px}.chart-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px}.chart-box{background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column}.chart-box.full-width{grid-column:1 / -1}.chart-heading{font-size:18px;color:#2d3748;margin:0 0 16px;text-align:center}.chart-container{height:350px;position:relative}.chart-note{font-size:14px;color:#718096;text-align:center;margin-top:12px;font-style:italic}.insights-panel{background-color:#f8f9fa;border-radius:10px;padding:24px;box-shadow:0 4px 12px #0000000d}.insights-heading{font-size:20px;color:#2d3748;margin:0 0 20px;display:flex;align-items:center;gap:12px}.insights-heading i{color:#3498db}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.insight-card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.insight-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000014}.insight-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.insight-header h4{font-size:16px;color:#2d3748;margin:0}.insight-card p{color:#4a5568;font-size:14px;line-height:1.6;margin:0}.loading-container{display:flex;align-items:center;justify-content:center;height:300px;font-size:18px;color:#3498db}.loading-container:before{content:"";width:30px;height:30px;margin-right:15px;border:3px solid #e2e8f0;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#e53e3e;border-left:4px solid #e53e3e;padding:16px;background-color:#fff5f5;border-radius:8px;margin:24px 0}@media (max-width: 768px){.education-level-container h2{font-size:24px}.control-filters{flex-direction:column}.chart-row,.insights-grid{grid-template-columns:1fr}.stat-value{font-size:28px}}@media (max-width: 480px){.education-level-container{padding:16px}.stat-tiles{grid-template-columns:1fr}.stat-value{font-size:24px}}.marital-status-container{padding:20px;background-color:var(--background-color, #f5f5f5);color:var(--text-color, #333);border-radius:8px;box-shadow:0 2px 10px #0000000d}.marital-status-container h2{margin-bottom:15px;font-size:24px;color:var(--heading-color, #2c3e50);display:flex;align-items:center;justify-content:center;width:100%;text-align:center}.marital-analysis-wrapper{display:flex;flex-direction:column;gap:20px}.stat-tile.migrant{border-top-color:#e74c3c}.stat-tile.non-migrant{border-top-color:#2ecc71}.stat-tile.marriage-rate{border-top-color:#f39c12}@media (prefers-color-scheme: dark){.marital-status-container{--background-color: #1a1a1a;--text-color: #e0e0e0;--heading-color: #f0f0f0;--secondary-text-color: #b0b0b0;--card-background: #2a2a2a;--border-color: #444;--input-background: #333;--input-text-color: #e0e0e0;--label-color: #c0c0c0;--value-color: #f0f0f0;--percentage-color: #a0a0a0;--note-color: #909090;--insight-background: #2d2d2d}.stat-tile:hover{box-shadow:0 4px 12px #0000004d}.error-message{background-color:#3a1a1a;color:#ff8a80}}.migration-type-container{padding:20px;background-color:var(--background-color, #f5f5f5);color:var(--text-color, #333);border-radius:8px;box-shadow:0 2px 10px #0000000d}.migration-type-container h2{margin-bottom:15px;font-size:24px;color:var(--heading-color, #2c3e50);display:flex;align-items:center;justify-content:center;width:100%;text-align:center}.stat-tile{background-color:var(--card-background, #fff);border-radius:8px;padding:15px;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s}.stat-content h3{font-size:16px;margin-bottom:10px;color:var(--heading-color, #2c3e50)}.stat-value{font-size:24px;font-weight:700;color:var(--primary-color, #3498db);margin-bottom:5px}.stat-percentage{font-size:14px;color:var(--secondary-text-color, #666)}.stat-note{font-size:12px;color:var(--tertiary-text-color, #999);margin-top:5px}.total-migration .stat-value{color:var(--primary-color, #3498db)}.within-region .stat-value{color:#27ae60}.between-regions .stat-value{color:#e74c3c}.from-abroad .stat-value{color:#f39c12}.map-chart-section{display:flex;flex-direction:column;gap:20px;background-color:var(--card-background, #fff);border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d}.map-container{width:100%}.interactive-map{height:300px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;position:relative}.map-loading{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--card-background-alt, #f8f9fa);border-radius:8px}.map-loading p{margin-bottom:15px;color:var(--secondary-text-color, #666)}.map-loading-spinner{font-size:24px;color:var(--primary-color, #3498db)}.map-note{margin-top:10px;font-size:13px;color:var(--secondary-text-color, #666);text-align:center;font-style:italic}.chart-row{display:flex;gap:20px}.chart-box{flex:1;min-width:0;background-color:var(--card-background, #fff);border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d}.chart-box.full-width{width:100%}.chart-heading{font-size:18px;margin-bottom:15px;color:var(--heading-color, #2c3e50);text-align:center}.chart-container{height:250px;position:relative}.insights-heading{display:flex;align-items:center;gap:10px;font-size:20px;margin-bottom:20px;color:var(--heading-color, #2c3e50)}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.insight-card{background-color:var(--card-background-alt, #f8f9fa);border-radius:8px;padding:15px;box-shadow:0 1px 3px #0000000d}.insight-header i{color:var(--primary-color, #3498db);font-size:18px}.insight-header h4{font-size:16px;margin:0;color:var(--heading-color, #2c3e50)}.insight-card p{font-size:14px;line-height:1.5;color:var(--secondary-text-color, #666);margin:0}@media (max-width: 1024px){.stat-tiles{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.chart-row{flex-direction:column}.chart-box{width:100%}.insights-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stat-tiles{grid-template-columns:1fr}.filter-group{min-width:100%}.insights-grid{grid-template-columns:1fr}}.migration-frequency-container{padding:20px;background-color:var(--background-color, #f5f5f5);color:var(--text-color, #333);border-radius:8px;box-shadow:0 2px 10px #0000000d}.migration-frequency-container h2{margin-bottom:15px;font-size:24px;color:var(--heading-color, #2c3e50);display:flex;align-items:center;justify-content:center;width:100%;text-align:center}.stat-tile.population{border-top-color:#3498db}.stat-tile.migrated-once{border-top-color:#e74c3c}.stat-tile.migrated-twice{border-top-color:#2ecc71}.stat-tile.migrated-more{border-top-color:#f39c12}@media (prefers-color-scheme: dark){.migration-frequency-container{--background-color: #1a1a1a;--text-color: #e0e0e0;--heading-color: #f0f0f0;--secondary-text-color: #b0b0b0;--card-background: #2a2a2a;--border-color: #444;--input-background: #333;--input-text-color: #e0e0e0;--label-color: #c0c0c0;--value-color: #f0f0f0;--percentage-color: #a0a0a0;--note-color: #909090;--insight-background: #2d2d2d}.stat-tile:hover{box-shadow:0 4px 12px #0000004d}.error-message{background-color:#3a1a1a;color:#ff8a80}}.expected-stay-container{padding:20px;background-color:var(--background-color, #f5f5f5);color:var(--text-color, #333);border-radius:8px;box-shadow:0 2px 10px #0000000d}.expected-stay-container h2{margin-bottom:15px;font-size:24px;color:var(--heading-color, #2c3e50);display:flex;align-items:center;justify-content:center;width:100%;text-align:center}.stay-analysis-wrapper{display:flex;flex-direction:column;gap:20px}.data-dashboard{display:flex;flex-direction:column;gap:15px}.stat-tile.short-term{border-top-color:#e74c3c}.stat-tile.long-term{border-top-color:#2ecc71}.stat-tile.permanent{border-top-color:#f39c12}.chart-section{display:flex;flex-direction:column;gap:10px}.chart-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:5px}.chart-box{flex:1;min-width:300px;background-color:var(--card-background, #fff);border-radius:8px;padding:15px;box-shadow:0 2px 8px #0000000d}.chart-heading{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--heading-color, #2c3e50);text-align:center}.chart-container{height:280px;position:relative}.insights-panel{background-color:var(--card-background, #fff);border-radius:8px;padding:15px;box-shadow:0 2px 8px #0000000d}.insights-heading{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--heading-color, #2c3e50);display:flex;align-items:center;gap:8px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.insight-card{background-color:var(--insight-background, #f8f9fa);border-radius:8px;padding:12px;border-left:4px solid #3498db}.insight-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}@media (prefers-color-scheme: dark){.expected-stay-container{--background-color: #1a1a1a;--text-color: #e0e0e0;--heading-color: #f0f0f0;--secondary-text-color: #b0b0b0;--card-background: #2a2a2a;--border-color: #444;--input-background: #333;--input-text-color: #e0e0e0;--label-color: #c0c0c0;--value-color: #f0f0f0;--percentage-color: #a0a0a0;--note-color: #909090;--insight-background: #2d2d2d}.stat-tile:hover{box-shadow:0 4px 12px #0000004d}.error-message{background-color:#3a1a1a;color:#ff8a80}}.future-migration-reason-container{padding:20px;background-color:var(--background-color, #f5f5f5);color:var(--text-color, #333);border-radius:8px;box-shadow:0 2px 10px #0000000d}.future-migration-reason-container h2{margin-bottom:15px;font-size:24px;color:var(--heading-color, #2c3e50);display:flex;align-items:center;justify-content:center;width:100%;text-align:center}.migration-analysis-wrapper{display:flex;flex-direction:column;gap:20px}.stat-tile.total-population{border-top-color:#3498db}.stat-tile.job-search{border-top-color:#e74c3c}.stat-tile.job-change{border-top-color:#2ecc71}.stat-tile.return-hometown{border-top-color:#f39c12}@media (prefers-color-scheme: dark){.future-migration-reason-container{--background-color: #1a1a1a;--text-color: #e0e0e0;--heading-color: #f0f0f0;--secondary-text-color: #b0b0b0;--card-background: #2a2a2a;--border-color: #444;--input-background: #333;--input-text-color: #e0e0e0;--label-color: #c0c0c0;--value-color: #f0f0f0;--percentage-color: #a0a0a0;--note-color: #909090;--insight-background: #2d2d2d}.stat-tile:hover{box-shadow:0 4px 12px #0000004d}.error-message{background-color:#3a1a1a;color:#ff8a80}}.money-goods-receipt-container{padding:20px;background-color:var(--background-color, #f5f5f5);color:var(--text-color, #333);border-radius:8px;box-shadow:0 2px 10px #0000000d}.money-goods-receipt-container h2{margin-bottom:15px;font-size:24px;color:var(--heading-color, #2c3e50);display:flex;align-items:center;justify-content:center;width:100%;text-align:center}.money-goods-receipt-wrapper{display:flex;flex-direction:column;gap:20px}.stat-tile.received-money{border-top-color:#e74c3c}.stat-tile.received-both{border-top-color:#f39c12}.stat-tile.did-not-receive{border-top-color:#2ecc71}@media (prefers-color-scheme: dark){.money-goods-receipt-container{--background-color: #1a1a1a;--text-color: #e0e0e0;--heading-color: #f0f0f0;--secondary-text-color: #b0b0b0;--card-background: #2a2a2a;--border-color: #444;--input-background: #333;--input-text-color: #e0e0e0;--label-color: #c0c0c0;--value-color: #f0f0f0;--percentage-color: #a0a0a0;--note-color: #909090;--insight-background: #2d2d2d}.stat-tile:hover{box-shadow:0 4px 12px #0000004d}.error-message{background-color:#3a1a1a;color:#ff8a80}}.money-goods-sender-container{padding:20px;background-color:var(--background-color, #f5f5f5);color:var(--text-color, #333);border-radius:8px;box-shadow:0 2px 10px #0000000d}.money-goods-sender-container h2{margin-bottom:15px;font-size:24px;color:var(--heading-color, #2c3e50);display:flex;align-items:center;justify-content:center;width:100%;text-align:center}.money-goods-sender-wrapper{display:flex;flex-direction:column;gap:20px}.stat-tile.received-from-parents{border-top-color:#e74c3c}.stat-tile.received-from-spouse{border-top-color:#f39c12}.stat-tile.received-from-children{border-top-color:#2ecc71}@media (prefers-color-scheme: dark){.money-goods-sender-container{--background-color: #1a1a1a;--text-color: #e0e0e0;--heading-color: #f0f0f0;--secondary-text-color: #b0b0b0;--card-background: #2a2a2a;--border-color: #444;--input-background: #333;--input-text-color: #e0e0e0;--label-color: #c0c0c0;--value-color: #f0f0f0;--percentage-color: #a0a0a0;--note-color: #909090;--insight-background: #2d2d2d}.stat-tile:hover{box-shadow:0 4px 12px #0000004d}.error-message{background-color:#3a1a1a;color:#ff8a80}}.money-goods-sending-container{padding:20px;background-color:var(--background-color, #f5f5f5);color:var(--text-color, #333);border-radius:8px;box-shadow:0 2px 10px #0000000d}.money-goods-sending-container h2{margin-bottom:15px;font-size:24px;color:var(--heading-color, #2c3e50);display:flex;align-items:center;justify-content:center;width:100%;text-align:center}.money-sending-analysis-wrapper{display:flex;flex-direction:column;gap:20px}.stat-tile.total-migrants{border-top-color:#3498db}.stat-tile.only-money{border-top-color:#e74c3c}.stat-tile.only-goods{border-top-color:#2ecc71}.stat-tile.both-money-goods{border-top-color:#f39c12}@media (prefers-color-scheme: dark){.money-goods-sending-container{--background-color: #1a1a1a;--text-color: #e0e0e0;--heading-color: #f0f0f0;--secondary-text-color: #b0b0b0;--card-background: #2a2a2a;--border-color: #444;--input-background: #333;--input-text-color: #e0e0e0;--label-color: #c0c0c0;--value-color: #f0f0f0;--percentage-color: #a0a0a0;--note-color: #909090;--insight-background: #2d2d2d}.stat-tile:hover{box-shadow:0 4px 12px #0000004d}.error-message{background-color:#3a1a1a;color:#ff8a80}}.money-purpose-container{padding:20px;background-color:var(--background-color, #f5f5f5);color:var(--text-color, #333);border-radius:8px;box-shadow:0 2px 10px #0000000d}.money-purpose-container h2{margin-bottom:15px;font-size:24px;color:var(--heading-color, #2c3e50);display:flex;align-items:center;justify-content:center;width:100%;text-align:center}.money-analysis-wrapper{display:flex;flex-direction:column;gap:20px}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:10px}.stat-tile{background-color:var(--card-background, #fff);border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.stat-content{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-tile h3{margin:0 0 10px;font-size:16px;font-weight:600;color:var(--heading-color, #2c3e50)}.stat-value{font-size:24px;font-weight:700;margin-bottom:5px;color:var(--value-color, #2c3e50)}.stat-percentage{font-size:14px;color:var(--percentage-color, #7f8c8d)}.stat-note{font-size:12px;color:var(--note-color, #95a5a6);margin-top:5px}.stat-tile{border-top:2px solid transparent}.stat-tile.total-money{border-top-color:#3498db}.stat-tile.daily-living{border-top-color:#e74c3c}.stat-tile.education{border-top-color:#f39c12}.stat-tile.investment{border-top-color:#2ecc71}.chart-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:10px}.chart-box{flex:1;min-width:300px;background-color:var(--card-background, #fff);border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d}.chart-heading{margin:0 0 15px;font-size:18px;font-weight:600;color:var(--heading-color, #2c3e50);text-align:center}.chart-note{font-size:12px;color:var(--note-color, #95a5a6);text-align:center;margin-top:10px}.insights-heading{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--heading-color, #2c3e50);display:flex;align-items:center;gap:10px}.insight-card{background-color:var(--insight-background, #f8f9fa);border-radius:8px;padding:15px;border-left:4px solid #3498db}.insight-header i{color:#3498db;font-size:18px}.insight-header h4{margin:0;font-size:16px;font-weight:600;color:var(--heading-color, #2c3e50)}.insight-card p{margin:0;font-size:14px;line-height:1.5;color:var(--secondary-text-color, #666)}.loading-container{display:flex;justify-content:center;align-items:center;height:300px;font-size:18px;color:var(--secondary-text-color, #666)}.error-message{padding:20px;background-color:#ffebee;color:#c62828;border-radius:8px;margin-bottom:20px;font-size:16px;line-height:1.5}@media (prefers-color-scheme: dark){.money-purpose-container{--background-color: #1a1a1a;--text-color: #e0e0e0;--heading-color: #f0f0f0;--secondary-text-color: #b0b0b0;--card-background: #2a2a2a;--border-color: #444;--input-background: #333;--input-text-color: #e0e0e0;--label-color: #c0c0c0;--value-color: #f0f0f0;--percentage-color: #a0a0a0;--note-color: #909090;--insight-background: #2d2d2d}.stat-tile:hover{box-shadow:0 4px 12px #0000004d}.error-message{background-color:#3a1a1a;color:#ff8a80}}.money-goods-recipient-container{padding:20px;background-color:var(--background-color, #f5f5f5);color:var(--text-color, #333);border-radius:8px;box-shadow:0 2px 10px #0000000d}.money-goods-recipient-container h2{margin-bottom:15px;font-size:24px;color:var(--heading-color, #2c3e50);display:flex;align-items:center;justify-content:center;width:100%;text-align:center}.analysis-description{margin-bottom:25px;color:var(--secondary-text-color, #666);font-size:15px;line-height:1.5;display:flex;align-items:center;justify-content:center;width:100%;text-align:center}.recipient-analysis-wrapper{display:flex;flex-direction:column;gap:20px}.filters-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px;background-color:var(--card-background, #fff);border-radius:8px;box-shadow:0 2px 8px #0000000d}.filter-group{display:flex;flex-direction:column;min-width:180px;flex:1}.filter-group label{margin-bottom:8px;font-weight:600;font-size:14px;color:var(--label-color, #555);display:flex;align-items:center}.filter-group select{padding:8px 12px;border:1px solid var(--border-color, #ddd);border-radius:6px;background-color:var(--input-background, #fff);color:var(--input-text-color, #333);font-size:14px;transition:border-color .2s,box-shadow .2s}.filter-group select:focus{border-color:var(--primary-color, #3498db);box-shadow:0 0 0 2px #3498db33;outline:none}.data-dashboard{display:flex;flex-direction:column;gap:25px}.stat-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-tile{background-color:var(--card-background, #fff);border-radius:8px;padding:15px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.stat-tile:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.stat-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%}.stat-content h3{font-size:14px;margin-bottom:10px;color:var(--secondary-text-color, #666);font-weight:600}.stat-value{font-size:22px;font-weight:700;color:var(--primary-color, #3498db);margin-bottom:5px}.stat-percentage{font-size:14px;color:var(--accent-color, #27ae60);font-weight:600}.stat-note{font-size:12px;color:var(--secondary-text-color, #666);margin-top:5px}.total-migrants{border-left:4px solid #3498db}.parents-recipient{border-left:4px solid #e74c3c}.spouse-recipient{border-left:4px solid #2ecc71}.children-recipient{border-left:4px solid #f39c12}.chart-section{display:flex;flex-direction:column;gap:25px}.chart-row{display:flex;gap:20px;flex-wrap:wrap}.chart-box{background-color:var(--card-background, #fff);border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d;flex:1;min-width:300px;display:flex;flex-direction:column}.chart-box.full-width{flex-basis:100%;width:100%}.chart-heading{font-size:16px;margin-bottom:15px;color:var(--heading-color, #2c3e50);text-align:center;font-weight:600}.chart-container{flex:1;position:relative;height:300px;width:100%}.insights-panel{background-color:var(--card-background, #fff);border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d}.insights-heading{font-size:18px;margin-bottom:20px;color:var(--heading-color, #2c3e50);display:flex;align-items:center;gap:10px}.insights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.insight-card{background-color:var(--card-background-alt, #f9f9f9);border-radius:8px;padding:15px;box-shadow:0 1px 4px #00000008;transition:transform .2s}.insight-card:hover{transform:translateY(-2px)}.insight-header i{color:var(--primary-color, #3498db);font-size:16px}.insight-header h4{font-size:15px;color:var(--heading-color, #2c3e50);margin:0}.insight-card p{font-size:14px;color:var(--secondary-text-color, #666);line-height:1.5;margin:0}.loading-container{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:var(--secondary-text-color, #666)}.error-message{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#e74c3c}@media (max-width: 768px){.stat-tiles{grid-template-columns:repeat(2,1fr)}.chart-row{flex-direction:column}.chart-box{min-width:100%}.insights-grid{grid-template-columns:1fr}}@media (max-width: 480px){.stat-tiles{grid-template-columns:1fr}.filter-group{min-width:100%}}.money-purpose-container{padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000000d}.money-analysis-wrapper{margin-top:20px}.filters-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-weight:500;color:#333;white-space:nowrap}.filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:14px;min-width:150px}.data-dashboard{display:flex;flex-direction:column;gap:20px}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.stat-tile{background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .2s}.stat-tile:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.stat-content{width:100%}.stat-tile h3{font-size:14px;margin-bottom:10px;color:#555}.stat-value{font-size:24px;font-weight:700;color:#333;margin-bottom:5px}.stat-percentage{font-size:18px;font-weight:600;color:#3498db}.stat-note{font-size:12px;color:#777;margin-top:5px}.total-money{border-left:4px solid #3498db}.daily-living{border-left:4px solid #2ecc71}.education{border-left:4px solid #f39c12}.debt-payment{border-left:4px solid #e74c3c}.chart-section{display:flex;flex-direction:column;gap:20px}.chart-row{display:flex;flex-wrap:wrap;gap:20px}.chart-box{flex:1;min-width:300px;background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d}.chart-box.full-width{flex-basis:100%}.chart-heading{font-size:16px;margin-bottom:15px;color:#333;text-align:center}.chart-container{height:300px;position:relative}.insights-panel{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d;margin-top:20px}.insights-heading{display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:15px;color:#333}.insights-heading i{color:#f39c12}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.insight-card{background-color:#f8f9fa;border-radius:8px;padding:15px;box-shadow:0 1px 3px #0000000d}.insight-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.insight-header i{color:#3498db}.insight-header h4{font-size:16px;color:#333;margin:0}.insight-card p{font-size:14px;color:#555;line-height:1.5;margin:0}.analysis-description{color:#666;margin-bottom:20px;line-height:1.6;font-size:15px}@media (max-width: 768px){.stat-tiles{grid-template-columns:1fr 1fr}.chart-row{flex-direction:column}.chart-box{min-width:100%}.insights-grid{grid-template-columns:1fr}}@media (max-width: 480px){.stat-tiles{grid-template-columns:1fr}.filters-container{flex-direction:column;align-items:flex-start}.filter-group,.filter-group select{width:100%}}.floating-navigation{animation:navFadeIn .8s ease-out;position:fixed!important;top:30px!important;left:50%!important;transform:translate(-50%)!important;z-index:1000!important;overflow:visible}.floating-navigation:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ffffff1f,#ffffff0f,#ffffff1f,#ffffff0f,#ffffff1f);border-radius:50px;z-index:-1;opacity:.7;filter:blur(1px);animation:subtleGlow 4s ease-in-out infinite}.floating-navigation:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:radial-gradient(ellipse,rgba(255,255,255,.08) 0%,rgba(255,255,255,.03) 40%,transparent 70%);border-radius:60px;z-index:-2;opacity:.5;filter:blur(2px);animation:subtleGlow 6s ease-in-out infinite reverse}@keyframes subtleGlow{0%,to{opacity:.4;transform:scale(1)}25%{opacity:.6;transform:scale(1.005)}50%{opacity:.8;transform:scale(1.01)}75%{opacity:.6;transform:scale(1.005)}}.floating-navigation:hover:before{opacity:.9;animation-duration:2s}.floating-navigation:hover:after{opacity:.7;animation-duration:3s}@keyframes navFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-container{display:flex;align-items:center;justify-content:space-between;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:50px;padding:0;box-shadow:none;transition:all .3s ease;position:relative;height:48px;overflow:visible}@keyframes navShimmer{0%,90%{left:-100%}10%,80%{left:100%}}.nav-container:hover{background:transparent;border:none;box-shadow:none;transform:none}.nav-left{display:flex;align-items:center;gap:6px;flex:1;position:relative;z-index:1;height:100%}.nav-center{display:flex;align-items:center;justify-content:center;flex:0 0 auto;margin:0 18px;position:relative;z-index:1;height:100%}.nav-right{display:flex;align-items:center;justify-content:flex-end;flex:1;position:relative;z-index:1;height:100%}.nav-item-wrapper{position:relative;height:100%;display:flex;align-items:center;overflow:visible}.nav-item{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:#fffc;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:500;letter-spacing:.3px;padding:8px 14px;border-radius:25px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;position:relative;overflow:hidden;z-index:2;white-space:nowrap;height:32px;box-sizing:border-box}.nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(77,200,255,.1),transparent);transition:left .5s ease}.nav-item:hover{color:#fff;background:#4dc8ff1a;transform:none}.nav-item:hover:before{left:100%}.nav-item.active{color:#4dc8ff;background:#4dc8ff26;font-weight:600}.nav-item.active:before{background:linear-gradient(90deg,transparent,rgba(77,200,255,.2),transparent)}.nav-item[data-lang=zh]{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;letter-spacing:.5px;font-weight:600;text-transform:none}.dropdown-item[data-lang=zh]{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;text-transform:none;letter-spacing:1px;font-weight:500}.auth-button[data-lang=zh]{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;letter-spacing:1px;font-weight:600;text-transform:none}.dropdown-icon{transition:transform .3s ease;color:#fff9}.auth-button{background:linear-gradient(135deg,#4dc8ff33,#4dc8ff1a);border:1px solid rgba(77,200,255,.3);color:#fff;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:600;padding:8px 16px;border-radius:25px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;position:relative;overflow:hidden;white-space:nowrap;z-index:2;height:32px;box-sizing:border-box;display:flex;align-items:center}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.auth-button:hover{background:linear-gradient(135deg,#4dc8ff4d,#4dc8ff33);border-color:#4dc8ff80;transform:none;box-shadow:0 6px 20px #4dc8ff4d}.auth-button:hover:before{left:100%}.dropdown-menu{position:fixed;background:#010313f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(77,200,255,.2);border-radius:12px;padding:8px;min-width:160px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d;z-index:1200;animation:dropdownFadeIn .3s ease;pointer-events:auto;overflow:visible;will-change:transform,opacity;isolation:isolate}.dropdown-item{display:block;width:100%;background:transparent;border:none;color:#fffc;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:500;padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left;text-transform:uppercase;letter-spacing:.5px;box-sizing:border-box;flex-shrink:0;margin:2px 0;position:relative;overflow:hidden}.dropdown-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(77,200,255,.1),transparent);transition:left .5s ease}.dropdown-item:hover{background:#4dc8ff1a;color:#fff;transform:translate(2px)}.dropdown-item:hover:before{left:100%}.dropdown-item.active{background:#4dc8ff33;color:#4dc8ff;font-weight:600}.dropdown-item.active:hover{background:#4dc8ff40;transform:translate(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.country-path{transition:all .2s ease;cursor:pointer}.country-path.hovered{filter:drop-shadow(0 0 8px rgba(77,200,255,.6))}.country-hover-glow{animation:countryGlow 1.5s ease-in-out infinite alternate}@keyframes countryGlow{0%{opacity:.3;filter:blur(1px)}to{opacity:.8;filter:blur(2px)}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.85);filter:blur(2px)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1);filter:blur(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 8px #4dc8ffcc}50%{transform:scale(1.2);opacity:.8;box-shadow:0 0 12px #4dc8ff}}.country-tooltip{pointer-events:none;z-index:1000}.geo-visualization svg{overflow:visible!important}.country-tooltip foreignObject{overflow:visible!important}.country-path:hover{filter:drop-shadow(0 0 12px rgba(77,200,255,.8))}.country-path{transition:all .2s cubic-bezier(.4,0,.2,1)}.country-path.hovered{filter:drop-shadow(0 0 15px rgba(77,200,255,.9)) drop-shadow(0 0 25px rgba(77,200,255,.4))}.country-hover-glow{animation:countryGlow 1.2s ease-in-out infinite alternate;filter:blur(1.5px)}@media (max-width: 900px){.nav-container[data-lang=zh]{min-width:680px}}@media (max-width: 768px){.nav-container{min-width:auto;width:95vw;padding:10px 16px;flex-direction:column;gap:12px;height:auto;min-height:auto;max-height:none}.nav-left,.nav-center,.nav-right{flex:none;margin:0;height:auto}.nav-left{order:2;gap:4px}.nav-center{order:1}.nav-right{order:3}.nav-item,.auth-button{font-size:12px;padding:6px 12px}}@media (max-width: 480px){.floating-navigation{top:10px}.nav-container{padding:8px 12px}.nav-item,.auth-button{font-size:11px;padding:5px 10px}}.features-section{position:relative;min-height:auto;width:100%;display:flex;align-items:center;justify-content:center;padding:60px 0;background:transparent;overflow:hidden;z-index:20;scroll-snap-align:start;border:none}.features-container{max-width:1400px;width:100%;margin:0 auto;padding:0 60px;position:relative}.features-header{margin-bottom:50px;text-align:center;position:relative;background:transparent}.tech-title-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:25px;overflow:hidden}.tech-title-decoration{display:flex;align-items:center;width:220px;margin:12px 0;position:relative}.tech-line{flex:1;height:1px;background:linear-gradient(90deg,#007bff1a,#00dfffb3,#007bff1a);position:relative;overflow:hidden}.tech-line:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,240,255,.8),transparent);animation:techLineScan 3s ease-in-out infinite}@keyframes techLineScan{0%{left:-100%}to{left:200%}}.tech-dot{width:8px;height:8px;border-radius:50%;background:#00eaff;margin:0 15px;position:relative;box-shadow:0 0 10px #00eaffb3}.tech-dot:after{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border:1px solid rgba(0,234,255,.3);border-radius:50%;animation:techDotPulse 2s ease-in-out infinite}@keyframes techDotPulse{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.5);opacity:.1}to{transform:scale(1);opacity:.3}}.tech-enhanced-title{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:600;letter-spacing:3px;margin:10px 0;padding:0;color:#e0f7ff;position:relative;display:flex;align-items:center;justify-content:center;text-transform:uppercase;text-shadow:0 0 15px rgba(77,200,255,.6)}.tech-title-prefix{color:#4dc8ff;font-size:2rem;margin-right:15px;opacity:.8;text-shadow:0 0 10px rgba(77,200,255,.6);position:relative;top:-2px}.tech-title-letters{display:flex;position:relative}.tech-letter{display:inline-block;color:#e0f7ff;letter-spacing:3px;text-shadow:0 0 15px rgba(0,162,255,.5)}.tech-digital-decoration{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:-1;opacity:.7}.tech-binary-stream{position:absolute;left:5%;top:20%;opacity:.7;transform:rotate(-30deg) scale(.9);animation:binaryFade 8s infinite alternate;z-index:1;filter:drop-shadow(0 0 5px rgba(0,234,255,.4))}.tech-binary-stream.right{right:5%;left:auto;top:30%;transform:rotate(30deg) scale(.9);animation-delay:2s}.tech-binary-stream.top-left{left:15%;top:10%;transform:rotate(-15deg) scale(.7);animation-delay:1s}.tech-binary-stream.top-right{right:15%;left:auto;top:10%;transform:rotate(15deg) scale(.7);animation-delay:3s}.tech-binary-stream.bottom-left{left:10%;top:70%;transform:rotate(-45deg) scale(.7);animation-delay:2.5s}.tech-binary-stream.bottom-right{right:10%;left:auto;top:70%;transform:rotate(45deg) scale(.7);animation-delay:1.5s}.binary-digit{display:inline-block;font-family:Orbitron,monospace;font-size:16px;color:#00eaff;margin:0 1px;text-shadow:0 0 10px rgba(0,234,255,.8);animation:binaryPulse 1.5s infinite}.binary-digit:nth-child(odd){animation-delay:.5s}.binary-digit:nth-child(3n){animation-delay:1s}.binary-digit.highlight{font-size:18px;color:#fff;text-shadow:0 0 15px rgba(0,234,255,1);animation:binaryHighlightPulse 2s infinite}@keyframes binaryHighlightPulse{0%,to{opacity:.8;text-shadow:0 0 15px rgba(0,234,255,.9)}50%{opacity:1;text-shadow:0 0 20px rgba(0,234,255,1)}}@keyframes binaryPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes binaryFade{0%{opacity:.4;transform:translateY(0) rotate(-30deg) scale(.9);filter:drop-shadow(0 0 3px rgba(0,234,255,.3))}to{opacity:.8;transform:translateY(-15px) rotate(-30deg) scale(.9);filter:drop-shadow(0 0 8px rgba(0,234,255,.5))}}.tech-binary-stream.right{animation-name:binaryFadeRight}@keyframes binaryFadeRight{0%{opacity:.4;transform:translateY(0) rotate(30deg) scale(.9);filter:drop-shadow(0 0 3px rgba(0,234,255,.3))}to{opacity:.8;transform:translateY(-15px) rotate(30deg) scale(.9);filter:drop-shadow(0 0 8px rgba(0,234,255,.5))}}.floating-digits{position:absolute;color:#00eaff;font-family:Orbitron,monospace;text-shadow:0 0 8px rgba(0,234,255,.7);opacity:.7;animation:floatingDigitAnimation 8s ease-in-out infinite;z-index:-1;filter:drop-shadow(0 0 5px rgba(0,234,255,.3))}@keyframes floatingDigitAnimation{0%{transform:translateY(0) rotate(0);opacity:.4;filter:drop-shadow(0 0 3px rgba(0,234,255,.2))}50%{transform:translateY(-15px) rotate(5deg);opacity:.9;filter:drop-shadow(0 0 8px rgba(0,234,255,.4))}to{transform:translateY(0) rotate(0);opacity:.4;filter:drop-shadow(0 0 3px rgba(0,234,255,.2))}}.features-subtitle{font-family:Rajdhani,sans-serif;font-size:1.2rem;color:#ffffffb3;margin:0 auto;max-width:800px;letter-spacing:.5px;line-height:1.6;position:relative;opacity:0;animation:subtitleFadeIn 1s ease-out forwards .5s}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.features-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;opacity:.6}.feature-particle{position:absolute;background:#4a9eff80;border-radius:50%;box-shadow:0 0 8px #4a9eff66;animation:particleFloat linear infinite}@keyframes particleFloat{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(10px);opacity:0}}@media (max-width: 768px){.tech-enhanced-title{font-size:2.2rem}.tech-title-prefix{font-size:1.5rem;margin-right:10px}.tech-title-decoration{width:180px}.features-subtitle{font-size:1rem;padding:0 20px}}@media (max-width: 480px){.tech-enhanced-title{font-size:1.8rem}.tech-title-prefix{font-size:1.2rem;margin-right:8px}.tech-title-decoration{width:140px}.tech-dot{width:6px;height:6px;margin:0 10px}}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto);gap:15px;margin:0;position:relative;overflow:hidden;padding:10px}.feature-card{position:relative;padding:30px 25px;background:transparent;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;height:100%;margin:0}.card-with-border{position:relative;box-shadow:0 4px 20px #001e3c1a;background:#01031333;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;border:1px solid rgba(77,200,255,.07);transition:all .3s ease;overflow:hidden;z-index:1}.card-with-border:hover{background:#0103134d;border-color:#4dc8ff26;box-shadow:0 8px 25px #00509633;transform:translateY(-3px)}.card-with-border:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(77,200,255,.08),transparent 60%);opacity:0;z-index:-1;transition:opacity .3s ease}.card-with-border:hover:after{opacity:1}.card-with-border .feature-icon{margin-bottom:25px}.card-with-border h3{font-weight:600;margin-bottom:12px}.card-with-border p{opacity:.8;line-height:1.6}.feature-icon{width:50px;height:50px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:50%;background:#0103134d;border:1px solid rgba(77,200,255,.1);transition:all .3s ease;box-shadow:0 0 15px #0064ff1a}.feature-card:hover .feature-icon{background:#01031366;border-color:#4dc8ff4d;box-shadow:0 0 20px #0078ff33;transform:translateY(-2px)}.feature-icon:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(77,200,255,.2),transparent 70%);opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.feature-card:hover .feature-icon:after{opacity:1}.feature-icon svg{width:24px;height:24px;color:#4dc8ff;filter:drop-shadow(0 0 2px rgba(77,200,255,.5));transition:all .3s ease;position:relative;z-index:2}.feature-card:hover .feature-icon svg{color:#7ddfff;filter:drop-shadow(0 0 5px rgba(77,200,255,.8));transform:scale(1.1)}.feature-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.feature-card h3{color:#fff;font-size:1.2rem;margin-bottom:10px;font-family:Titillium Web,sans-serif;font-weight:600;text-align:left}.feature-card p{color:#ffffffb3;font-size:.95rem;line-height:1.5;text-align:left;margin:0;font-family:Titillium Web,sans-serif}.feature-card{animation:fadeInUp .5s ease-out forwards;opacity:0}@media (max-width: 1200px){.features-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media (max-width: 768px){.features-section{padding:50px 0}.features-container{padding:0 20px}.feature-card{padding:30px 20px}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.9rem}}@media (max-width: 576px){.features-grid{grid-template-columns:1fr;gap:15px;padding:5px}.feature-card{flex-direction:row;align-items:center;padding:25px 20px;margin:0}.card-with-border{border-radius:6px}.feature-icon{margin-bottom:0;margin-right:15px}.feature-content{flex:1}}.feature-card{animation:fadeInUp .6s ease-out forwards;opacity:0}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.feature-card:nth-child(7){animation-delay:.7s}.feature-card:nth-child(8){animation-delay:.8s}.meteor-container{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden;pointer-events:none;z-index:1.5}.meteor{position:absolute;width:0;height:0;opacity:0;top:10%;left:50%;z-index:10;transform-origin:top center}.meteor:before{content:"";position:absolute;width:0;height:2px;background:linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,.7) 30%,rgba(255,255,255,.3) 60%,transparent);transform:translateY(-1px) rotate(0);transform-origin:left center;animation:meteorTail 3s ease-out forwards;opacity:0}.meteor:after{content:"";position:absolute;width:2px;height:2px;background-color:#fff;border-radius:50%;box-shadow:0 0 2px 1px #fffc,0 0 4px 2px #c8ffff99,0 0 6px 3px #aadcff66;left:0;top:50%;transform:translateY(-50%);animation:meteorHead 3s ease-out forwards}@keyframes shootStarLeftArc{0%{opacity:0;transform:translate(0) rotate(-35deg)}5%{opacity:1}30%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(-800px,400px) rotate(-35deg)}}@keyframes meteorTail{0%,30%{width:170px;opacity:1}70%{width:170px;opacity:1}90%{width:20px;opacity:.3}to{width:0;opacity:0}}@keyframes meteorHead{0%,70%{opacity:1}80%{opacity:0}to{opacity:0}}@keyframes shootStarLeftArc2{0%{opacity:0;transform:translate(0) rotate(-40deg)}5%{opacity:1}30%{opacity:1}to{opacity:0;transform:translate(-900px,350px) rotate(-40deg)}}.meteor-1{animation:shootStarLeftArc 3s ease-out infinite;animation-delay:0s}.meteor-1:before{animation:meteorTail 3s ease-out infinite;animation-delay:0s}.meteor-1:after{animation:meteorHead 3s ease-out infinite;animation-delay:0s}.meteor-1:before{width:170px;height:2px}.meteor-2{top:20%;left:60%;animation:shootStarLeftArc2 3.5s ease-out infinite;animation-delay:8s}.meteor-2:before{animation:meteorTail 3.5s ease-out infinite;animation-delay:8s}.meteor-2:after{animation:meteorHead 3.5s ease-out infinite;animation-delay:8s}.meteor-2:before{width:150px;height:1.5px;background:linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,.7) 20%,rgba(255,255,255,.2) 50%,transparent)}.meteor-3{top:15%;left:40%;animation:shootStarLeftArc 4s ease-out infinite;animation-delay:15s}.meteor-3:before{animation:meteorTail 4s ease-out infinite;animation-delay:15s}.meteor-3:after{animation:meteorHead 4s ease-out infinite;animation-delay:15s}.meteor-3:before{width:190px;height:2.5px;background:linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,.8) 20%,rgba(200,230,255,.4) 60%,transparent)}.meteor-3:after{width:5px;height:5px}.meteor-4{top:10%;left:55%;animation:shootStarLeftArc2 3.2s ease-out infinite;animation-delay:25s}.meteor-4:before{animation:meteorTail 3.2s ease-out infinite;animation-delay:25s}.meteor-4:after{animation:meteorHead 3.2s ease-out infinite;animation-delay:25s}.meteor-4:before{width:140px;height:1.8px;background:linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,.7) 30%,rgba(200,220,255,.3) 70%,transparent)}.welcome-page{width:100%;min-height:100vh;color:#fff;overflow-x:hidden;position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory}.welcome-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#010313,#010313);z-index:-100;pointer-events:none}.welcome-page:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(77,200,255,.015) 0%,transparent 50%),radial-gradient(circle at 80% 40%,rgba(0,229,255,.01) 0%,transparent 50%);z-index:-99;pointer-events:none;animation:backgroundShift 20s ease-in-out infinite}@keyframes backgroundShift{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.8;transform:translateY(-10px)}}.geo-loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#010313,#010313,#010313);display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:9999}.map-grid-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(77,200,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(77,200,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite;opacity:.3}.geo-loading-content{display:flex;align-items:center;gap:80px;z-index:10;max-width:1200px;width:100%;padding:0 40px}.radar-scanner{position:relative;width:300px;height:300px;flex-shrink:0}.radar-circle{position:absolute;border:2px solid;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.radar-outer{width:300px;height:300px;border-color:#4dc8ff4d;animation:radarPulse 3s ease-in-out infinite}.radar-middle{width:200px;height:200px;border-color:#4dc8ff80;animation:radarPulse 2s ease-in-out infinite}.radar-inner{width:100px;height:100px;border-color:#4dc8ffcc;animation:radarPulse 1s ease-in-out infinite}.radar-sweep{position:absolute;top:50%;left:50%;width:150px;height:2px;background:linear-gradient(90deg,rgba(77,200,255,.8),transparent);transform-origin:left center;animation:radarSweep 3s linear infinite}.radar-center{position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;background:#4dc8ff;border-radius:50%;box-shadow:0 0 20px #4dc8ffcc;animation:centerPulse 1.5s ease-in-out infinite}.geo-markers{position:absolute;top:0;left:0;width:100%;height:100%}.geo-marker{position:absolute;width:8px;height:8px;background:#ff6b6b;border-radius:50%;box-shadow:0 0 15px #ff6b6bcc;animation:markerPulse 2s ease-in-out infinite}.marker-1{top:25%;left:30%;animation-delay:0s}.marker-2{top:60%;left:70%;animation-delay:.5s}.marker-3{top:40%;right:25%;animation-delay:1s}.marker-4{bottom:30%;left:45%;animation-delay:1.5s}.geo-info-panel{flex:1;display:flex;flex-direction:column;gap:30px}.geo-title{color:#fff;font-size:36px;font-weight:300;font-family:Orbitron,sans-serif;margin:0;letter-spacing:3px;text-transform:uppercase}.loading-phase{color:#4dc8ffe6;font-size:18px;font-family:Inter,sans-serif;font-weight:400;letter-spacing:1px;animation:phaseGlow 2s ease-in-out infinite}.coordinates-display{display:flex;gap:40px;font-family:Roboto Mono,monospace}.coord-item{display:flex;flex-direction:column;gap:5px}.coord-label{color:#fff9;font-size:12px;font-weight:500;letter-spacing:1px}.coord-value{color:#4dc8ff;font-size:16px;font-weight:600;letter-spacing:.5px;animation:coordFlicker 3s ease-in-out infinite}.geo-progress{display:flex;flex-direction:column;gap:15px}.progress-container{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#4dc8ff,#00e5ff,#4dc8ff);border-radius:2px;transition:width .3s ease;box-shadow:0 0 15px #4dc8ff99;animation:progressGlow 2s ease-in-out infinite}.progress-info{display:flex;justify-content:space-between;align-items:center}.progress-percent{color:#fff;font-size:18px;font-weight:600;font-family:Orbitron,sans-serif}.progress-label{color:#ffffffb3;font-size:12px;font-family:Inter,sans-serif;letter-spacing:1px;text-transform:uppercase}.map-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.map-pin{position:absolute;width:12px;height:12px;background:#ff6b6b;border-radius:50% 50% 50% 0;transform:rotate(-45deg);animation:pinDrop 3s ease-in-out infinite}.pin-1{top:15%;left:10%;animation-delay:0s}.pin-2{top:25%;right:15%;animation-delay:1s}.pin-3{bottom:20%;left:20%;animation-delay:2s}.coordinate-lines{position:absolute;top:0;left:0;width:100%;height:100%}.coord-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(77,200,255,.3),transparent);animation:lineMove 8s ease-in-out infinite}.coord-line.horizontal{width:100%;height:1px;top:50%;left:0}.coord-line.vertical{width:1px;height:100%;top:0;left:50%;background:linear-gradient(0deg,transparent,rgba(77,200,255,.3),transparent)}@keyframes gridMove{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes radarPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.05);opacity:1}}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes centerPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #4dc8ffcc}50%{transform:scale(1.3);box-shadow:0 0 30px #4dc8ff}}@keyframes markerPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:1}}@keyframes phaseGlow{0%,to{text-shadow:0 0 10px rgba(77,200,255,.5)}50%{text-shadow:0 0 20px rgba(77,200,255,.8)}}@keyframes coordFlicker{0%,90%,to{opacity:1}95%{opacity:.7}}@keyframes progressGlow{0%,to{box-shadow:0 0 15px #4dc8ff99}50%{box-shadow:0 0 25px #4dc8ffe6}}@keyframes pinDrop{0%,to{transform:rotate(-45deg) translateY(0);opacity:.7}50%{transform:rotate(-45deg) translateY(-10px);opacity:1}}@keyframes lineMove{0%,to{opacity:0}50%{opacity:1}}@media (max-width: 768px){.geo-loading-content{flex-direction:column;gap:40px;text-align:center}.radar-scanner,.radar-outer{width:250px;height:250px}.radar-middle{width:170px;height:170px}.radar-inner{width:90px;height:90px}.geo-title{font-size:28px}.loading-phase{font-size:16px}.coordinates-display{justify-content:center;gap:30px}}@media (max-width: 480px){.geo-loading-content{padding:0 20px}.radar-scanner,.radar-outer{width:200px;height:200px}.radar-middle{width:140px;height:140px}.radar-inner{width:80px;height:80px}.geo-title{font-size:24px;letter-spacing:2px}.loading-phase{font-size:14px}.coordinates-display{gap:20px}.coord-value{font-size:14px}}.loading-text-tech{display:inline-block;position:relative;background:linear-gradient(90deg,#1aadffb3,#64dcffe6,#1aadffb3);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 15px rgba(0,162,255,.3);font-weight:500;animation:textPulse 2s infinite;padding:0 15px}.loading-text-tech:after{content:"...";position:relative;display:inline-block;animation:dots 1.5s infinite steps(4);overflow:hidden;vertical-align:bottom;width:0}@keyframes dots{0%{width:0}to{width:20px}}@keyframes textPulse{0%{opacity:.7;filter:blur(.2px)}50%{opacity:1;filter:blur(0)}to{opacity:.7;filter:blur(.2px)}}.loading-progress{width:240px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;position:relative;margin-bottom:30px}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#07f,#00c6ff,#07f);border-radius:2px;box-shadow:0 0 10px #00a2ffb3;animation:progressAnimate 3s ease-in-out infinite;background-size:200% 100%}@keyframes progressAnimate{0%{width:0%;background-position:100% 0}50%{width:70%}70%{width:70%}to{width:100%;background-position:0 0}}.tech-circles{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.tech-circle{position:absolute;border-radius:50%;border:1px solid rgba(0,162,255,.3);filter:blur(.4px);opacity:0;animation:circleAppear 8s infinite}.circle-1{width:100px;height:100px;top:20%;left:15%;animation-delay:.5s}.circle-2{width:150px;height:150px;bottom:25%;right:18%;animation-delay:1.5s}.circle-3{width:80px;height:80px;top:30%;right:25%;animation-delay:1s}.circle-4{width:120px;height:120px;bottom:30%;left:22%;animation-delay:2s}.circle-5{width:60px;height:60px;top:15%;right:30%;animation-delay:0s}.circle-6{width:200px;height:200px;top:40%;left:40%;animation-delay:2.5s}@keyframes circleAppear{0%{transform:scale(.5);opacity:0}20%{transform:scale(1);opacity:.6}40%{transform:scale(1.1);opacity:.4}60%{transform:scale(1);opacity:.7}80%{transform:scale(1.2);opacity:.3}to{transform:scale(.5);opacity:0}}.content-section{width:100%;min-height:100vh;padding:0 40px;z-index:20;position:relative;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;background:transparent}.title-section{max-width:1000px;display:flex;flex-direction:column;justify-content:center;align-items:center}.subtitle{font-size:1.2rem;margin-bottom:.5rem;letter-spacing:3px;text-transform:uppercase;color:#a8aabc;font-weight:300}.main-title{font-size:6rem;line-height:1;margin:0;padding:0;letter-spacing:5px;font-weight:500;text-transform:uppercase;background:linear-gradient(to right,#fff,#a8aabc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(255,255,255,.1)}.divider{display:none}.divider-line{width:100%;max-width:500px;height:2px;background:linear-gradient(to right,rgba(255,255,255,.7),transparent);margin:15px 0}.data-content .divider-line{width:70%;max-width:300px;background:linear-gradient(to right,#ffffffe6,#64a0ff33);margin:15px 0 25px}.description{font-size:1rem;line-height:1.6;margin-bottom:30px;color:#a8aabc;max-width:80%}.company-info{margin-top:30px;margin-bottom:30px;padding:0;background:transparent;position:relative;overflow:visible}.company-info:before{display:none}.company-info:after{display:none}.company-name{margin-top:0;font-size:5rem;margin-bottom:35px;letter-spacing:2px;font-weight:700;background:linear-gradient(135deg,#e8f4fd,#b8d4f0,#8bb8e8,#5a9bd4,#2e7bc6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-family:Cinzel,Playfair Display,serif;text-transform:none;position:relative;display:block;line-height:1.2;text-align:center;z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .3s ease}.company-name:before{display:none}.company-desc{margin:0 auto 35px;color:#d0d4f1;line-height:1.8;font-size:1.15rem;letter-spacing:.6px;text-shadow:0 0 10px rgba(0,0,0,.5);font-weight:300;position:relative;z-index:5;opacity:0;animation:fadeIn 1s ease-in forwards .5s;max-height:45vh;overflow-y:auto;padding:0 50px;text-align:center;max-width:900px}.company-name:hover{background:linear-gradient(135deg,#f0f8ff,#d4e8f7,#a8d0f0,#7bb8e8,#4ea0d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));transform:translateY(-2px)}.company-name:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,#5a9bd4,transparent);opacity:.6}.tech-decor{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(50,130,252,.2) 0%,transparent 70%);animation:float 6s ease-in-out infinite}.tech-decor-1{width:400px;height:400px;top:20%;left:10%;opacity:.5}.tech-decor-2{width:300px;height:300px;bottom:10%;right:15%;animation-delay:2s;opacity:.3}.button-section{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:30px;gap:20px;flex-wrap:wrap}.data-cta-button .starry-button,.explore-platform-btn{font-size:1.05rem;padding:14px 36px;border-width:2px;animation:buttonGlow 3s infinite}.data-cta-button .starry-button:hover,.explore-platform-btn:hover{transform:translateY(-2px);box-shadow:0 0 15px #64c8ff80;border-color:#64c8ffcc}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;border-radius:inherit;overflow:hidden}.particle{position:absolute;background-color:#fff;border-radius:50%;pointer-events:none;animation:float var(--duration, 3s) ease-in-out var(--delay, 0s) infinite;opacity:0;box-shadow:0 0 5px 1px #fffc;width:var(--size, 2px);height:var(--size, 2px);left:var(--x, 50%);top:var(--y, 50%);transform:translate(-50%,-50%)}.explore-platform-btn:hover{transform:translateY(-2px);box-shadow:0 0 15px #64c8ff80;border-color:#64c8ffcc}.explore-platform-btn:hover .btn-text{text-shadow:0 0 15px rgba(100,200,255,.8)}.explore-platform-btn:active{transform:translateY(-1px);box-shadow:0 2px 10px #0064ff66,inset 0 0 10px #64c8ff4d}@keyframes float{0%,to{transform:translate(-50%,-50%) scale(.8);opacity:0}20%,80%{opacity:.8}50%{transform:translate(calc(-50% + (var(--i) - .5) * 40px),calc(-50% - 30px)) scale(1.2);opacity:1}}.explore-platform-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transform:rotate(0);animation:rotateGlow 8s linear infinite;z-index:0;pointer-events:none}@keyframes rotateGlow{to{transform:rotate(360deg)}}@media (max-width: 768px){.explore-platform-btn{padding:12px 24px;font-size:14px}.particle{--size: 1.5px}}.scroll-down-container{display:flex;flex-direction:row;align-items:center;gap:10px;margin:0}.scroll-down-btn{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;background-color:transparent;border:1px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:50px;font-size:.9rem;letter-spacing:1px;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.scroll-down-btn svg{transition:transform .3s ease}.scroll-down-btn:hover{background-color:#ffffff1a;border-color:#ffffff80}.scroll-down-btn:hover svg{transform:translateY(3px)}.earth-container{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:10;pointer-events:none;overflow:hidden;background:transparent}.earth-container canvas{display:block;width:100%;height:100%}.content-section:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(77,200,255,.06) 50%,transparent 100%);z-index:25;pointer-events:none}.team-section{min-height:100vh;width:100%;position:relative;z-index:20;scroll-snap-align:start;background:transparent;display:flex;align-items:center;justify-content:center;padding:60px 0 40px;overflow:hidden;border:none}.team-section-inner{max-width:1600px;width:100%;padding:0 80px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;z-index:2}.team-left-content{flex:0 0 35%;padding-right:0;margin-top:0;position:relative;z-index:10;transform:translateY(-40px)}.team-carousel{flex:0 0 65%;position:relative;padding-top:0;display:flex;flex-direction:column;align-items:flex-start;margin-left:-15%;z-index:5;padding-bottom:60px}.team-layout{display:flex;flex-direction:row;width:100%;position:relative;gap:0;align-items:flex-start}.team-info-area{position:relative;left:auto;top:auto;transform:none;width:35%;z-index:5;display:flex;flex-direction:column;justify-content:center;padding-right:20px;padding-top:60px}.team-photos-area{position:relative;width:65%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible}.photos-container{width:100%;height:550px;position:relative;display:flex;justify-content:center;align-items:center;perspective:1200px;overflow:visible;background:linear-gradient(135deg,#ffffff05,#ffffff03,#ffffff05);border-radius:20px}.photos-container.transitioning .team-photo-card{transition:transform .6s cubic-bezier(.23,1,.32,1),opacity .6s cubic-bezier(.23,1,.32,1),filter .6s cubic-bezier(.23,1,.32,1)}.photos-container.transitioning.right .team-photo-card.active{transform:translate(calc(-100% - 40px)) scale(.8) rotateY(-5deg);opacity:.4;filter:brightness(.4) blur(.5px)}.photos-container.transitioning.right .team-photo-card.next{transform:translate(0) scale(1) rotateY(0);opacity:1;filter:brightness(1) blur(0);z-index:5}.photos-container.transitioning.right .team-photo-card.far-next{transform:translate(calc(100% + 40px)) scale(.8) rotateY(5deg);opacity:.4}.photos-container.transitioning.right .team-photo-card.prev{transform:translate(calc(-200% - 80px)) scale(.65) rotateY(-8deg);opacity:.25}.photos-container.transitioning.right .team-photo-card.far-prev{transform:translate(calc(-300% - 120px)) scale(.5) rotateY(-12deg);opacity:.1}.photos-container.transitioning.left .team-photo-card.active{transform:translate(calc(100% + 40px)) scale(.8) rotateY(5deg);opacity:.4;filter:brightness(.4) blur(.5px)}.photos-container.transitioning.left .team-photo-card.prev{transform:translate(0) scale(1) rotateY(0);opacity:1;filter:brightness(1) blur(0);z-index:5}.photos-container.transitioning.left .team-photo-card.next{transform:translate(calc(200% + 80px)) scale(.65) rotateY(8deg);opacity:.25}.photos-container.transitioning.left .team-photo-card.far-prev{transform:translate(calc(-100% - 40px)) scale(.8) rotateY(-5deg);opacity:.4}.photos-container.transitioning.left .team-photo-card.far-next{transform:translate(calc(300% + 120px)) scale(.5) rotateY(12deg);opacity:.1}.team-photo-card{position:absolute;width:400px;height:550px;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a,inset 0 1px #ffffff1a;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),filter .3s cubic-bezier(.23,1,.32,1),box-shadow .3s cubic-bezier(.23,1,.32,1);transform-origin:center center;will-change:transform,opacity,filter;backface-visibility:hidden;border:1px solid rgba(255,255,255,.08)}.team-photo-card img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s cubic-bezier(.23,1,.32,1)}.team-photo-card.active{z-index:5;opacity:1;transform:translate(0) scale(1) rotateY(0);box-shadow:0 25px 50px #00000040,0 12px 24px #00000026,inset 0 1px #ffffff26;transition-duration:.4s}.team-photo-card.next{z-index:4;opacity:.5;transform:translate(calc(100% + 40px)) scale(.85) rotateY(3deg);filter:brightness(.5) blur(.3px);transition-duration:.4s}.team-photo-card.far-next{z-index:3;opacity:.3;transform:translate(calc(180% + 70px)) scale(.7) rotateY(6deg);filter:brightness(.3) blur(.8px);transition-duration:.4s}.team-photo-card.prev{z-index:4;opacity:.5;transform:translate(calc(-100% - 40px)) scale(.85) rotateY(-3deg);filter:brightness(.5) blur(.3px);transition-duration:.4s}.team-photo-card.far-prev{z-index:3;opacity:.3;transform:translate(calc(-180% - 70px)) scale(.7) rotateY(-6deg);filter:brightness(.3) blur(.8px);transition-duration:.4s}.team-photo-card.active:hover{transform:translate(0) scale(1.02) rotateY(0) translateY(-5px);box-shadow:0 30px 60px #0000004d,0 15px 30px #0003,inset 0 1px #fff3}.team-photo-card.next:hover{transform:translate(calc(100% + 40px)) scale(.85) rotateY(3deg) translateY(-5px)}.team-photo-card.prev:hover{transform:translate(calc(-100% - 40px)) scale(.85) rotateY(-3deg) translateY(-5px)}.team-photo-card.far-next:hover{transform:translate(calc(180% + 70px)) scale(.7) rotateY(6deg) translateY(-5px)}.team-photo-card.far-prev:hover{transform:translate(calc(-180% - 70px)) scale(.7) rotateY(-6deg) translateY(-5px)}.team-photo-card.active:hover img{transform:scale(1.05)}.team-navigation{position:absolute;display:flex;gap:16px;bottom:-60px;left:50%;transform:translate(-50%);z-index:10;justify-content:center;width:100%;padding-top:20px}.member-info-content{display:flex;flex-direction:column;justify-content:flex-start;animation:fadeIn .6s ease forwards;will-change:opacity,transform;position:absolute;bottom:0;left:0;right:0;padding:20px 30px;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.5) 70%,transparent);border-radius:0 0 24px 24px}.member-info-content .member-role,.member-info-content .member-name,.member-info-content .member-social{opacity:0;animation:slideUp .5s ease forwards}.member-info-content .member-role{font-family:Rajdhani,sans-serif;font-size:16px;color:#8c7bff;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px;font-weight:500;animation-delay:.3s}.member-info-content .member-name{font-family:Rajdhani,sans-serif;font-size:42px;color:#fff;margin:0 0 15px;font-weight:600;line-height:1;animation-delay:.4s}.member-info-content .member-social{display:flex;gap:16px;margin-top:10px;animation-delay:.5s}.social-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;transition:all .3s ease}.social-icon:hover{background:#8c7bff4d;transform:translateY(-3px)}.social-icon svg{width:18px;height:18px;transition:all .2s ease}.social-icon:hover svg{filter:drop-shadow(0 0 3px rgba(255,255,255,.5))}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1600px){.team-section-inner{padding:0 60px}.team-layout{gap:50px}.team-photo-card{width:350px;height:480px}.member-info-content .member-name{font-size:36px}}@media (max-width: 1200px){.team-section-inner{padding:0 40px}.team-left-content{flex:0 0 30%}.team-carousel{flex:0 0 70%}.team-photo-card{width:320px;height:440px}.member-info-content .member-name{font-size:32px}}@media (max-width: 992px){.team-section-inner{padding:0 30px;flex-direction:column;align-items:center;gap:20px}.team-left-content{flex:0 0 auto;padding-right:0;text-align:center;width:100%;margin-top:20px}.team-carousel{flex:0 0 auto;width:100%;padding-top:20px}.team-layout{flex-direction:column-reverse;gap:40px}.team-info-area{width:100%;margin-top:40px;text-align:center;padding-right:0;padding-top:0}.team-photos-area{width:100%}.photos-container{height:440px;background:linear-gradient(135deg,#ffffff08,#ffffff04,#ffffff08)}.team-photo-card{width:280px;height:380px}.team-photo-card.next{transform:translate(calc(100% + 25px)) scale(.88) rotateY(2deg)}.team-photo-card.prev{transform:translate(calc(-100% - 25px)) scale(.88) rotateY(-2deg)}.team-photo-card.far-next{transform:translate(calc(160% + 45px)) scale(.75) rotateY(4deg)}.team-photo-card.far-prev{transform:translate(calc(-160% - 45px)) scale(.75) rotateY(-4deg)}.team-navigation{justify-content:center}.member-info-content{position:absolute;text-align:center;padding:20px}.member-info-content .member-social{justify-content:center}.member-info-content .member-name{font-size:28px;margin-bottom:10px}.member-info-content .member-role{margin-bottom:5px;font-size:14px}.social-icon{width:28px;height:28px}.social-icon svg{width:16px;height:16px}}@media (max-width: 576px){.team-section-inner{padding:0 20px}.photos-container{height:380px;background:linear-gradient(135deg,#ffffff0a,#ffffff05,#ffffff0a);border-radius:16px}.team-photo-card{width:230px;height:320px;border-radius:20px}.team-photo-card.next{transform:translate(calc(100% + 15px)) scale(.82) rotateY(1.5deg);opacity:.6;filter:brightness(.6) blur(.2px)}.team-photo-card.prev{transform:translate(calc(-100% - 15px)) scale(.82) rotateY(-1.5deg);opacity:.6;filter:brightness(.6) blur(.2px)}.team-photo-card.far-next{opacity:.35;transform:translate(calc(140% + 30px)) scale(.65) rotateY(3deg);filter:brightness(.35) blur(.5px)}.team-photo-card.far-prev{opacity:.35;transform:translate(calc(-140% - 30px)) scale(.65) rotateY(-3deg);filter:brightness(.35) blur(.5px)}.photos-container.transitioning.right .team-photo-card.active{transform:translate(calc(-100% - 15px)) scale(.82) rotateY(-2deg)}.photos-container.transitioning.right .team-photo-card.far-next,.photos-container.transitioning.left .team-photo-card.active{transform:translate(calc(100% + 15px)) scale(.82) rotateY(2deg)}.photos-container.transitioning.left .team-photo-card.far-prev{transform:translate(calc(-100% - 15px)) scale(.82) rotateY(-2deg)}.member-info-content .member-name{font-size:24px;margin-bottom:5px}.member-info-content .member-role{font-size:12px;margin-bottom:3px}.social-icon{width:28px;height:28px}.social-icon svg{width:16px;height:16px}}@media screen and (max-width: 1200px){.content-section{padding:0 20px}.earth-container{right:-400px}.main-title{font-size:4.5rem}}@media screen and (max-width: 992px){.welcome-page{flex-direction:column;height:auto}.content-section{width:100%;padding:80px 20px;margin:0;justify-content:center;text-align:center;min-height:100vh}.team-section-inner{flex-direction:column;gap:30px}.team-left-content{padding-right:0;text-align:center}.team-heading{text-align:center;max-width:100%}.team-right-content{width:100%}.team-member-photo{max-width:300px;height:400px}.earth-container{top:0;left:0;width:100%;height:100vh;position:fixed}.company-name{font-size:4rem}.company-desc{font-size:1rem;padding:0 20px}.team-member-content{flex-direction:column-reverse;gap:20px}.member-info{width:100%;padding:20px;text-align:center}.member-name{font-size:36px}.member-social{justify-content:center}.member-photo-container{width:100%;height:350px}.team-heading{text-align:center}.team-title{font-size:42px}.team-subtitle{font-size:20px}}@media screen and (max-width: 576px){.title-section{max-width:100%}.button-section{flex-direction:column}.company-name{font-size:3rem;margin-bottom:20px}.company-desc{font-size:.9rem;margin-bottom:25px;padding:0}.scroll-down-container{margin-left:0;margin-top:15px}.learn-more-btn{padding:10px 25px;font-size:14px}.member-name{font-size:28px}.member-role{font-size:12px}.team-title{font-size:32px}.team-subtitle{font-size:18px}}@media screen and (max-width: 360px){.company-name{font-size:2.5rem}.company-desc{font-size:.85rem;margin-bottom:20px}.learn-more-btn{padding:8px 20px;font-size:12px}}.company-desc::-webkit-scrollbar{width:5px}.company-desc::-webkit-scrollbar-track{background:#ffffff0d;border-radius:5px}.company-desc::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}.company-desc::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 15px #3282fc80}50%{box-shadow:0 0 30px #3282fccc}to{box-shadow:0 0 15px #3282fc80}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.team-member-slide.active{opacity:1;transform:translate(0);transition:opacity .5s ease,transform .5s ease}.animate-text{opacity:0;animation:fadeInLeft .8s ease forwards}.animate-fade-in{opacity:0;animation:fadeIn 1s ease .5s forwards}.team-member-slide.active .member-role{animation-delay:.2s}.team-member-slide.active .member-name{animation-delay:.4s}.highlight-text{position:relative;display:inline-block;color:#4d95ff;font-weight:500;transition:color .3s ease;padding:0 3px}.highlight-text:hover{color:#77b0ff}.highlight-text.wave{color:#64ffda}.highlight-text.wave:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right,#64ffda00,#64ffda,#64ffda00);animation:waveMove 2s infinite;transform-origin:bottom center;opacity:.7}.highlight-text.circle{color:#ff7eb3}.highlight-text.circle:before{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:#ff7eb3;box-shadow:0 0 10px #ff7eb3b3;opacity:.6;transition:all .3s ease}@keyframes waveMove{0%{transform:scaleX(1);opacity:.7}50%{transform:scaleX(1.1);opacity:1}to{transform:scaleX(1);opacity:.7}}.highlight-text.circle:hover:before{transform:translate(-50%) scale(1.5);opacity:.8;box-shadow:0 0 15px #ff7eb3e6}.highlight-text.diamond{color:#4dabf7;position:relative;z-index:1;font-weight:500;transition:all .3s ease}.highlight-text.diamond:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#4dabf7;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.highlight-text.diamond:hover{color:#339af0;text-shadow:0 0 10px rgba(77,171,247,.3)}.highlight-text.diamond:hover:after{transform:scaleX(1);transform-origin:left}.highlight-text.underline{color:#9c36b5;position:relative;z-index:1;font-weight:500;transition:all .3s ease}.highlight-text.underline:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#9c36b5;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.highlight-text.underline:hover{color:#862e9c;text-shadow:0 0 10px rgba(156,54,181,.3)}.highlight-text.underline:hover:after{transform:scaleX(1);transform-origin:left}.highlight-text.highlight{color:#20c997;position:relative;z-index:1;font-weight:500;transition:all .3s ease}.highlight-text.highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#20c997;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.highlight-text.highlight:hover{color:#12b886;text-shadow:0 0 10px rgba(32,201,151,.3)}.highlight-text.highlight:hover:after{transform:scaleX(1);transform-origin:left}@keyframes dataGlow{0%{text-shadow:0 0 8px rgba(106,90,205,.4);filter:brightness(1)}to{text-shadow:0 0 20px rgba(147,112,219,.6),0 0 30px rgba(186,162,224,.3);filter:brightness(1.1)}}@keyframes dataFlow{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes floatUp{0%{transform:translateY(0) scale(.5);opacity:0}50%{opacity:.8}to{transform:translateY(-20px) scale(1);opacity:0}}@keyframes holographic{0%{text-shadow:0 0 8px rgba(0,243,255,.7);filter:brightness(1)}to{text-shadow:0 0 20px rgba(0,243,255,.9),0 0 30px rgba(0,255,200,.6);filter:brightness(1.2)}}@keyframes digitalPulse{0%,to{opacity:.8;text-shadow:0 0 10px rgba(255,0,255,.5)}50%{opacity:1;text-shadow:0 0 20px rgba(255,0,255,.8),0 0 30px rgba(255,0,255,.5)}}@keyframes circuitPulse{0%,to{border-image-slice:1;border-image-source:linear-gradient(90deg,#00ff88,#00ffea)}50%{border-image-source:linear-gradient(90deg,#00ffea,#00ff88)}}@keyframes circuitDot{0%,to{transform:scale(.5);opacity:0}50%{transform:scale(1);opacity:1}}.highlight-text.wave:hover:after{animation-duration:1s;opacity:1}.data-section{min-height:100vh;width:100%;position:relative;z-index:20;scroll-snap-align:start;background:#000000eb;display:flex;align-items:center;justify-content:center;padding:20px 0;overflow:hidden}.data-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");opacity:.25;pointer-events:none;display:block}.data-section-inner{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:40px;position:relative;z-index:2;background:radial-gradient(circle at 25% 50%,rgba(1,3,19,.3),transparent 60%)}.data-visualization-container{position:relative;width:50%;height:600px;z-index:1;filter:drop-shadow(0 0 30px rgba(100,160,255,.3));overflow:visible}.data-visualization-container canvas{border-radius:50%;box-shadow:inset 0 0 50px #64a0ff4d}.data-content{position:relative;z-index:10;max-width:50%;padding:50px 60px;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(135deg,#010313b3,#01031380);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;overflow:hidden;box-shadow:0 0 40px #5865f233;border:1px solid rgba(100,107,255,.08);margin-left:-50px}@keyframes borderRotate{0%{background-position:0% 0%}to{background-position:300% 0%}}.data-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(123,90,255,.02) 0%,transparent 8%),radial-gradient(circle at 80% 40%,rgba(88,101,242,.02) 0%,transparent 8%),radial-gradient(circle at 40% 70%,rgba(147,112,219,.02) 0%,transparent 8%),radial-gradient(circle at 70% 90%,rgba(100,160,255,.02) 0%,transparent 8%);opacity:.3;z-index:-1}.data-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;padding:1px;background:linear-gradient(45deg,transparent 0%,rgba(88,101,242,.2) 25%,rgba(123,90,255,.4) 50%,rgba(88,101,242,.2) 75%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:borderRotate 6s linear infinite}.data-content:after{content:"";position:absolute;left:-50%;top:-100%;width:200%;height:300%;background:linear-gradient(120deg,#5865f20d,#6586ff12,#7289da14,#7e57c212,#5048aa0d);filter:blur(40px);opacity:.6;z-index:2;animation:flowLight 12s linear infinite;transform-origin:center center}@keyframes flowLight{0%{transform:rotate(0) scale(1);opacity:.5}50%{transform:rotate(180deg) scale(1.1);opacity:.7}to{transform:rotate(360deg) scale(1);opacity:.5}}.title-word{position:relative;display:inline-block;background:linear-gradient(90deg,#e0f7ff,#c4a5ff,#a2a8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin-bottom:.1em;transform-origin:left;animation:wordAppear .8s cubic-bezier(.215,.61,.355,1) backwards}.title-word:nth-child(1){animation-delay:.1s}.title-word:nth-child(2){animation-delay:.2s}.title-word:nth-child(3){animation-delay:.3s}.title-word:nth-child(4){animation-delay:.4s}.title-word:nth-child(5){animation-delay:.5s}.title-word:nth-child(6){animation-delay:.6s}.title-word:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,#6246ea,#a594f9);animation:lineGrow .6s ease-out forwards;animation-delay:inherit;opacity:.7;filter:blur(.5px)}@keyframes wordAppear{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lineGrow{0%{width:0;opacity:0}to{width:100%;opacity:.7}}.data-content .enhanced-divider{width:120px;height:1px;margin:8px 0 25px;background:linear-gradient(90deg,#b6eaff03,#9370dbcc,#b6eaff03);position:relative;z-index:3;overflow:hidden}.data-content .enhanced-divider:after{content:"";position:absolute;left:0;top:0;bottom:0;width:20%;background:linear-gradient(90deg,#ffffff1a,#fffc,#ffffff1a);opacity:.9;filter:blur(1px);animation:dividerFlow 2s linear infinite}@keyframes dividerFlow{0%{left:-20%;width:20%}to{left:100%;width:20%}}.data-subtitle-group{display:flex;flex-direction:column;gap:16px;margin-bottom:10px;z-index:3;position:relative;width:100%}.data-subtitle.main-subtitle{font-family:Rajdhani,sans-serif;color:#fffffff2;font-size:1.25rem;font-weight:400;letter-spacing:.02em;line-height:1.6;position:relative;padding-left:0;margin-bottom:0;animation:subtitleFadeIn 1.2s cubic-bezier(.4,0,.2,1) both;text-shadow:0 0 30px rgba(123,90,255,.6)}.data-subtitle.main-subtitle:before{content:"";position:absolute;left:-20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#7b5aff1a,#7b5affcc,#7b5aff1a);border-radius:1px}.data-subtitle.secondary-subtitle{font-family:Rajdhani,sans-serif;color:#dce6ffbf;font-size:1rem;font-weight:300;letter-spacing:.015em;line-height:1.6;position:relative;padding-left:0;margin-top:0;margin-bottom:0;animation:subtitleFadeIn 1.6s cubic-bezier(.4,0,.2,1) .2s both}.data-subtitle.secondary-subtitle:before{content:"";position:absolute;left:-20px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,#b6eaff1a,#b6eaff66,#b6eaff1a);border-radius:1px}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.data-content:hover .enhanced-divider:after{animation-duration:1.5s}.data-content:hover .data-title{animation-duration:3s}.request-access-btn{margin-top:20px;background:linear-gradient(to right,#7b5aff,#6246ea);color:#fff;border:none;padding:16px 36px;border-radius:50px;font-size:1.1rem;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #7b5aff66,0 0 30px #7b5aff4d;text-transform:uppercase;outline:none;position:relative;overflow:hidden;z-index:1;align-self:flex-start}.request-access-btn:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(90deg,#7b5aff,#6246ea,#7b5aff);z-index:-1;border-radius:50px;background-size:200%;animation:glowingBorder 3s linear infinite}.request-access-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #7b5aff80;background:linear-gradient(to right,#8b6aff,#7256fb)}.request-access-btn:active{transform:translateY(1px);box-shadow:0 2px 10px #7b5aff4d}@keyframes glowingBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes floatElement{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media screen and (max-width: 992px){.data-section-inner{flex-direction:column}.data-visualization-container{width:100%;height:50vh;margin-bottom:20px;min-height:400px}.data-content{max-width:100%;text-align:center;align-items:center;padding:30px}.data-title{font-size:3.2rem;text-align:center}.data-subtitle{font-size:1.6rem;margin-bottom:40px;text-align:center;max-width:100%}.data-content .divider-line{margin:15px auto 25px;background:linear-gradient(to right,transparent,rgba(255,255,255,.9),transparent)}.request-access-btn{align-self:center}}@media screen and (max-width: 576px){.data-title{font-size:2.4rem}.data-subtitle{font-size:1.6rem;margin-bottom:45px}.data-content{padding:20px}.request-access-btn{padding:14px 28px;font-size:1rem}}.request-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#010313d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-in-out}.request-modal{background:linear-gradient(135deg,#010313f2,#010313f2);border-radius:20px;padding:40px;width:90%;max-width:550px;position:relative;box-shadow:0 0 50px #64a0ff33;border:1px solid rgba(100,160,255,.15);animation:scaleIn .3s ease-in-out;overflow:hidden}.request-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(to right,#7b5aff,#6246ea);z-index:1}.close-modal-btn{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#a8aabc;font-size:24px;cursor:pointer;z-index:10;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-modal-btn:hover{color:#fff;background-color:#ffffff1a}.modal-title{color:#fff;font-size:2rem;margin-bottom:10px;font-weight:600;letter-spacing:1px;text-align:center;font-family:Orbitron,Arial,sans-serif}.modal-description{color:#a8aabc;text-align:center;margin-bottom:30px;font-size:1rem;line-height:1.6}.request-form{display:flex;flex-direction:column;gap:15px;width:100%}.form-group{width:100%}.form-input{width:100%;padding:14px;border-radius:10px;border:1px solid rgba(100,160,255,.3);background-color:#01031380;color:#fff;font-size:1rem;transition:all .3s ease;outline:none}.form-input::placeholder{color:#8a8daa}.form-input:focus{border-color:#7b5aff99;box-shadow:0 0 0 2px #7b5aff33}.form-input:hover{border-color:#7b5aff80}.submit-request-btn{background:linear-gradient(to right,#7b5aff,#6246ea);color:#fff;border:none;padding:16px 28px;border-radius:10px;font-size:1rem;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #7b5aff66;text-transform:uppercase;outline:none;margin-top:10px;width:100%;position:relative;overflow:hidden}.submit-request-btn.submitting{background:linear-gradient(to right,#6b4aef,#5236da);cursor:not-allowed;opacity:.8}.submit-request-btn.submitting:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loadingEffect 1.5s infinite}.submit-request-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #7b5aff80;background:linear-gradient(to right,#8b6aff,#7256fb)}.submit-request-btn:active{transform:translateY(1px);box-shadow:0 2px 10px #7b5aff4d}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media screen and (max-width: 576px){.request-modal{padding:30px 20px}.modal-title{font-size:1.6rem}.modal-description{font-size:.9rem;margin-bottom:20px}.form-input{padding:12px}.submit-request-btn{padding:14px 20px}}.starry-button{position:relative;background:transparent;border:2px solid rgba(255,255,255,.2);color:#fff;padding:12px 30px;font-size:1rem;font-family:Orbitron,sans-serif;letter-spacing:2px;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:all .3s ease;border-radius:50px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1}.starry-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#64c8ff1a,#0064ff1a);z-index:-1;transition:all .3s ease;opacity:.5}.starry-button:hover{border-color:#64c8ffcc;box-shadow:0 0 15px #64c8ff80;transform:translateY(-2px)}.starry-button:active{transform:translateY(0)}.starry-button:focus{outline:none;box-shadow:0 0 0 3px #64c8ff4d}.starry-button-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.starry-button-text{position:relative;z-index:1;text-shadow:0 0 10px rgba(100,200,255,.5);transition:all .3s ease}.starry-button:hover .starry-button-text{text-shadow:0 0 15px rgba(100,200,255,.8)}@keyframes buttonGlow{0%,to{box-shadow:0 0 5px #64c8ff80}50%{box-shadow:0 0 20px #64c8ffcc}}.starry-button.animate-glow{animation:buttonGlow 2s infinite}@media screen and (max-width: 768px){.starry-button{padding:10px 20px;font-size:.9rem}}.form-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 0}.success-icon{width:80px;height:80px;background:linear-gradient(to right,#64ffda,#34eea6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;margin-bottom:20px;box-shadow:0 0 30px #64ffda80;animation:successPulse 2s infinite}@keyframes loadingEffect{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes successPulse{0%{box-shadow:0 0 20px #64ffda80;transform:scale(1)}50%{box-shadow:0 0 30px #64ffdab3;transform:scale(1.05)}to{box-shadow:0 0 20px #64ffda80;transform:scale(1)}}.nav-button{width:50px;height:50px;border-radius:50%;background:#8c7bff33;border:1px solid rgba(140,123,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.nav-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,#9580ffb3,#8c7bff00 70%);opacity:0;transform:scale(.5);transition:all .4s cubic-bezier(.25,.46,.45,.94);border-radius:50%}.nav-button:hover{background:#8c7bff66;border-color:#b4a3ffcc;transform:translateY(-2px);box-shadow:0 0 15px #8c7bff80}.nav-button:hover:before{opacity:.8;transform:scale(1.5);animation:pulseGlow 1.5s infinite alternate}.nav-button:active{transform:scale(.95);transition:transform .1s ease;box-shadow:0 0 8px #8c7bff4d}.nav-button svg{width:20px;height:20px;transition:all .3s ease;position:relative;z-index:1}.nav-button:hover svg{transform:scale(1.1);stroke:#fff;filter:drop-shadow(0 0 2px rgba(255,255,255,.5));animation:pulseIcon 1s infinite alternate}@keyframes pulseGlow{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.2)}}@keyframes pulseIcon{0%{transform:scale(1);filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}to{transform:scale(1.15);filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}}.team-heading{text-align:left;padding-top:60px}.team-title{font-size:80px;font-weight:700;margin-bottom:10px;color:#fff;text-transform:uppercase;letter-spacing:2px;line-height:1.1;font-family:Rajdhani,sans-serif;background:linear-gradient(to right,#fff,#a8aabc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block}.team-title:after{content:"";position:absolute;bottom:5px;left:0;width:60px;height:3px;background:linear-gradient(to right,#8c7bff,transparent)}.team-subtitle{font-size:28px;font-weight:400;color:#fffc;margin-top:20px;letter-spacing:1px;font-family:Rajdhani,sans-serif;position:relative}.glow-effect{position:absolute;border-radius:50%;filter:blur(60px);opacity:.2;z-index:1;pointer-events:none;transition:all .8s ease}.glow-effect.top-left{top:-80px;left:-80px;width:200px;height:200px;background:radial-gradient(circle,rgba(126,87,194,.4) 0%,rgba(126,87,194,.1) 70%,transparent 100%);animation:pulseGlow 8s infinite alternate}.glow-effect.bottom-right{bottom:-100px;right:-100px;width:250px;height:250px;background:radial-gradient(circle,rgba(88,101,242,.4) 0%,rgba(101,134,255,.1) 70%,transparent 100%);animation:pulseGlow 8s infinite alternate-reverse}@keyframes pulseGlow{0%{transform:scale(1);opacity:.2}50%{transform:scale(1.2);opacity:.3}to{transform:scale(1);opacity:.2}}.noise-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.4'/%3E%3C/svg%3E");mix-blend-mode:overlay}.dynamic-border{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;border:1px solid rgba(147,112,219,.1);border-radius:4px;overflow:hidden}.dynamic-border:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:1px;background:linear-gradient(90deg,#fff0,#fffc,#fff0);animation:borderFlow 4s linear infinite}@keyframes borderFlow{0%{left:-50%;top:0}25%{left:100%;top:0}25.1%{left:100%;top:0}25.2%{left:100%;top:0}50%{left:100%;top:100%}50.1%{top:100%;left:100%}50.2%{top:100%;left:100%}75%{left:-50%;top:100%}75.1%{left:-50%;top:100%}75.2%{left:-50%;top:100%}to{left:-50%;top:0}}.data-title{font-family:Rajdhani,sans-serif;font-size:3.4rem;font-weight:300;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;margin-bottom:18px;position:relative;z-index:3;width:100%;display:flex;flex-direction:column;filter:drop-shadow(0 0 15px rgba(160,141,255,.2))}.text-flow{color:#ffffffd9;transition:all .3s ease}.text-highlight{background:linear-gradient(90deg,#e0f7ff,#c4a5ff,#a2a8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(160,141,255,.3));animation:textPulse 4s ease-in-out infinite;transition:all .3s ease}@keyframes textPulse{0%,to{filter:drop-shadow(0 0 15px rgba(160,141,255,.3));transform:translateY(0) scale(1)}50%{filter:drop-shadow(0 0 20px rgba(160,141,255,.5));transform:translateY(-2px) scale(1.01)}}.data-content .enhanced-divider{width:120px;height:1px;margin:8px 0 25px;background:linear-gradient(90deg,#b6eaff03,#9370db99,#b6eaff03);position:relative;z-index:3;overflow:hidden}.divider-glow{position:absolute;left:0;top:0;bottom:0;width:20%;background:linear-gradient(90deg,#ffffff03,#fffc,#ffffff03);opacity:.9;filter:blur(1px);animation:dividerFlow 2s linear infinite}@media screen and (max-width: 992px){.data-section-inner{flex-direction:column;padding:30px 20px}.data-visualization-container{width:100%;height:400px;margin-bottom:30px}.data-content{max-width:100%;width:100%;padding:40px 30px;align-items:center;text-align:center}.data-title{font-size:2.5rem;text-align:center;align-items:center}.data-content .enhanced-divider{margin-left:auto;margin-right:auto}.data-subtitle-group{align-items:center}.data-subtitle.main-subtitle,.data-subtitle.secondary-subtitle{text-align:center}.data-subtitle.main-subtitle:before,.data-subtitle.secondary-subtitle:before{display:none}}@media screen and (max-width: 576px){.data-content{padding:30px 20px}.data-title{font-size:1.8rem}.data-subtitle.main-subtitle{font-size:1rem}.data-subtitle.secondary-subtitle{font-size:.9rem}}.data-content:hover .dynamic-border:after{animation-duration:2.5s}.data-content:hover .glow-effect.top-left,.data-content:hover .glow-effect.bottom-right{opacity:.3;transform:scale(1.1)}.data-content:hover .text-highlight{filter:drop-shadow(0 0 20px rgba(160,141,255,.5))}.globe-connector{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:5;overflow:hidden}.connector-line{position:absolute;background:linear-gradient(90deg,#64a0ff1a,#9370db4d,#64a0ff1a);height:1px;transform-origin:left center;opacity:0;filter:blur(1px);animation:lineAppear 2s ease-out forwards,lineGlow 4s infinite alternate}@keyframes lineAppear{0%{width:0;opacity:0}to{width:100%;opacity:1}}@keyframes lineGlow{0%{opacity:.2}to{opacity:.6}}.globe-overlay-gradient{position:absolute;top:0;right:-120px;width:200px;height:100%;background:linear-gradient(90deg,#10142400,#5865f20d,#5865f21a,#5865f233,#5865f24d,#10142480);filter:blur(20px);z-index:4;pointer-events:none;opacity:.8}.data-visualization-container:after{content:"";position:absolute;top:50%;right:0;width:150px;height:150px;transform:translateY(-50%);background:radial-gradient(circle at right,rgba(100,160,255,.15),rgba(100,160,255,.05) 40%,transparent 70%);border-radius:50%;filter:blur(15px);z-index:3}.particle-stream{position:absolute;left:30%;top:0;bottom:0;width:100px;z-index:3;pointer-events:none;overflow:hidden}.particle-dot{position:absolute;width:2px;height:2px;border-radius:50%;background:#4dc8ff99;filter:blur(1px);opacity:0;animation:particleFlow 3s linear infinite}@keyframes particleFlow{0%{transform:translateY(-100%) scale(.3);opacity:0}30%{opacity:.8}80%{opacity:.5}to{transform:translate(100px,100%) scale(1.2);opacity:0}}@keyframes particleFlowVertical{0%{transform:translate(-100%) scale(.3);opacity:0}30%{opacity:.8}80%{opacity:.5}to{transform:translate(100%,30px) scale(1.2);opacity:0}}@media screen and (max-width: 992px){.data-section-inner{background:radial-gradient(circle at 50% 30%,rgba(1,3,19,.3),transparent 70%)}.data-content{margin-left:0;margin-top:-50px}.globe-overlay-gradient{top:auto;right:0;bottom:0;left:0;width:100%;height:150px;background:linear-gradient(0deg,#10142480,#5865f233 40%,#10142400)}.particle-stream{left:0;right:0;top:auto;bottom:30%;width:100%;height:100px}.particle-dot{animation:particleFlowVertical 3s linear infinite}}@media (max-width: 768px){.data-cta-button .starry-button,.explore-platform-btn{padding:12px 28px;font-size:.95rem}}.futuristic-industrial-module{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden;z-index:20;scroll-snap-align:start;padding:60px 0}.industrial-bg-layers{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none}.industrial-grid-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,150,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,150,255,.06) 1px,transparent 1px),radial-gradient(circle at 25% 25%,rgba(0,200,255,.04) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(100,150,255,.04) 0%,transparent 50%);background-size:60px 60px,60px 60px,800px 800px,600px 600px;opacity:.8;animation:gridPulse 8s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:.6}50%{opacity:.9}}.circuit-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='rgba(0, 180, 255, 0.12)' stroke-width='1.5' d='M20,40 L40,40 L40,20 M80,20 L80,40 L100,40 M100,80 L80,80 L80,100 M40,100 L40,80 L20,80 M40,60 L80,60 M60,40 L60,80'/%3E%3Ccircle cx='40' cy='40' r='3' fill='rgba(0, 200, 255, 0.3)'/%3E%3Ccircle cx='80' cy='80' r='3' fill='rgba(0, 200, 255, 0.3)'/%3E%3C/svg%3E");background-size:160px 160px;opacity:.3;animation:circuitFlow 12s linear infinite}@keyframes circuitFlow{0%{transform:translate(0) translateY(0)}25%{transform:translate(-20px) translateY(-10px)}50%{transform:translate(-40px) translateY(-20px)}75%{transform:translate(-20px) translateY(-10px)}to{transform:translate(0) translateY(0)}}.energy-flow-lines{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 0%,rgba(0,220,255,.05) 1px,transparent 2px),linear-gradient(-45deg,transparent 0%,rgba(100,180,255,.05) 1px,transparent 2px);background-size:200px 200px,180px 180px;animation:energyFlow 15s linear infinite}@keyframes energyFlow{0%{background-position:0 0,0 0}to{background-position:200px 200px,-180px 180px}}.floating-particles{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(0,220,255,.4),transparent),radial-gradient(2px 2px at 40px 70px,rgba(100,180,255,.3),transparent),radial-gradient(1px 1px at 90px 40px,rgba(0,200,255,.5),transparent),radial-gradient(1px 1px at 130px 80px,rgba(150,200,255,.3),transparent);background-repeat:repeat;background-size:200px 100px,180px 120px,160px 90px,140px 110px;animation:particlesFloat 20s linear infinite}@keyframes particlesFloat{0%{transform:translate(0) translateY(0)}to{transform:translate(-200px) translateY(-100px)}}.industrial-module-container{position:relative;display:flex;width:100%;max-width:1600px;margin:0 auto;z-index:5;padding:0 40px;gap:80px;align-items:center}.holographic-earth-section{position:relative;width:45%;height:700px;display:flex;align-items:center;justify-content:center;z-index:10}.orbital-ring-system{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}.orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(0,200,255,.2);transform:translate(-50%,-50%)}.ring-outer{width:620px;height:620px;border:2px solid rgba(0,180,255,.15);box-shadow:0 0 30px #0096ff1a,inset 0 0 30px #00c8ff0d;animation:ringRotate 60s linear infinite}.ring-middle{width:520px;height:520px;border:1.5px solid rgba(50,200,255,.25);box-shadow:0 0 20px #00b4ff26,inset 0 0 20px #32dcff1a;animation:ringRotate 45s linear infinite reverse}.ring-inner{width:420px;height:420px;border:1px solid rgba(100,220,255,.3);box-shadow:0 0 15px #32c8ff33,inset 0 0 15px #64e6ff1a;animation:ringRotate 30s linear infinite}@keyframes ringRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.earth-display-container{position:relative;width:500px;height:500px;z-index:10}.data-connection-lines{position:absolute;top:0;left:0;right:0;bottom:0;z-index:8;pointer-events:none}.connection-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,220,255,.3) 20%,rgba(100,200,255,.8) 50%,rgba(0,220,255,.3) 80%,transparent 100%);transform-origin:left center;opacity:0;animation:connectionFlow 4s infinite ease-in-out}.line-1{top:30%;right:10%;width:35%;transform:rotate(-15deg);animation-delay:0s}.line-2{top:50%;right:8%;width:40%;transform:rotate(5deg);animation-delay:1.3s}.line-3{top:70%;right:12%;width:32%;transform:rotate(20deg);animation-delay:2.6s}@keyframes connectionFlow{0%{opacity:0;transform:scaleX(0)}20%{opacity:1;transform:scaleX(.3)}50%{opacity:1;transform:scaleX(1)}80%{opacity:.6;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.hologram-points{position:absolute;top:0;left:0;right:0;bottom:0;z-index:12;pointer-events:none}.holo-point{position:absolute;width:8px;height:8px;background:radial-gradient(circle,rgba(0,255,200,.8) 0%,rgba(0,200,255,.4) 70%,transparent 100%);border-radius:50%;box-shadow:0 0 15px #00dcff99,0 0 30px #00b4ff4d;animation:holoPointPulse 3s infinite ease-in-out}.point-1{top:25%;right:20%;animation-delay:0s}.point-2{top:45%;right:15%;animation-delay:.75s}.point-3{top:65%;right:25%;animation-delay:1.5s}.point-4{top:35%;right:35%;animation-delay:2.25s}@keyframes holoPointPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.4);opacity:1}}.connection-line{position:absolute;height:1px;background:linear-gradient(90deg,#00c8ff00,#00c8ffcc,#00c8ff00);transform-origin:left center;z-index:12;opacity:0;animation:lineConnect 3s infinite ease-in-out}.connection-line-1{top:35%;right:5%;width:20%;transform:rotate(-10deg);animation-delay:.2s}.connection-line-2{top:55%;right:5%;width:25%;transform:rotate(5deg);animation-delay:.7s}.connection-line-3{top:40%;right:0;width:20%;transform:rotate(-5deg);animation-delay:1.2s}.connection-line-4{top:60%;right:0;width:22%;transform:rotate(10deg);animation-delay:1.7s}@keyframes lineConnect{0%{width:0;opacity:0}20%{opacity:1}90%{opacity:1}to{width:100%;opacity:0}}.command-center-container{position:relative;width:55%;padding-left:60px;z-index:15}.command-center-frame{position:relative;width:100%;background:#010313b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;overflow:hidden;box-shadow:0 5px 25px #0000004d;padding:40px;border:1px solid rgba(100,180,255,.2)}.command-center-frame:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0096ff1a,#00dcffcc 20%,#3cb4ffcc,#00dcffcc 80%,#0096ff1a);z-index:1}.corner-accent{position:absolute;width:20px;height:20px;border-style:solid;border-color:#00b4ff99;z-index:2}.top-left-corner{top:0;left:0;border-width:2px 0 0 2px;border-radius:4px 0 0}.top-right-corner{top:0;right:0;border-width:2px 2px 0 0;border-radius:0 4px 0 0}.bottom-left-corner{bottom:0;left:0;border-width:0 0 2px 2px;border-radius:0 0 0 4px}.bottom-right-corner{bottom:0;right:0;border-width:0 2px 2px 0;border-radius:0 0 4px}.command-center-content{position:relative;z-index:5}.industrial-title-container{margin-bottom:30px}.industrial-title{margin:0 0 15px;padding:0;font-family:Orbitron,sans-serif;text-transform:uppercase;line-height:1.2;color:#fff;position:relative;display:flex;flex-direction:column}.industrial-title-line{display:block;font-size:2.8rem;font-weight:600;letter-spacing:1px;position:relative;overflow:hidden;height:3.4rem;opacity:0;transform:translateY(20px);animation:titleLineReveal .8s forwards cubic-bezier(.215,.61,.355,1)}.industrial-title-line:nth-child(1){animation-delay:.1s}.industrial-title-line:nth-child(2){animation-delay:.3s}.industrial-title-line:nth-child(3){animation-delay:.5s}.industrial-title-line:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,#0096ff00,#00dcff99 30%,#00dcff99 70%,#0096ff00);transform:scaleX(0);transform-origin:left center;animation:titleUnderlineGrow 1.2s forwards ease-out;animation-delay:.8s}.industrial-title-word{display:inline-block;position:relative}.industrial-title-highlight{color:#00e5ff;text-shadow:0 0 10px rgba(0,220,255,.6);animation:titleHighlightGlow 3s infinite alternate}@keyframes titleLineReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes titleUnderlineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes titleHighlightGlow{0%{text-shadow:0 0 10px rgba(0,220,255,.6)}to{text-shadow:0 0 20px rgba(0,220,255,.9),0 0 30px rgba(0,170,255,.6)}}.industrial-description{font-family:Rajdhani,sans-serif;color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:25px;position:relative;opacity:0;transform:translateY(15px);animation:descriptionFadeIn .8s forwards ease-out 1s}.industrial-sub-description{font-family:Rajdhani,sans-serif;color:#dce6ffb3;font-size:1rem;line-height:1.5;margin-bottom:30px;opacity:0;transform:translateY(15px);animation:descriptionFadeIn .8s forwards ease-out 1.2s}@keyframes descriptionFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.command-center-cta{margin-top:40px;opacity:0;transform:translateY(15px);animation:descriptionFadeIn .8s forwards ease-out 1.4s}.industrial-cta-button{position:relative;background:linear-gradient(45deg,#0050c8cc,#0096ffcc);color:#fff;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;padding:16px 36px;border:none;border-radius:4px;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 5px 15px #0064ff4d;z-index:1}.industrial-cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s ease;z-index:-1}.industrial-cta-button:hover{background:linear-gradient(45deg,#0064dce6,#00b4ffe6);box-shadow:0 7px 20px #0078ff66;transform:translateY(-2px)}.industrial-cta-button:hover:before{left:100%}.industrial-cta-button:active{transform:translateY(1px);box-shadow:0 3px 10px #0064ff4d}.data-nodes{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.data-node{position:absolute;width:8px;height:8px;background:#0096ffb3;border-radius:50%;transform:scale(0);animation:nodeAppear 3s infinite ease-out;box-shadow:0 0 10px #00c8ffcc}.node-1{top:20%;right:10%;animation-delay:.5s}.node-2{bottom:30%;right:15%;animation-delay:1.2s}.node-3{top:40%;left:10%;animation-delay:1.8s}.node-4{bottom:20%;left:15%;animation-delay:2.5s}@keyframes nodeAppear{0%{transform:scale(0);opacity:0}20%{transform:scale(1.5);opacity:1}40%{transform:scale(1);opacity:.8}to{transform:scale(0);opacity:0}}@media screen and (max-width: 1200px){.industrial-module-container{padding:0 20px}.holographic-earth-container{width:40%}.command-center-container{width:60%;padding-left:30px}.industrial-title-line{font-size:2.4rem;height:3rem}}@media screen and (max-width: 992px){.industrial-module-container{flex-direction:column;align-items:center;padding:60px 20px}.holographic-earth-container{width:100%;height:400px;margin-bottom:40px}.command-center-container{width:100%;padding-left:0}.command-center-frame{padding:30px}.industrial-title-line{font-size:2.2rem;height:2.8rem;text-align:center}.industrial-description,.industrial-sub-description{text-align:center}.command-center-cta{display:flex;justify-content:center}.earth-connection-point,.connection-line{display:none}}@media screen and (max-width: 576px){.industrial-module-container{padding:40px 15px}.holographic-earth-container{height:300px}.command-center-frame{padding:20px}.industrial-title-line{font-size:1.8rem;height:2.3rem}.industrial-description{font-size:1.1rem}.industrial-sub-description{font-size:.9rem}.industrial-cta-button{padding:14px 28px;font-size:1rem}}.earth-data-section{position:relative;height:100vh;width:100vw;background:linear-gradient(135deg,#010313,#010313,#010313);display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0;padding:0}.global-map-container{width:100vw;height:100vh;position:relative;overflow:hidden;background:transparent;border:none;margin:0;padding:0}.global-map-container canvas{display:block;width:100%!important;height:100%!important}@media (max-width: 768px){.global-map-container{height:100vh;width:100vw}}.site-footer{background:linear-gradient(135deg,#010313,#010313);border-top:1px solid rgba(77,200,255,.2);padding:40px 0 20px;position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(77,200,255,.5),transparent);animation:footerGlow 3s ease-in-out infinite}@keyframes footerGlow{0%,to{opacity:.3}50%{opacity:1}}.footer-container{max-width:1200px;margin:0 auto;padding:0 40px}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.footer-brand{flex:1}.footer-logo{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:600;margin:0 0 8px;letter-spacing:2px}.logo-highlight{color:#4dc8ff;text-shadow:0 0 10px rgba(77,200,255,.5)}.logo-normal{color:#fff;margin-left:8px}.footer-tagline{color:#ffffffb3;font-size:.9rem;margin:0;font-weight:300}.footer-contact{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.contact-email,.contact-location{color:#fffc;font-size:.9rem;text-decoration:none;transition:color .3s ease}.contact-email:hover{color:#4dc8ff;cursor:pointer}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{color:#fff9;font-size:.85rem;margin:0}.footer-links{display:flex;gap:20px}.footer-links a{color:#fff9;text-decoration:none;font-size:.85rem;transition:color .3s ease}.footer-links a:hover{color:#4dc8ff}@media (max-width: 768px){.site-footer{padding:30px 0 15px}.footer-container{padding:0 20px}.footer-content{flex-direction:column;text-align:center;gap:20px;margin-bottom:20px}.footer-contact{align-items:center}.footer-bottom{flex-direction:column;gap:15px;text-align:center}.footer-links{gap:15px}}@media (max-width: 480px){.footer-logo{font-size:1.3rem}.footer-links{flex-direction:column;gap:10px}}.optimized-geo-visualization{position:relative;width:100%;min-height:75vh;background:transparent;display:flex;align-items:center;justify-content:center;padding:60px 20px;overflow:hidden;border:none;margin:0}.optimized-geo-visualization:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(0,229,255,.02),transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,107,107,.01),transparent 50%);z-index:1;pointer-events:none}.optimized-geo-visualization.loading{min-height:40vh}.loading-container{display:flex;flex-direction:column;align-items:center;gap:20px;color:#fff;z-index:2}.loading-spinner{width:40px;height:40px;border:3px solid rgba(77,200,255,.3);border-top:3px solid #4dc8ff;border-radius:50%;animation:spin 1s linear infinite}.geo-viz-container{position:relative;max-width:1600px;width:100%;background:#01031399;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(77,200,255,.15);border-radius:24px;padding:50px;box-shadow:0 25px 80px #0000004d,inset 0 1px #ffffff14;z-index:2}.geo-viz-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid rgba(77,200,255,.1)}.geo-viz-title{font-family:Orbitron,monospace;font-size:2rem;font-weight:600;color:#fff;margin:0 0 10px;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(45deg,#00e5ff,#4dc8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.geo-viz-subtitle{font-family:Rajdhani,sans-serif;font-size:1.1rem;color:#fffc;margin:0;letter-spacing:.5px}.svg-map-container{position:relative;width:100%;height:600px;background:linear-gradient(135deg,#010313,#010313);border-radius:20px;overflow:hidden;margin-bottom:30px;border:1px solid rgba(77,200,255,.08);box-shadow:inset 0 2px 15px #0006,0 0 30px #4dc8ff0d}.world-map-svg{width:100%;height:100%;display:block}.land-path{fill:url(#landGradient);stroke:#4dc8ff33;stroke-width:.3;transition:all .3s ease;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.country-path{transition:all .5s ease;cursor:pointer}.country-path.active{filter:drop-shadow(0 0 8px #00e5ff)}.activity-pulse{animation:activityPulse 2s ease-in-out infinite}@keyframes activityPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}.connection-line{animation:connectionFlow 3s ease-in-out infinite}@keyframes connectionFlow{0%,to{stroke-dasharray:0,100;stroke-dashoffset:0}50%{stroke-dasharray:50,50;stroke-dashoffset:-25}}.data-overlay-clean{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10;pointer-events:none}.data-stats{display:flex;align-items:center;gap:30px;background:#010313d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(77,200,255,.2);border-radius:50px;padding:15px 30px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:80px}.stat-value{font-family:Orbitron,monospace;font-size:1.4rem;font-weight:700;color:#00e5ff;line-height:1;text-shadow:0 0 10px rgba(0,229,255,.5)}.stat-label{font-family:Rajdhani,sans-serif;font-size:.75rem;color:#fffc;margin-top:4px;text-transform:uppercase;letter-spacing:.8px;font-weight:500}.stat-divider{width:1px;height:40px;background:linear-gradient(to bottom,transparent,rgba(77,200,255,.5),transparent)}.tech-capabilities-footer{display:flex;flex-direction:column;align-items:center;margin-top:30px;padding-top:25px;border-top:1px solid rgba(77,200,255,.15);gap:20px}.capability-indicators{display:flex;gap:40px;align-items:center;justify-content:center;flex-wrap:wrap}.capability-item{display:flex;flex-direction:column;align-items:center;gap:12px;color:#ffffffe6;font-family:Rajdhani,sans-serif;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.capability-item:hover{color:#4dc8ff;transform:translateY(-2px)}.capability-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative}.tech-hexagon{width:24px;height:24px;background:linear-gradient(45deg,#4dc8ff,#74b9ff);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);animation:techRotate 4s linear infinite;box-shadow:0 0 15px #4dc8ff80}.tech-circuit{width:20px;height:20px;border:2px solid #4dc8ff;border-radius:4px;position:relative;animation:techPulse 2s ease-in-out infinite}.tech-circuit:before,.tech-circuit:after{content:"";position:absolute;width:6px;height:2px;background:#4dc8ff;top:50%;transform:translateY(-50%)}.tech-circuit:before{left:-8px}.tech-circuit:after{right:-8px}.tech-network{width:20px;height:20px;position:relative}.tech-network:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,#4dc8ff 2px,transparent 2px),radial-gradient(circle at 0 0,#4dc8ff 1px,transparent 1px),radial-gradient(circle at 100% 0,#4dc8ff 1px,transparent 1px),radial-gradient(circle at 0 100%,#4dc8ff 1px,transparent 1px),radial-gradient(circle at 100% 100%,#4dc8ff 1px,transparent 1px);background-size:20px 20px,10px 10px,10px 10px,10px 10px,10px 10px;background-position:center,top left,top right,bottom left,bottom right;animation:techNetwork 3s ease-in-out infinite}@keyframes techRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes techPulse{0%,to{box-shadow:0 0 5px #4dc8ff80;border-color:#4dc8ff}50%{box-shadow:0 0 20px #4dc8ffcc;border-color:#74b9ff}}@keyframes techNetwork{0%,to{opacity:.7;filter:brightness(1)}50%{opacity:1;filter:brightness(1.3)}}.tech-signature{text-align:center;margin-top:10px}.signature-text{color:#fff9;font-family:Titillium Web,sans-serif;font-size:.85rem;font-style:italic;letter-spacing:.5px;position:relative}.signature-text:before,.signature-text:after{content:"";position:absolute;top:50%;width:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(77,200,255,.5),transparent)}.signature-text:before{left:-40px}.signature-text:after{right:-40px}.country-path.highlighted{stroke:#00e5ffcc;stroke-width:.5;filter:drop-shadow(0 0 3px rgba(0,229,255,.6));animation:countryGlow 2s ease-in-out infinite alternate}.tech-pulse{animation:techPulseEffect 2s ease-in-out infinite}.tech-core{animation:techCoreEffect 1.5s ease-in-out infinite}@keyframes countryGlow{0%{stroke:#00e5ff99;filter:drop-shadow(0 0 2px rgba(0,229,255,.4))}to{stroke:#00e5ff;filter:drop-shadow(0 0 5px rgba(0,229,255,.8))}}@keyframes techPulseEffect{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes techCoreEffect{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.connection-line{stroke-dasharray:5,5;animation:connectionFlow 3s linear infinite}@keyframes connectionFlow{0%{stroke-dashoffset:0;opacity:.3}50%{opacity:.8}to{stroke-dashoffset:20;opacity:.3}}@media (max-width: 1024px){.optimized-geo-visualization{padding:50px 30px}.geo-viz-container{padding:35px 25px}.svg-map-container{height:400px}.geo-viz-title{font-size:1.8rem}.data-stats{gap:20px;padding:12px 25px}.stat-value{font-size:1.2rem}.stat-label{font-size:.7rem}}@media (max-width: 768px){.optimized-geo-visualization{padding:40px 20px;min-height:50vh}.geo-viz-container{padding:30px 20px}.geo-viz-title{font-size:1.5rem}.geo-viz-subtitle{font-size:1rem}.svg-map-container{height:350px}.tech-capabilities-footer{gap:15px}.capability-indicators{gap:25px;justify-content:center}.data-stats{gap:15px;padding:10px 20px;flex-direction:column}.stat-item{min-width:60px}.stat-value{font-size:1.1rem}.stat-label{font-size:.65rem}.stat-divider{width:60px;height:1px;background:linear-gradient(to right,transparent,rgba(77,200,255,.5),transparent)}}@media (max-width: 480px){.optimized-geo-visualization{padding:30px 15px}.geo-viz-container{padding:25px 15px}.geo-viz-title{font-size:1.3rem}.geo-viz-subtitle{font-size:.9rem}.svg-map-container{height:300px}.data-stats{gap:10px;padding:8px 15px;flex-direction:column}.stat-value{font-size:1rem}.stat-label{font-size:.6rem}.capability-indicators{flex-direction:column;gap:15px}.capability-item{font-size:.8rem}.signature-text{font-size:.75rem}}.geo-viz-container{position:relative;width:100%;padding:30px}.geo-viz-header{text-align:center;margin-bottom:20px;position:relative;z-index:5}.geo-viz-title{font-size:28px;font-weight:700;color:#00e5ff;margin-bottom:5px;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 15px rgba(0,229,255,.6);font-family:Orbitron,sans-serif;text-align:center}.svg-map-container{position:relative;width:100%;height:420px;overflow:hidden;border-radius:12px;background:#010313;border:1px solid rgba(77,200,255,.3);box-shadow:inset 0 0 40px #0006}.tech-grid-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(20,80,120,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(20,80,120,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:1;opacity:.5}.world-map-svg{position:relative;width:100%;height:100%;z-index:2}.land-path{transition:fill .5s ease;filter:drop-shadow(0 0 3px rgba(36,164,216,.4))}.country-path.highlighted{animation:glowPulse 3s infinite alternate}.country-pulse{transition:all .2s ease}.industrial-hotspot{transition:all .3s ease}.hotspot-dot{filter:drop-shadow(0 0 4px rgba(0,229,255,.8))}.hotspot-label{font-family:Roboto Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.8px;transition:opacity .3s ease;font-weight:600;pointer-events:none;fill:#fff;text-shadow:0 0 5px rgba(0,0,0,.8)}.interaction-indicator{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:8px;background:#001428b3;padding:6px 12px;border-radius:20px;border:1px solid rgba(0,229,255,.3);z-index:10;box-shadow:0 0 10px #00e5ff33}.indicator-dot{width:8px;height:8px;border-radius:50%;background:#0fa;animation:pulseIndicator 2s infinite}.indicator-text{font-size:10px;font-weight:600;color:#fff;letter-spacing:1px;font-family:Roboto Mono,monospace}.optimized-geo-visualization.loading{height:420px;display:flex;align-items:center;justify-content:center}.loading-container{text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(0,229,255,.3);border-top:3px solid rgba(0,229,255,1);border-radius:50%;margin:0 auto 15px;animation:spin 1s linear infinite}@keyframes glowPulse{0%{filter:drop-shadow(0 0 1px rgba(0,229,255,.5))}to{filter:drop-shadow(0 0 8px rgba(0,229,255,.8))}}@keyframes pulseIndicator{0%{box-shadow:0 0 #00ffaab3}70%{box-shadow:0 0 0 10px #0fa0}to{box-shadow:0 0 #0fa0}}.svg-map-container:hover .hotspot-dot{filter:drop-shadow(0 0 6px rgba(0,229,255,1))}.svg-map-container:hover .data-packet{filter:drop-shadow(0 0 6px rgba(0,255,170,1))}@media (max-width: 1200px){.optimized-geo-visualization{margin:40px auto}.svg-map-container{height:380px}}@media (max-width: 992px){.geo-viz-title{font-size:24px}.svg-map-container{height:350px}}@media (max-width: 768px){.optimized-geo-visualization{margin:0;padding:40px 20px}.geo-viz-container{padding:20px}.geo-viz-title{font-size:20px;letter-spacing:2px}.svg-map-container{height:320px}}@media (max-width: 576px){.geo-viz-container{padding:15px}.geo-viz-title{font-size:18px;letter-spacing:1px}.svg-map-container{height:280px}}.geo-visualization{position:relative;width:100%;padding:60px 10% 80px;background:transparent;border:none;margin:0;overflow:hidden}.geo-visualization.loading{height:400px;display:flex;align-items:center;justify-content:center}.geo-visualization .loading-container{display:flex;flex-direction:column;align-items:center;gap:15px}.geo-visualization .loading-spinner{width:40px;height:40px;border:3px solid rgba(0,229,255,.2);border-top:3px solid rgba(0,229,255,.8);border-radius:50%;animation:spin 1s linear infinite}.geo-viz-title{font-size:2.4rem;font-weight:600;text-align:center;margin:0 0 30px;color:#00e5ff;letter-spacing:3px;text-transform:uppercase;font-family:Orbitron,sans-serif;text-shadow:0 0 15px rgba(0,229,255,.7),0 0 30px rgba(0,229,255,.4)}.world-map-container{position:relative;width:100%;max-width:1400px;height:600px;margin:0 auto;overflow:hidden;background:#05102466;border-radius:12px;border:2px solid rgba(77,200,255,.2);box-shadow:0 8px 32px #0006,0 0 20px #00e5ff1a}.world-map-svg{width:100%;height:100%;background-color:transparent}.land-path{transition:fill .3s ease}.country-path{transition:all .3s ease}.country-path.highlighted{fill:#00e5ff26}.industrial-hotspot{cursor:pointer;transition:all .3s ease}.hotspot-dot{transition:all .3s ease}.hotspot-pulse{transition:all .1s ease}.hotspot-label{font-family:Orbitron,monospace;font-size:9px;letter-spacing:1px;text-transform:uppercase;pointer-events:none;transition:all .3s ease}.interaction-indicator{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;background:#00000080;padding:5px 10px;border-radius:20px;border:1px solid rgba(0,229,255,.3);box-shadow:0 0 10px #00e5ff33}.indicator-dot{width:10px;height:10px;border-radius:50%;background-color:#0fa;margin-right:8px}.indicator-text{color:#fff;font-size:10px;font-family:Orbitron,monospace;letter-spacing:1px}@keyframes pulse{0%{opacity:.7;transform:scale(1)}50%{opacity:.3;transform:scale(1.5)}to{opacity:.7;transform:scale(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media (max-width: 1400px){.geo-visualization{padding:60px 8% 80px}.world-map-container{max-width:1200px;height:550px}.geo-viz-title{font-size:2.2rem;letter-spacing:2.5px}}@media (max-width: 1200px){.geo-visualization{padding:50px 6% 70px}.world-map-container{max-width:1000px;height:500px}.geo-viz-title{font-size:2rem;letter-spacing:2px}}@media (max-width: 992px){.geo-visualization{padding:40px 4% 60px}.world-map-container{max-width:100%;height:450px}.geo-viz-title{font-size:1.8rem;letter-spacing:2px}}@media (max-width: 768px){.geo-visualization{padding:30px 2% 50px}.world-map-container{height:380px;border-radius:8px}.geo-viz-title{font-size:1.6rem;letter-spacing:1.5px}}@media (max-width: 576px){.geo-visualization{padding:20px 1% 40px}.world-map-container{height:320px;border-radius:6px}.geo-viz-title{font-size:1.4rem;letter-spacing:1px;margin:0 0 20px}}.user-menu-wrapper{position:relative;overflow:visible}.user-menu-button{display:flex;align-items:center;padding:8px 14px;background:transparent;border:none;border-radius:25px;color:#fffc;font-size:14px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;z-index:2;height:32px;box-sizing:border-box}.user-menu-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(77,200,255,.1),transparent);transition:left .5s ease}.user-menu-button:hover{color:#fff;background:#4dc8ff1a;transform:none}.user-menu-button:hover:before{left:100%}.user-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#00a8ff,#0065ff);color:#fff;font-weight:700;margin-right:8px;font-size:14px}.user-name{margin:0 8px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown{position:fixed;width:180px;background:#010313f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:visible;z-index:1200;box-shadow:0 4px 20px #0000004d;animation:dropdownFadeIn .2s ease;will-change:transform,opacity;isolation:isolate;pointer-events:auto;margin:0;padding:8px}.user-dropdown .dropdown-item{display:flex;align-items:center;padding:10px 16px;color:#fff;font-size:14px;text-align:left;transition:background .2s ease;width:100%;border:none;background:transparent;cursor:pointer}.user-dropdown .dropdown-item:hover{background:#ffffff1a}.user-dropdown .dropdown-item svg{margin-right:12px;opacity:.7}.user-dropdown .dropdown-item:hover svg{opacity:1}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.user-name{max-width:80px}}@media (max-width: 480px){.user-name{display:none}.user-avatar{margin-right:0}}.information-panel-section{position:relative;width:55%;display:flex;flex-direction:column;z-index:15}.main-info-panel{position:relative;width:100%;background:linear-gradient(135deg,#050f23d9,#0a1932e6,#050f23d9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a;border:1px solid rgba(100,200,255,.15);padding:50px 45px}.panel-frame{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.frame-corner{position:absolute;width:20px;height:20px;border:2px solid rgba(0,220,255,.6)}.corner-tl{top:15px;left:15px;border-right:none;border-bottom:none}.corner-tr{top:15px;right:15px;border-left:none;border-bottom:none}.corner-bl{bottom:15px;left:15px;border-right:none;border-top:none}.corner-br{bottom:15px;right:15px;border-left:none;border-top:none}.frame-border{position:absolute;background:linear-gradient(90deg,transparent 0%,rgba(0,200,255,.3) 50%,transparent 100%);opacity:0;animation:borderScan 6s infinite ease-in-out}.border-top{top:0;left:0;right:0;height:1px;animation-delay:0s}.border-right{top:0;right:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(0,200,255,.3) 50%,transparent 100%);animation-delay:1.5s}.border-bottom{bottom:0;left:0;right:0;height:1px;animation-delay:3s}.border-left{top:0;left:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(0,200,255,.3) 50%,transparent 100%);animation-delay:4.5s}@keyframes borderScan{0%,90%{opacity:0}5%,15%{opacity:1}}.status-indicators{position:absolute;top:20px;right:25px;display:flex;gap:8px;z-index:2}.status-led{width:8px;height:8px;border-radius:50%;box-shadow:0 0 10px #00ff0080}.led-active{background:#0f8;animation:ledPulse 2s infinite ease-in-out}.led-standby{background:#fa0;animation:ledPulse 2s infinite ease-in-out .7s}.led-processing{background:#08f;animation:ledPulse 2s infinite ease-in-out 1.4s}@keyframes ledPulse{0%,to{opacity:.4}50%{opacity:1}}.panel-content{position:relative;z-index:2}.system-identifier{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(100,200,255,.2)}.sys-code{font-family:Orbitron,monospace;font-size:12px;color:#00dcffcc;letter-spacing:1px;font-weight:500}.sys-status{font-family:Orbitron,monospace;font-size:10px;color:#0f8;letter-spacing:.5px;background:#00ff881a;padding:3px 8px;border-radius:10px;border:1px solid rgba(0,255,136,.3)}.enhanced-title-section{margin-bottom:35px}.title-prefix{display:flex;align-items:center;gap:15px;margin-bottom:20px}.prefix-text{font-family:Orbitron,monospace;font-size:11px;color:#64c8ffb3;letter-spacing:2px;font-weight:400}.prefix-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(100,200,255,.4) 0%,transparent 100%)}.main-heading{margin:0;font-family:Rajdhani,sans-serif;line-height:1.1}.heading-line{display:flex;gap:15px;margin-bottom:8px;overflow:hidden}.word-block{font-size:3.2rem;font-weight:700;color:#fff;letter-spacing:1px;opacity:0;transform:translateY(30px);animation:wordReveal .8s ease-out forwards}.word-block.accent{color:#96c8ffe6;animation-delay:.1s}.word-block.highlight{color:#00e5ff;text-shadow:0 0 20px rgba(0,229,255,.5);animation-delay:.2s}.word-block.success{background:linear-gradient(135deg,#0f8,#00e5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation-delay:.3s}@keyframes wordReveal{to{opacity:1;transform:translateY(0)}}.title-underline{display:flex;gap:4px;margin-top:15px}.underline-segment{height:3px;background:linear-gradient(90deg,#00e5ffcc,#00b4ff66);border-radius:2px;transform:scaleX(0);transform-origin:left;animation:segmentGrow .6s ease-out forwards}.underline-segment:nth-child(1){width:80px;animation-delay:.5s}.underline-segment:nth-child(2){width:60px;animation-delay:.7s}.underline-segment:nth-child(3){width:40px;animation-delay:.9s}@keyframes segmentGrow{to{transform:scaleX(1)}}.description-section{margin-bottom:40px}.description-primary{display:flex;align-items:flex-start;gap:15px;margin-bottom:25px;padding:20px;background:#00326426;border-radius:12px;border-left:3px solid rgba(0,220,255,.4)}.desc-icon{flex-shrink:0;width:20px;height:20px;color:#00dcffcc;margin-top:2px}.description-primary p{margin:0;font-family:Titillium Web,sans-serif;font-size:16px;line-height:1.6;color:#ffffffd9;font-weight:400}.description-secondary{margin-bottom:20px}.feature-highlights{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.feature-item{display:flex;align-items:center;gap:12px;font-family:Titillium Web,sans-serif;font-size:14px;color:#ffffffb3;opacity:0;transform:translate(-20px);animation:featureSlideIn .6s ease-out forwards}.feature-item:nth-child(1){animation-delay:1.2s}.feature-item:nth-child(2){animation-delay:1.4s}.feature-item:nth-child(3){animation-delay:1.6s}.feature-dot{width:6px;height:6px;background:#00dcffcc;border-radius:50%;box-shadow:0 0 8px #00dcff66;flex-shrink:0}@keyframes featureSlideIn{to{opacity:1;transform:translate(0)}}.sub-description{font-family:Titillium Web,sans-serif;font-size:14px;line-height:1.6;color:#ffffffa6;margin:0;font-style:italic}.action-section{display:flex;flex-direction:column;gap:25px}.cta-container{display:flex;justify-content:flex-start}.enhanced-cta-button{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#0096ff33,#00c8ff4d);border:2px solid rgba(0,220,255,.4);color:#fff;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:16px 36px;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.enhanced-cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .6s ease}.enhanced-cta-button:hover{background:linear-gradient(135deg,#00b4ff4d,#00dcff66);border-color:#00ffc899;box-shadow:0 8px 25px #00c8ff4d,inset 0 1px #fff3;transform:translateY(-2px)}.enhanced-cta-button:hover:before{left:100%}.btn-icon{color:#00dcffcc}.btn-text{flex:1}.btn-arrow{font-size:18px;transition:transform .3s ease}.enhanced-cta-button:hover .btn-arrow{transform:translate(4px)}.additional-info{display:flex;gap:30px}.info-line{display:flex;align-items:center;gap:8px}.info-label{font-family:Titillium Web,sans-serif;font-size:12px;color:#ffffff80;font-weight:400}.info-value{font-family:Orbitron,monospace;font-size:14px;color:#0f8;font-weight:600}.side-data-streams{position:absolute;top:0;right:-30px;bottom:0;width:2px;z-index:1}.data-stream{position:absolute;width:2px;height:100px;background:linear-gradient(180deg,transparent 0%,rgba(0,220,255,.8) 50%,transparent 100%);opacity:0;animation:streamFlow 3s infinite ease-in-out}.stream-1{animation-delay:0s}.stream-2{animation-delay:1s}.stream-3{animation-delay:2s}@keyframes streamFlow{0%{transform:translateY(-100px);opacity:0}50%{opacity:1}to{transform:translateY(calc(100vh - 100px));opacity:0}}.environmental-effects{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:3}.energy-pulse{position:absolute;width:4px;height:4px;background:radial-gradient(circle,rgba(0,255,200,1) 0%,rgba(0,200,255,.5) 70%,transparent 100%);border-radius:50%;animation:energyPulseMove 8s infinite linear}.pulse-1{top:20%;left:15%;animation-delay:0s}.pulse-2{bottom:30%;right:25%;animation-delay:4s}@keyframes energyPulseMove{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(200px,100px) scale(.5);opacity:0}}.data-packets{position:absolute;top:0;left:0;right:0;bottom:0}.data-packet{position:absolute;width:3px;height:12px;background:linear-gradient(180deg,#00dcffcc,#64c8ff66);border-radius:2px;opacity:0;animation:packetTravel 6s infinite ease-in-out}.packet-1{top:25%;left:30%;animation-delay:0s}.packet-2{top:50%;left:60%;animation-delay:2s}.packet-3{top:75%;left:20%;animation-delay:4s}@keyframes packetTravel{0%{transform:translate(0);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(300px);opacity:0}}@media screen and (max-width: 1400px){.industrial-module-container{gap:60px}.word-block{font-size:2.8rem;padding:8px 16px}.enhanced-cta-button{padding:12px 28px;font-size:15px}}@media screen and (max-width: 1200px){.information-panel-section{padding:80px 20px}.main-info-panel{padding:40px 30px;max-width:90%}.word-block{font-size:2.4rem;padding:6px 14px}.enhanced-title-section{margin-bottom:25px}.description-primary{font-size:16px;line-height:1.6}}@media screen and (max-width: 992px){.information-panel-section{padding:60px 15px}.main-info-panel{padding:35px 25px;max-width:95%}.word-block{font-size:2rem;padding:5px 12px;margin:0 4px 8px 0}.title-prefix{font-size:13px}.description-primary{font-size:15px;margin-bottom:20px}.feature-highlights{margin:20px 0}.feature-item{font-size:13px;margin:8px 0}.enhanced-cta-button{padding:10px 24px;font-size:14px}}@media screen and (max-width: 768px){.information-panel-section{padding:50px 10px}.main-info-panel{padding:30px 20px;margin:0 10px}.word-block{font-size:1.8rem;padding:4px 10px;margin:0 3px 6px 0}.title-prefix{font-size:12px;margin-bottom:15px}.prefix-text{font-size:12px}.description-primary{font-size:14px;line-height:1.5;margin-bottom:18px}.description-secondary{font-size:13px;margin-bottom:20px}.feature-item{font-size:12px;margin:6px 0}.enhanced-cta-button{padding:9px 20px;font-size:13px;margin-top:20px}.btn-text{margin-right:8px}.btn-arrow{font-size:16px}.status-indicators{gap:8px}.status-led{width:8px;height:8px}}@media screen and (max-width: 576px){.information-panel-section{padding:40px 8px}.main-info-panel{padding:25px 16px;margin:0 5px}.word-block{font-size:1.5rem;padding:3px 8px;margin:0 2px 5px 0}.title-prefix{font-size:11px;margin-bottom:12px}.prefix-text{font-size:11px}.description-primary{font-size:13px;line-height:1.4;margin-bottom:16px}.description-secondary{font-size:12px;margin-bottom:18px}.feature-item{font-size:11px;margin:5px 0}.enhanced-cta-button{padding:8px 16px;font-size:12px;margin-top:18px}.btn-text{margin-right:6px}.btn-arrow{font-size:14px}.system-identifier,.sys-code{font-size:11px}.sys-status{font-size:10px}}@media screen and (max-width: 480px){.information-panel-section{padding:35px 6px}.main-info-panel{padding:20px 14px;margin:0 3px}.word-block{font-size:1.3rem;padding:2px 6px;margin:0 1px 4px 0}.enhanced-title-section{margin-bottom:15px}.description-primary{font-size:12px;margin-bottom:14px}.description-secondary{font-size:11px;margin-bottom:16px}.feature-item{font-size:10px;margin:4px 0}.enhanced-cta-button{padding:7px 14px;font-size:11px;margin-top:16px}.additional-info{gap:15px;margin-top:15px}.info-label{font-size:10px}.info-value{font-size:12px}}@media screen and (max-width: 360px){.main-info-panel{padding:18px 12px;margin:0 2px}.word-block{font-size:1.2rem;padding:2px 5px;margin:0 1px 3px 0}.description-primary{font-size:11px;margin-bottom:12px}.enhanced-cta-button{padding:6px 12px;font-size:10px}.additional-info{gap:12px;flex-direction:column;align-items:flex-start}.info-line{gap:6px}}@media (prefers-contrast: high){.word-block{background:#fff;color:#000;border:2px solid #000000}.enhanced-cta-button{background:#000;color:#fff;border:2px solid #ffffff}.description-primary,.description-secondary{color:#fff;text-shadow:1px 1px 2px #000000}}@media (prefers-reduced-motion: reduce){.word-block,.enhanced-cta-button,.status-led,.feature-item{animation:none}.enhanced-cta-button:before{animation:none}.btn-arrow{transition:none}}@media print{.information-panel-section{background:#fff;color:#000;padding:20px}.main-info-panel{box-shadow:none;border:1px solid #000000;background:#fff}.word-block{background:#fff;color:#000;border:1px solid #000000}.enhanced-cta-button,.status-indicators,.panel-frame{display:none}}.contact-invitation-section{padding:80px 0;background:linear-gradient(135deg,#010313,#010313,#010313);position:relative;overflow:hidden}.contact-invitation-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(0,168,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(0,255,150,.08) 0%,transparent 50%);pointer-events:none}.contact-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.contact-content{text-align:center;max-width:800px;margin:0 auto}.contact-header{margin-bottom:50px}.contact-title{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:20px;line-height:1.2;text-shadow:0 0 20px rgba(0,168,255,.3)}.contact-subtitle{font-size:1.2rem;color:#b0b8c4;line-height:1.6;font-weight:300}.contact-features{display:flex;justify-content:center;gap:40px;margin-bottom:50px;flex-wrap:wrap}.contact-features .feature-item{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:150px;opacity:0;animation:fadeInUp .6s ease-out forwards}.contact-features .feature-item:nth-child(1){animation-delay:.2s}.contact-features .feature-item:nth-child(2){animation-delay:.4s}.contact-features .feature-item:nth-child(3){animation-delay:.6s}.contact-features .feature-icon{width:48px;height:48px;background:linear-gradient(135deg,#00a8ff,#0078d4);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.contact-features .feature-icon:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00a8ff4d}.contact-features .feature-item span{color:#e1e5e9;font-size:.95rem;font-weight:500}.contact-actions{display:flex;justify-content:center;gap:20px;margin-bottom:50px;flex-wrap:wrap}.primary-cta-btn{background:linear-gradient(135deg,#00a8ff,#0078d4);color:#fff;border:none;padding:16px 32px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:.5px;min-width:200px;justify-content:center}.primary-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00a8ff66;background:linear-gradient(135deg,#0078d4,#00a8ff)}.primary-cta-btn svg{transition:transform .3s ease}.primary-cta-btn:hover svg{transform:translate(4px)}.secondary-cta-btn{background:transparent;color:#00a8ff;border:2px solid #00a8ff;padding:14px 30px;border-radius:50px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:.5px;min-width:180px}.secondary-cta-btn:hover{background:#00a8ff;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #00a8ff33}.contact-info{display:flex;justify-content:center;gap:30px;margin-bottom:40px;flex-wrap:wrap}.info-item{display:flex;align-items:center;gap:8px;color:#b0b8c4;font-size:.95rem}.info-item svg{color:#00a8ff;flex-shrink:0}.contact-stats{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:#00a8ff;font-family:Orbitron,sans-serif;line-height:1;margin-bottom:8px}.stat-label{font-size:.9rem;color:#8a92a0;text-transform:uppercase;letter-spacing:.5px;font-weight:500}@media (max-width: 768px){.contact-invitation-section{padding:60px 0}.contact-title{font-size:2rem}.contact-subtitle{font-size:1.1rem}.contact-features{gap:30px;margin-bottom:40px}.contact-actions{flex-direction:column;align-items:center;gap:15px}.primary-cta-btn,.secondary-cta-btn{width:100%;max-width:280px}.contact-info{flex-direction:column;align-items:center;gap:15px}.contact-stats{gap:40px}}@media (max-width: 480px){.contact-invitation-section{padding:40px 0}.contact-title{font-size:1.8rem}.contact-subtitle{font-size:1rem}.contact-features{flex-direction:column;align-items:center;gap:20px}.contact-stats{flex-direction:column;gap:20px}.stat-number{font-size:1.8rem}}@media (prefers-reduced-motion: reduce){.contact-features .feature-item{animation:none;opacity:1}.primary-cta-btn:hover,.secondary-cta-btn:hover,.contact-features .feature-icon:hover{transform:none}.primary-cta-btn:hover svg{transform:none}}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.badge-card{position:relative;background:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:2rem;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.badge-card:hover{box-shadow:0 12px 40px #0006,inset 0 1px #ffffff26;border-color:#06b6d433}.badge-recess-container{position:absolute;top:-2rem;left:50%;transform:translate(-50%);width:8rem;height:4rem}.badge-recess-shadow{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;border-radius:50%;filter:blur(6px)}.badge-recess-main{position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;background:radial-gradient(ellipse at center,#000c,#0006,#0000001a);border-radius:50%;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 2px 8px #00000080}.badge-recess-inner{position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;background:radial-gradient(ellipse at center,#000000e6,#0000004d);border-radius:50%;box-shadow:inset 0 1px 4px #000c,inset 0 -1px 2px #ffffff0d}.badge-recess-highlight{position:absolute;bottom:.25rem;left:.5rem;right:.5rem;height:.25rem;background:linear-gradient(90deg,transparent 0%,rgba(6,182,212,.3) 50%,transparent 100%);border-radius:9999px;filter:blur(1px)}.badge-recess-side-left,.badge-recess-side-right{position:absolute;top:.5rem;bottom:.5rem;width:.25rem;background:linear-gradient(180deg,#000000e6,#0000004d)}.badge-recess-side-left{left:0;border-radius:9999px 0 0 9999px}.badge-recess-side-right{right:0;border-radius:0 9999px 9999px 0}.badge-card-lighting{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 30%,transparent 70%,rgba(6,182,212,.05) 100%);border-radius:2rem;pointer-events:none}.badge-card-edge-left,.badge-card-edge-right{position:absolute;top:2rem;bottom:2rem;width:.125rem;background:linear-gradient(180deg,transparent 0%,rgba(6,182,212,.4) 50%,transparent 100%);border-radius:9999px}.badge-card-edge-left{left:0}.badge-card-edge-right{right:0}.badge-card-content{position:relative;z-index:10;padding:5rem 2rem 2rem}.user-icon-container{display:flex;justify-content:center;margin-bottom:2rem;position:relative;z-index:10}.user-icon{position:relative;width:4rem;height:4rem;background:linear-gradient(135deg,#1e3a8a,#0891b2,#06b6d4);border-radius:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #06b6d466,0 4px 12px #1e3a8a4d,inset 0 1px #ffffff4d,inset 0 -1px 2px #0003;transform:translateZ(0);transition:all .6s cubic-bezier(.4,0,.2,1)}.user-icon.welcome-mode{background:linear-gradient(135deg,#be185d,#e11d48,#f43f5e);background-size:200% 200%;box-shadow:0 8px 24px #f43f5e66,0 4px 12px #be185d4d,inset 0 1px #ffffff4d,inset 0 -1px 2px #0003}.user-icon.welcome-mode:hover{background:linear-gradient(135deg,#f43f5e,#e11d48,#be185d);background-size:200% 200%;box-shadow:0 12px 32px #f43f5e80,0 6px 16px #be185d66,inset 0 1px #fff6,inset 0 -1px 2px #0000001a}.user-icon.welcome-mode .user-icon-glow{background:radial-gradient(circle,rgba(244,63,94,.3) 0%,transparent 70%)}.user-icon.transitioning{animation:iconPulse .6s ease-in-out,gradientShift 1.2s ease-in-out}.user-icon.user-mode{background-size:200% 200%}.user-icon:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 32px #06b6d480,0 6px 16px #1e3a8a66,inset 0 1px #fff6,inset 0 -1px 2px #0000001a}.user-icon-glow{position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;background:radial-gradient(circle,rgba(6,182,212,.2) 0%,transparent 70%);border-radius:1.5rem;opacity:0;transition:opacity .4s ease}.user-icon:hover .user-icon-glow{opacity:1}.icon-transition-container{transition:all .3s cubic-bezier(.4,0,.2,1);transform:scale(1) rotate(0);opacity:1;z-index:2}.icon-transition-container.transitioning{opacity:0;transform:scale(.8) rotate(10deg)}.user-icon-svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .3s ease;z-index:2}.user-icon:hover .user-icon-svg{color:#f0f9ff;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.user-icon-border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1rem;border:2px solid;border-image:linear-gradient(135deg,#fff6,#06b6d499,#fff3) 1;box-shadow:inset 0 1px 2px #0000001a}.user-icon-border-inner{position:absolute;top:.125rem;right:.125rem;bottom:.125rem;left:.125rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.15);background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(6,182,212,.1) 100%)}.user-icon-highlight{position:absolute;top:.25rem;left:.25rem;width:.75rem;height:.75rem;background:radial-gradient(circle,rgba(255,255,255,.6) 0%,rgba(255,255,255,.3) 50%,transparent 100%);border-radius:50%;filter:blur(1px);animation:highlight-pulse 3s ease-in-out infinite}.user-icon-reflection{position:absolute;bottom:.25rem;right:.25rem;width:.5rem;height:.5rem;background:linear-gradient(45deg,transparent 0%,rgba(6,182,212,.3) 50%,transparent 100%);border-radius:50%;filter:blur(.5px);opacity:.7}@keyframes highlight-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}@keyframes iconPulse{0%{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(1.1)}75%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){.badge-card-content{padding:4rem 1.5rem 1.5rem}.user-icon{width:3.5rem;height:3.5rem}.user-icon-svg{width:28px;height:28px}}@media (prefers-reduced-motion: reduce){.user-icon,.user-icon-glow,.user-icon-svg,.user-icon-highlight{transition:none;animation:none}.user-icon:hover{transform:none}}.star-border-container{display:inline-block;position:relative;border-radius:20px;overflow:hidden}.border-gradient-bottom{position:absolute;width:200%;height:30%;opacity:.6;bottom:-8px;right:-150%;border-radius:50%;animation:star-movement-bottom linear infinite alternate;z-index:0;filter:blur(.5px)}.border-gradient-top{position:absolute;opacity:.6;width:200%;height:30%;top:-8px;left:-150%;border-radius:50%;animation:star-movement-top linear infinite alternate;z-index:0;filter:blur(.5px)}.inner-content{position:relative;border:1px solid #222;background:#000;color:#fff;font-size:16px;text-align:center;padding:16px 26px;border-radius:20px;z-index:1}@keyframes star-movement-bottom{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes star-movement-top{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.beams-container{position:relative;width:100%;height:100%}html{height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;-webkit-overscroll-behavior:none;background:linear-gradient(135deg,#0f172a,#1e3a8a 35%,#5b21b6);-webkit-overflow-scrolling:touch;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{margin:0;padding:0;min-height:100vh;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;-webkit-overscroll-behavior:none;background:linear-gradient(135deg,#0f172a,#1e3a8a 35%,#5b21b6);-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#root{min-height:100vh;height:100%;background:linear-gradient(135deg,#0f172a,#1e3a8a 35%,#5b21b6);overscroll-behavior:none;-webkit-overscroll-behavior:none}.glassmorphic-login-page{min-height:100vh;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem 1rem 4rem;position:relative;overflow:hidden;overscroll-behavior:none;-webkit-overscroll-behavior:none;background:transparent;-webkit-overflow-scrolling:touch;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@supports (-webkit-appearance: none){.glassmorphic-login-page{position:fixed;top:0;left:0;width:100%;height:100vh;padding:env(safe-area-inset-top,1rem) 1rem env(safe-area-inset-bottom,4rem) 1rem;overscroll-behavior-y:none;-webkit-overscroll-behavior-y:none}}.beams-background{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none;z-index:1}.beams-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f172a66,#1e3a8a4d 35%,#5b21b666);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;z-index:2}.badge-lanyard{position:absolute;top:-6rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:10}.lanyard-strap{width:5rem;height:6rem;background:linear-gradient(180deg,#64748b,#475569,#334155);border-radius:2.5rem 2.5rem 0 0;box-shadow:0 25px 50px -12px #00000040;position:relative;border:1px solid rgba(148,163,184,.2)}.lanyard-texture{position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;background:linear-gradient(180deg,rgba(148,163,184,.2) 0%,transparent 100%);border-radius:2.5rem 2.5rem 0 0}.lanyard-clip{position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:4rem;height:3rem;background:linear-gradient(180deg,#475569cc,#334155e6,#1e293bf2);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(71,85,105,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lanyard-clip-inner{position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;background:linear-gradient(180deg,#1e3a8a4d,#1e293b99);border-radius:.75rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.lanyard-clip-mechanism{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.5rem;height:.75rem;background:linear-gradient(180deg,#475569,#334155);border-radius:9999px;box-shadow:inset 0 2px 4px #0000000f}.mobile-frame{position:relative;width:100%;max-width:24rem;z-index:10;transition:max-width .4s ease-in-out}.mobile-frame-wide{max-width:46rem}.page-indicator{position:absolute;top:-3rem;right:0;color:#ffffffb3;font-size:.875rem;font-weight:500;letter-spacing:.05em;z-index:20}.badge-card{position:relative;background:#ffffff14;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.2);border-radius:2rem;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;transition:width .4s ease-in-out}.badge-card-wide{width:100%}.badge-recess{position:absolute;top:-2rem;left:50%;transform:translate(-50%);width:8rem;height:4rem}.recess-shadow{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e3a8a26;border-radius:50%;filter:blur(6px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.recess-main{position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;background:linear-gradient(180deg,#1e3a8a33,#1e3a8a1a,#ffffff0d);border-radius:50%;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.recess-inner{position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;background:linear-gradient(180deg,#1e3a8a26,#ffffff14);border-radius:50%;box-shadow:inset 0 2px 4px #1e3a8a1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.card-edge-lighting{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 30%);border-radius:2rem;pointer-events:none}.card-content{position:relative;z-index:10;padding:2rem 2rem 1rem}.user-icon-container{display:flex;justify-content:center;margin-bottom:1rem}.user-icon-badge{position:relative;width:4rem;height:4rem;background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);border-radius:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px -5px #3b82f640;z-index:10}.user-icon-badge svg,.user-icon-svg{width:2rem;height:2rem;color:#fff;z-index:20;position:relative}.user-icon-border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1rem;border:2px solid rgba(255,255,255,.3);box-shadow:inset 0 2px 4px #0000000f;z-index:5}.user-icon-highlight{position:absolute;top:.25rem;left:.25rem;width:.5rem;height:.5rem;background:#ffffff4d;border-radius:50%;filter:blur(2px);z-index:15}.glassmorphic-form{display:flex;flex-direction:column;gap:1rem}.glassmorphic-login-page[data-lang] .glassmorphic-form{gap:.5rem}.glassmorphic-login-page[data-lang]{overflow-y:auto;overscroll-behavior-y:contain;align-items:flex-start;padding-top:2rem;padding-bottom:2rem}.form-title{font-size:1.75rem;font-weight:600;color:#fff;text-align:center;margin-bottom:.25rem;letter-spacing:-.025em;transition:all .3s ease}.form-subtitle{color:#fffc;text-align:center;margin-bottom:1rem;font-size:.875rem;min-height:1.2rem;line-height:1.2rem;transition:all .3s ease}.form-group{display:flex;flex-direction:column;gap:.5rem}.glassmorphic-login-page[data-lang] .form-group{gap:.375rem}.form-label{color:#ffffffe6;font-size:.875rem;font-weight:500}.input-wrapper{position:relative}.form-input{width:100%;padding:.75rem 4rem .75rem 3rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:1rem;height:3rem;font-size:1rem;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input:not([type=password]){padding-right:1rem}.form-input::placeholder{color:#fff9}.form-input:focus{outline:none;background:#ffffff40;border-color:#ffffff80;box-shadow:0 0 0 2px #3b82f64d}.form-input.error{border-color:#f8717199}.form-input.error:focus{border-color:#f87171}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#fff9;width:1.25rem;height:1.25rem}.input-right-element{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);z-index:10}.password-toggle{color:#fffc;background:none;border:none;cursor:pointer;padding:.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}.password-toggle:hover{color:#fff}.password-toggle:focus{outline:none;color:#fff}.password-toggle:active{color:#ffffffe6}.eye-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.error-message{color:#f87171;background:linear-gradient(135deg,#f8717114,#ef44440f,#dc26260a);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);border:1px solid rgba(248,113,113,.2);border-radius:.5rem;padding:.5rem .75rem;margin-top:.5rem;font-size:.8125rem;font-weight:500;display:flex;align-items:center;gap:.375rem;box-shadow:0 4px 16px #f871711a,0 2px 8px #0000000d,inset 0 1px 2px #ffffff14;animation:errorSlideIn .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.2);max-height:2.5rem}.error-message:before{content:"⚠️";font-size:.875rem;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));flex-shrink:0}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98);max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;transform:translateY(0) scale(1);max-height:2.5rem;padding-top:.5rem;padding-bottom:.5rem}}.error-message.critical{background:linear-gradient(135deg,#ef44441f,#dc262614,#b91c1c0f);border-color:#ef444440;color:#fca5a5}.error-message.warning{background:linear-gradient(135deg,#fbbf2414,#f59e0b0f,#d977060a);border-color:#fbbf2433;color:#fbbf24}.error-message.warning:before{content:"⚠️"}.submit-error-message{margin-top:.75rem;margin-bottom:.25rem;animation:errorSlideIn .3s cubic-bezier(.23,1,.32,1)}@keyframes errorPulse{0%,to{transform:scale(1)}50%{transform:scale(1.005)}}.success-message{color:#22c55e;background:linear-gradient(135deg,#22c55e14,#16a34a0f,#15803d0a);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);border:1px solid rgba(34,197,94,.2);border-radius:.5rem;padding:.5rem .75rem;margin-top:.5rem;font-size:.8125rem;font-weight:500;display:flex;align-items:center;gap:.375rem;box-shadow:0 4px 16px #22c55e1a,0 2px 8px #0000000d,inset 0 1px 2px #ffffff14;animation:successSlideIn .3s cubic-bezier(.23,1,.32,1);text-shadow:0 1px 2px rgba(0,0,0,.2);max-height:2.5rem}.success-message:before{content:"✅";font-size:.875rem;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));flex-shrink:0}@keyframes successSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.98);max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;transform:translateY(0) scale(1);max-height:2.5rem;padding-top:.5rem;padding-bottom:.5rem}}@media (max-width: 375px){.error-message{font-size:.6875rem;padding:.25rem .5rem;margin-top:.25rem;max-height:1.5rem}.error-message:before{font-size:.75rem}.submit-error-message{margin-top:.5rem;margin-bottom:.125rem}}@media (max-width: 480px){.success-message{font-size:.75rem;padding:.375rem .625rem;margin-top:.375rem;max-height:2rem}.success-message:before{font-size:.75rem}}.glassmorphic-form{position:relative}.glassmorphic-form .error-message,.glassmorphic-form .success-message{position:relative;z-index:1}.btn-primary:disabled{opacity:.85!important;cursor:not-allowed!important;transform:none!important;background:linear-gradient(135deg,#6366f159,#8b5cf64d,#3b82f640)!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 8px 28px #6366f126,0 4px 14px #8b5cf61a,0 2px 7px #00000014,inset 0 2px 4px #ffffff26,inset 0 -2px 3px #6366f11a!important}.btn-secondary:disabled{opacity:.7!important;cursor:not-allowed!important;transform:none!important;background:linear-gradient(135deg,#ffffff14,#ffffff0d,#ffffff08)!important;border:1px solid rgba(255,255,255,.15)!important}.star-border-primary:disabled{opacity:.85!important;cursor:not-allowed!important;pointer-events:none}.star-border-secondary:disabled{opacity:.7!important;cursor:not-allowed!important;pointer-events:none}.btn-primary:disabled:hover,.btn-secondary:disabled:hover{transform:none!important;background:initial!important;border-color:initial!important;box-shadow:initial!important}.btn-primary:disabled,.btn-secondary:disabled,.star-border-primary:disabled,.star-border-secondary:disabled{min-height:3.5rem;height:auto;width:100%}.form-divider{display:flex;align-items:center;margin:.75rem 0}.glassmorphic-login-page[data-lang] .form-divider{margin:.5rem 0}.divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%)}.divider-text{padding:0 1.5rem;color:#fff9;font-size:.875rem;font-weight:500}.social-login{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem;padding:0 1rem}.glassmorphic-login-page[data-lang] .social-login{gap:1.25rem;margin-top:.75rem}.social-button{position:relative;width:4rem;height:4rem;background:linear-gradient(135deg,#ffffff26,#ffffff1f,#ffffff14);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.25);border-radius:1.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .5s cubic-bezier(.23,1,.32,1);color:#fff;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 4px 16px #ffffff14,0 2px 8px #0000000f,inset 0 2px 4px #fff3,inset 0 -1px 2px #ffffff14}.social-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .8s cubic-bezier(.23,1,.32,1);z-index:1}.social-button svg{position:relative;z-index:2;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3));transition:all .3s ease}.social-button:hover{background:linear-gradient(135deg,#ffffff38,#ffffff2e,#ffffff24);border-color:#fff6;transform:translateY(-4px) scale(1.1);box-shadow:0 16px 48px #00000026,0 8px 24px #ffffff1f,0 4px 12px #00000014,inset 0 3px 6px #ffffff4d,inset 0 -1px 3px #ffffff26}.social-button:hover:before{left:100%}.social-button:hover svg{transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.social-button:active{transform:translateY(-1px) scale(1.05);background:linear-gradient(135deg,#ffffff26,#ffffff1c,#ffffff14);box-shadow:0 6px 18px #0000001a,inset 0 2px 4px #ffffff26}.social-button:active svg{transform:scale(1.05)}.social-button svg{width:1.75rem;height:1.75rem;color:#fff;position:relative;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .3s ease}.form-switch{margin-top:1rem;text-align:center}.switch-button{color:#ffffffb3;background:none;border:none;font-size:.875rem;cursor:pointer;text-decoration:underline;transition:color .2s ease}.switch-button:hover{color:#fff}.language-select{width:100%;padding:.75rem 1rem .75rem 3rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:1rem;height:3rem;font-size:1rem;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.language-select:focus{outline:none;background:#ffffff40;border-color:#ffffff80;box-shadow:0 0 0 2px #3b82f64d}.language-select option{background:#1e293b;color:#fff}.floating-nav-buttons{position:fixed;top:1.5rem;left:1.5rem;right:1.5rem;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"left right";align-items:start;z-index:1000;pointer-events:none}.floating-nav-buttons>*{pointer-events:all}.back-icon,.language-icon{width:1rem;height:1rem;flex-shrink:0}.floating-back-button{grid-area:left;justify-self:start;align-self:start;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff26;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px 2px #ffffff59,0 4px 20px #00000040;border-radius:2rem;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #0003;min-width:140px}.floating-back-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,#fff6,#ffffff0d);mix-blend-mode:overlay;pointer-events:none}.floating-back-button:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:inset 0 1px 2px #ffffff73,0 8px 24px #00000059}.floating-language-simple{grid-area:right;justify-self:end;align-self:start;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff26;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.25);border-radius:1.25rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);box-shadow:inset 0 1px 2px #ffffff59,0 4px 20px #00000040;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.025em}.floating-language-simple:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.floating-language-simple:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px) scale(1.05);box-shadow:inset 0 2px 4px #fff6,0 8px 32px #0000004d,0 4px 16px #ffffff1a}.floating-language-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff26;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px 2px #ffffff59,0 4px 20px #00000040;border-radius:2rem;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #0003;min-width:100px;justify-content:space-between}.floating-language-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,#fff6,#ffffff0d);mix-blend-mode:overlay;pointer-events:none}.floating-language-toggle:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:inset 0 1px 2px #ffffff73,0 8px 24px #00000059}.dropdown-arrow{transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.language-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;z-index:1001}.language-option{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;color:#fff;font-size:.875rem;cursor:pointer;transition:background .2s ease;width:100%;text-align:left}.language-option:hover{background:#ffffff1a}.language-option.active{background:#3b82f633}@media screen and (min-width: 1440px) and (max-height: 932px){.glassmorphic-login-page{padding:.5rem 1rem 1rem}.card-content{padding:1.5rem 2rem .75rem}.user-icon-container,.form-subtitle{margin-bottom:.75rem}.glassmorphic-form{gap:.5rem}.form-group{gap:.375rem}.form-buttons{gap:.5rem;margin-top:.75rem}.form-divider{margin:.5rem 0}.social-login{gap:.75rem;margin-top:.5rem}}@media (max-width: 640px){html,body{position:fixed;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-overscroll-behavior:none}.glassmorphic-login-page{position:fixed;top:0;left:0;width:100%;height:100vh;padding:.5rem .5rem 3rem;overflow-y:auto;overflow-x:hidden;display:flex;align-items:center;overscroll-behavior:none;-webkit-overscroll-behavior:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:pan-y}.glassmorphic-login-page[data-lang]{padding-top:1rem;padding-bottom:1rem;align-items:flex-start;justify-content:flex-start;height:auto;min-height:100vh}.mobile-frame{max-width:100%;width:100%}.badge-lanyard{top:-4rem}.lanyard-strap{width:4rem;height:5rem}.card-content{padding:2.5rem 1.5rem 1.25rem}.page-indicator{top:-2.5rem}.floating-nav-buttons{top:1rem;left:1rem;right:1rem;grid-template-columns:1fr 1fr;gap:1rem}.floating-back-button{min-width:120px;padding:.625rem .875rem;font-size:.8125rem}.floating-language-toggle{min-width:85px;padding:.625rem .875rem;font-size:.8125rem}.back-icon{width:1rem;height:1rem;flex-shrink:0}.form-title{font-size:1.5rem;margin-bottom:1rem}.form-subtitle{margin-bottom:1rem;font-size:.8rem}.form-group{gap:.5rem}.glassmorphic-form{gap:1rem}.form-input{height:3rem;padding:.75rem .75rem .75rem 2.5rem}.input-icon{left:.75rem;width:1rem;height:1rem}.input-right-element{right:.75rem}.password-toggle{width:2.25rem;height:2.25rem;padding:.375rem}.form-buttons{flex-direction:column;gap:1rem;padding-top:1rem}.btn-primary,.btn-secondary{min-height:3.5rem;padding:1rem 1.5rem;border-radius:1rem;font-size:1rem;font-weight:600}.btn-primary{min-height:3.75rem;font-size:1.05rem;font-weight:700}.form-divider{margin:1rem 0}.social-login{gap:1rem;margin-top:.75rem;padding:0 .5rem}.social-button{width:3.5rem;height:3.5rem;border-radius:1.25rem}.social-button svg{width:1.5rem;height:1.5rem}.user-icon-container{margin-bottom:1.25rem}.user-icon-badge{width:3.5rem;height:3.5rem}.user-icon-badge svg{width:1.75rem;height:1.75rem}}@media (max-width: 480px){html,body{position:fixed;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-overscroll-behavior:none;-webkit-overflow-scrolling:auto}.glassmorphic-login-page{position:fixed;top:0;left:0;width:100%;height:100vh;padding:.5rem .5rem 3.5rem;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;-webkit-overscroll-behavior:none;-webkit-overflow-scrolling:touch;touch-action:pan-y}.glassmorphic-login-page[data-lang]{padding-top:.75rem;padding-bottom:.75rem;height:auto;min-height:100vh}.floating-nav-buttons{top:.75rem;left:.75rem;right:.75rem;gap:.5rem}.floating-back-button{min-width:100px;padding:.5rem .75rem;font-size:.75rem;gap:.375rem}.floating-language-simple{min-width:75px;padding:.5rem .75rem;font-size:.75rem;gap:.375rem;border-radius:1rem}.back-icon,.language-icon{width:.875rem;height:.875rem}.dropdown-arrow{font-size:.625rem}}.glassmorphic-login-page .glassmorphic-form .form-input{background:#ffffff2e!important;color:#fff!important;border:1px solid rgba(255,255,255,.4)!important}.glassmorphic-login-page .glassmorphic-form .form-input:focus{background:#ffffff47!important;border-color:#fff9!important}.glassmorphic-login-page .glassmorphic-form .form-input::placeholder{color:#ffffffbf!important}.glassmorphic-login-page .glassmorphic-form .form-label{color:#fffffff2!important}.glassmorphic-login-page .glassmorphic-form .input-icon,.glassmorphic-login-page .glassmorphic-form .password-toggle{color:#fffc!important}*,*:before,*:after{box-sizing:border-box}@supports (-webkit-appearance: none){html,body{background:linear-gradient(135deg,#0f172a,#1e3a8a 35%,#5b21b6)!important;background-attachment:fixed!important}}@media screen and (-webkit-min-device-pixel-ratio: 2){.glassmorphic-login-page{-webkit-overflow-scrolling:auto!important;overscroll-behavior-y:none!important;overscroll-behavior-x:none!important}}html:before,body:before,#root:before{content:"";position:fixed;top:-100vh;left:-100vw;width:300vw;height:300vh;background:linear-gradient(135deg,#0f172a,#1e3a8a 35%,#5b21b6);z-index:-1000;pointer-events:none}.badge-header{width:100%;margin-bottom:1.5rem}.register-form-horizontal{width:100%}.register-form-columns{display:flex;flex-direction:row;gap:2rem;margin-bottom:1.5rem}.register-form-column{flex:1;min-width:0}.register-form-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:2rem}.social-login.horizontal{flex-direction:row;align-items:center;margin-top:0;flex:1}.social-buttons{display:flex;gap:.75rem}.form-divider.horizontal{margin:0 1.5rem 0 0;flex-direction:row;align-items:center;gap:.75rem;width:auto}.form-divider.horizontal .divider-line{width:2rem;height:1px}@media (max-width: 768px){.mobile-frame-wide{max-width:24rem}.register-form-columns{flex-direction:column;gap:1rem}.register-form-footer{flex-direction:column;gap:1.5rem}.social-login.horizontal{flex-direction:column;width:100%}.form-divider.horizontal{width:100%;margin:1rem 0;flex-direction:row}.social-buttons{width:100%;justify-content:center}}.star-border-primary,.star-border-secondary{border:none;background:transparent;cursor:pointer;width:100%;margin:0;font-family:inherit}.star-border-primary:disabled{cursor:not-allowed;opacity:.6}.star-border-primary .inner-content,.star-border-secondary .inner-content{background:#ffffff2e;border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:12px 20px;font-size:16px;font-weight:500;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 .5px #ffffff26,0 2px 8px #00000014}.star-border-primary:hover:not(:disabled) .inner-content{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:inset 0 .5px #fff3,0 4px 12px #0000001f}.star-border-secondary:hover .inner-content{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:inset 0 .5px #fff3,0 4px 12px #0000001f}.star-border-primary:active:not(:disabled) .inner-content{transform:translateY(0);background:#fff3;box-shadow:inset 0 .5px #ffffff2e,0 2px 6px #0000001a}.star-border-secondary:active .inner-content{transform:translateY(0);background:#fff3;box-shadow:inset 0 .5px #ffffff2e,0 2px 6px #0000001a}.star-border-primary:disabled .inner-content{background:#ffffff1f;border-color:#fff3;color:#fff9;box-shadow:inset 0 1px #ffffff1a;transform:none}.star-border-primary:disabled,.star-border-secondary:disabled{opacity:.7}@media (max-width: 640px){.star-border-primary .inner-content,.star-border-secondary .inner-content{padding:10px 16px;font-size:14px}.star-border-primary:hover:not(:disabled) .inner-content,.star-border-secondary:hover .inner-content{transform:translateY(-1px)}}@media (max-width: 480px){.star-border-primary .inner-content,.star-border-secondary .inner-content{padding:9px 14px;font-size:13px}.star-border-primary:hover:not(:disabled) .inner-content,.star-border-secondary:hover .inner-content{transform:translateY(-1px);background:#ffffff38;border-color:#ffffff73;box-shadow:inset 0 .5px #ffffff2e,0 3px 10px #0000001a}}.register-form-footer .form-buttons{flex:0 0 40%}.register-form-footer{gap:1.25rem}.floating-language-simple:before{pointer-events:none}.password-strength{margin-top:.5rem}.glassmorphic-login-page[data-lang] .password-strength{margin-top:.25rem}.password-strength-bar{height:2px;border-radius:1px;transition:all .3s ease}.password-strength.weak .password-strength-bar{width:33%;background:#f87171}.password-strength.medium .password-strength-bar{width:66%;background:#fbbf24}.password-strength.strong .password-strength-bar{width:100%;background:#22c55e}.password-strength-text{font-size:.75rem;margin-top:.25rem;color:#ffffffb3}.form-options{display:flex;justify-content:space-between;align-items:center;margin:.75rem 0}.checkbox-label{display:flex;align-items:center;color:#fffc;font-size:.875rem;cursor:pointer}.checkbox-label input[type=checkbox]{margin-right:.5rem;accent-color:rgb(59,130,246)}.forgot-password{color:#ffffffb3;background:none;border:none;font-size:.875rem;cursor:pointer;text-decoration:underline;transition:color .2s ease}.forgot-password:hover{color:#fff}.form-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.glassmorphic-login-page[data-lang] .form-buttons{gap:.5rem;margin-top:.75rem}.btn-primary,.btn-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.5rem;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 1px 3px rgba(0,0,0,.3);min-height:3rem;letter-spacing:.025em}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f166,#8b5cf659,#3b82f64d);border:1px solid rgba(255,255,255,.3);box-shadow:0 12px 40px #6366f133,0 6px 20px #8b5cf626,0 3px 10px #00000026,inset 0 2px 4px #ffffff40,inset 0 -2px 3px #6366f126;min-height:3.5rem;font-size:1.1rem;font-weight:700;letter-spacing:.05em;border-radius:1.25rem;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transition:left .8s cubic-bezier(.23,1,.32,1);z-index:1}.btn-primary>*{position:relative;z-index:2}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6366f18c,#8b5cf680,#3b82f673);border-color:#ffffff73;transform:translateY(-4px) scale(1.03);box-shadow:0 20px 60px #6366f14d,0 10px 30px #8b5cf640,0 5px 15px #0003,inset 0 3px 6px #fff6,inset 0 -2px 4px #6366f133}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:active{transform:translateY(-1px) scale(1.01);background:linear-gradient(135deg,#6366f159,#8b5cf64d,#6366f140);box-shadow:0 8px 24px #6366f133,0 4px 12px #0000001a,inset 0 2px 4px #6366f133}.btn-secondary{color:#ffffffe6;background:linear-gradient(135deg,#ffffff1f,#ffffff14,#ffffff0f);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 28px #0000001a,0 4px 14px #ffffff14,0 2px 7px #0000000f,inset 0 2px 3px #ffffff26,inset 0 -1px 2px #ffffff14;min-height:3.25rem;font-size:1rem;font-weight:600;letter-spacing:.025em;border-radius:1.25rem}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);transition:left .6s cubic-bezier(.23,1,.32,1);z-index:1}.btn-secondary>*{position:relative;z-index:2}.btn-secondary:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1f,#ffffff14);border-color:#ffffff4d;color:#fffffff2;transform:translateY(-2px) scale(1.01);box-shadow:0 12px 36px #0000001f,0 6px 18px #ffffff0d,0 3px 9px #00000014,inset 0 1px 2px #fff3,inset 0 -1px 1px #ffffff14}.btn-secondary:hover:before{left:100%}.btn-secondary:active{transform:translateY(-1px) scale(1.005);background:linear-gradient(135deg,#ffffff1a,#ffffff12,#ffffff0a);box-shadow:0 6px 18px #0000001a,inset 0 2px 3px #ffffff1a}.modern-profile-page{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;background:linear-gradient(135deg,#0a0a0f,#1a1a2e,#16213e)}.profile-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.silk-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%,rgba(74,144,226,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(156,39,176,.1) 0%,transparent 50%);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:2}.top-navigation{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0a0a0fd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);height:80px}.nav-back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fffc;text-decoration:none;transition:all .3s ease;cursor:pointer;font-size:.9rem;font-weight:500}.nav-back-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translate(-2px)}.nav-title h1{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#4a90e2,#9c27b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-subtitle{font-size:.85rem;color:#fff9;display:block;margin-top:.25rem}.nav-actions{display:flex;gap:1rem}.nav-reset-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#e74c3c33;border:1px solid rgba(231,76,60,.3);border-radius:12px;color:#ff6b6b;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.nav-reset-btn:hover{background:#e74c3c4d;border-color:#e74c3c80}.global-notification{position:fixed;top:100px;right:2rem;z-index:100;padding:1rem 1.5rem;border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid;animation:slideIn .3s ease-out;max-width:400px}.global-notification.success{background:#4caf5026;border-color:#4caf504d;color:#81c784}.global-notification.error{background:#f4433626;border-color:#f443364d;color:#e57373}.notification-content{display:flex;align-items:center;gap:.75rem;font-weight:500}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.profile-grid{position:relative;z-index:5;height:calc(100vh - 80px);display:grid;grid-template-columns:400px 1fr 350px;gap:2rem;padding:2rem;overflow:hidden}.profile-overview{background:#ffffff0d;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;display:flex;flex-direction:column;gap:2rem;height:fit-content}.user-avatar-section{text-align:center}.avatar-container{position:relative;display:inline-block;margin-bottom:1.5rem}.avatar-ring{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#4a90e2,#9c27b0);padding:3px;position:relative;animation:avatarGlow 3s ease-in-out infinite alternate}.avatar-content{width:100%;height:100%;border-radius:50%;background:#0a0a0fe6;display:flex;align-items:center;justify-content:center}.avatar-content svg{width:48px;height:48px;color:#4a90e2}.avatar-status{position:absolute;bottom:8px;right:8px}.status-indicator{width:16px;height:16px;border-radius:50%;border:2px solid rgba(10,10,15,.9)}.status-indicator.active{background:#4caf50;box-shadow:0 0 12px #4caf5080}@keyframes avatarGlow{0%{box-shadow:0 0 20px #4a90e24d}to{box-shadow:0 0 30px #9c27b066}}.user-basic-info{text-align:center}.user-display-name{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#fff}.user-email{font-size:.95rem;color:#ffffffb3;margin:0 0 1rem}.user-meta{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.user-id{font-size:.85rem;color:#ffffff80;font-family:Fira Code,monospace}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.premium{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e}.status-badge.pro{background:linear-gradient(135deg,#4a90e2,#9c27b0);color:#fff}.status-badge.free{background:#ffffff1a;color:#ffffffb3}.quick-stats{display:flex;flex-direction:column;gap:1rem}.stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:all .3s ease}.stat-item:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-1px)}.stat-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#4a90e233,#9c27b033);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:20px;height:20px;color:#4a90e2}.stat-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.8rem;color:#fff9;font-weight:500}.stat-value{font-size:.9rem;color:#fff;font-weight:600}.editable-section{background:#ffffff0d;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2rem;height:fit-content}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.section-header h3{font-size:1.25rem;font-weight:700;margin:0;color:#fff}.edit-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;color:#fffc;cursor:pointer;transition:all .3s ease;font-weight:500}.edit-toggle:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.edit-toggle.editing{background:#e74c3c33;border-color:#e74c3c4d;color:#ff6b6b}.edit-toggle.editing:hover{background:#e74c3c4d}.form-grid{display:grid;gap:2rem;margin-bottom:2rem}.form-field{display:flex;flex-direction:column;gap:.75rem}.form-field.readonly{opacity:.7}.field-label{display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;color:#fffc}.field-label svg{width:18px;height:18px;color:#4a90e2}.input-container{position:relative}.modern-input{width:100%;padding:1rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease;outline:none}.modern-input:focus{background:#ffffff14;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.input-underline{position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(135deg,#4a90e2,#9c27b0);transition:all .3s ease;transform:translate(-50%)}.modern-input:focus+.input-underline{width:100%}.select-container{position:relative}.modern-select{width:100%;padding:1rem 3rem 1rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .3s ease}.modern-select:focus{background:#ffffff14;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#fff9}.field-display{padding:1rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:space-between;min-height:52px}.field-display.readonly{background:#ffffff05;color:#ffffffb3}.language-indicator{margin-right:.5rem;font-size:1.2rem}.readonly-indicator{color:#fff6}.save-actions{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.save-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#4a90e2,#9c27b0);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;justify-content:center}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4a90e24d}.save-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.account-panel{display:flex;flex-direction:column;gap:2rem;height:fit-content}.panel-section{background:#ffffff08;border-radius:20px;padding:1.75rem;margin-bottom:2rem}.panel-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.info-cards{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}.info-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:all .3s ease}.info-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-1px)}.card-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#4a90e233,#9c27b033);display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-icon.subscription{background:linear-gradient(135deg,#ffd70033,#ffc10733)}.card-icon svg{width:22px;height:22px;color:#4a90e2}.card-icon.subscription svg{color:#ffc107}.card-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.card-label{font-size:.8rem;color:#fff9;font-weight:500}.card-value{font-size:.95rem;color:#fff;font-weight:600;font-family:Fira Code,monospace}.card-badge{font-size:.8rem;padding:.25rem .75rem;border-radius:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.card-badge.premium{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e}.card-badge.pro{background:linear-gradient(135deg,#4a90e2,#9c27b0);color:#fff}.card-badge.free{background:#ffffff1a;color:#ffffffb3}.activity-timeline{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem;padding-top:.5rem}.timeline-item{display:flex;gap:1rem;padding:.5rem 0}.timeline-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#4a90e2,#9c27b0);flex-shrink:0;box-shadow:0 0 12px #4a90e24d}.timeline-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.timeline-label{color:#ffffffb3;font-size:.9rem;margin-bottom:.5rem}.timeline-time{color:#ffffff80;font-size:1.1rem;font-weight:500;margin-top:.25rem}@media (max-width: 1400px){.profile-grid{grid-template-columns:350px 1fr 300px;gap:1.5rem;padding:1.5rem}}@media (max-width: 1200px){.profile-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1.5rem}.profile-overview{grid-column:1 / -1}.editable-section{grid-column:1 / 2}.account-panel{grid-column:2 / 3}}@media (max-width: 768px){.modern-profile-page{overflow-y:auto}.profile-grid{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 80px)}.top-navigation{padding:1rem;height:70px}.nav-title h1{font-size:1.25rem}.profile-overview,.editable-section,.account-panel{grid-column:1}}:root{--liquid-glass-bg: rgba(255, 255, 255, .08);--liquid-glass-bg-strong: rgba(255, 255, 255, .12);--liquid-glass-border: rgba(255, 255, 255, .18);--liquid-glass-border-strong: rgba(255, 255, 255, .25);--liquid-glass-highlight: rgba(255, 255, 255, .15);--liquid-glass-shadow: rgba(0, 0, 0, .25);--liquid-glass-shadow-strong: rgba(0, 0, 0, .4);--dark-bg-primary: #0a0f1c;--dark-bg-secondary: #0f1419;--dark-bg-tertiary: #161b22;--dark-surface: rgba(22, 31, 49, .9);--dark-surface-elevated: rgba(30, 41, 59, .95);--accent-cyan: #00d4ff;--accent-cyan-bright: #1ae7ff;--accent-blue: #3b82f6;--accent-blue-bright: #60a5fa;--accent-cyan-glow: rgba(0, 212, 255, .35);--accent-blue-glow: rgba(59, 130, 246, .35);--accent-cyan-glow-strong: rgba(0, 212, 255, .5);--accent-blue-glow-strong: rgba(59, 130, 246, .5);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-accent: #60a5fa;--text-accent-bright: #38bdf8;--liquid-duration-fast: .2s;--liquid-duration-normal: .35s;--liquid-duration-slow: .5s;--liquid-duration-extra-slow: .7s;--glass-blur: blur(24px);--glass-blur-strong: blur(40px);--glass-blur-subtle: blur(12px);--glass-saturation: saturate(200%);--glass-brightness: brightness(1.1);--depth-1: 0 2px 8px rgba(0, 0, 0, .08);--depth-2: 0 4px 16px rgba(0, 0, 0, .12);--depth-3: 0 8px 32px rgba(0, 0, 0, .16);--depth-4: 0 16px 64px rgba(0, 0, 0, .2)}.ai-analyzer-page{min-height:100vh;position:relative;background:var(--dark-bg-primary);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;overflow-x:hidden;z-index:0;background-image:linear-gradient(135deg,var(--dark-bg-primary) 0%,rgba(15,20,35,1) 50%,var(--dark-bg-secondary) 100%)}.liquid-glass-panel{background:var(--liquid-glass-bg);backdrop-filter:var(--glass-blur) var(--glass-saturation) var(--glass-brightness);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturation) var(--glass-brightness);border:1px solid var(--liquid-glass-border);border-radius:20px;box-shadow:var(--depth-3),0 4px 16px #00000026,inset 0 1px 0 var(--liquid-glass-highlight),inset 0 -1px #0000001a;position:relative;overflow:hidden;transition:all var(--liquid-duration-normal) cubic-bezier(.4,0,.2,1);isolation:isolate}.liquid-glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1f,#ffffff14,#ffffff0a 60%,#ffffff05);border-radius:inherit;pointer-events:none;z-index:1}.liquid-glass-panel>*{position:relative;z-index:2}.simplified-action-bar{max-width:1200px;margin:0 auto 32px;padding:0 32px}.action-bar-panel{padding:20px 32px;border-radius:16px}.action-buttons-container{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.action-create-button{background:linear-gradient(135deg,#3b82f6cc,#2563ebe6);border:1px solid rgba(59,130,246,.4);color:#fff;font-weight:600;padding:14px 28px;border-radius:12px;box-shadow:0 4px 16px #3b82f640,0 2px 8px #0000001a;transition:all var(--liquid-duration-normal) cubic-bezier(.4,0,.2,1)}.action-create-button:hover{background:linear-gradient(135deg,#3b82f6e6,#2563eb);box-shadow:0 6px 20px #3b82f659,0 4px 12px #00000026;transform:translateY(-2px)}.action-view-button{background:var(--liquid-glass-bg);border:1px solid var(--liquid-glass-border);color:var(--text-secondary);font-weight:500;padding:14px 24px;border-radius:12px;transition:all var(--liquid-duration-normal) cubic-bezier(.4,0,.2,1);position:relative}.action-view-button:hover{background:var(--liquid-glass-bg-strong);border-color:var(--liquid-glass-border-strong);color:var(--text-primary);transform:translateY(-1px)}.action-view-button.active{background:linear-gradient(135deg,#00d4ff26,#3b82f626);border-color:#00d4ff4d;color:var(--accent-cyan-bright);box-shadow:0 4px 16px #00d4ff26,inset 0 1px #ffffff1a}.button-count{background:#ffffff1a;color:var(--text-primary);padding:4px 8px;border-radius:20px;font-size:12px;font-weight:600;min-width:24px;text-align:center;margin-left:8px}.action-view-button.active .button-count{background:#00d4ff33;color:var(--accent-cyan-bright)}@media (max-width: 768px){.simplified-action-bar{padding:0 20px}.action-bar-panel{padding:16px 20px}.action-buttons-container{flex-direction:column;gap:12px;align-items:stretch}.action-create-button,.action-view-button{width:100%;justify-content:center}}@media (max-width: 480px){.simplified-action-bar{padding:0 16px}.action-bar-panel{padding:14px 16px;border-radius:12px}.action-buttons-container{gap:10px}.action-create-button,.action-view-button{padding:12px 20px;font-size:14px}.button-count{font-size:11px;padding:3px 6px}}.liquid-glass-panel:hover{border-color:var(--liquid-glass-border-strong);box-shadow:var(--depth-4),0 6px 20px #0000002e,inset 0 1px #fff3,inset 0 -1px #0000001f;filter:brightness(1.02)}.liquid-glass-button{background:var(--liquid-glass-bg);backdrop-filter:var(--glass-blur-subtle) var(--glass-saturation) var(--glass-brightness);-webkit-backdrop-filter:var(--glass-blur-subtle) var(--glass-saturation) var(--glass-brightness);border:1px solid var(--liquid-glass-border);border-radius:50px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--liquid-duration-normal) cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;text-decoration:none;border:none;outline:none;box-shadow:var(--depth-2),0 2px 8px #00000014,inset 0 1px 0 var(--liquid-glass-highlight),inset 0 -1px #0000000d;min-height:44px;white-space:nowrap;isolation:isolate;letter-spacing:.025em;font-family:Inter,system-ui,sans-serif}.liquid-glass-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff14,#ffffff0a,#ffffff05);border-radius:inherit;pointer-events:none;z-index:1}.liquid-glass-button>*{position:relative;z-index:2}.liquid-glass-button:hover{transform:translateY(-2px) scale(1.015);background:var(--liquid-glass-bg-strong);border-color:var(--liquid-glass-border-strong);box-shadow:0 6px 20px #0000001f,0 3px 10px var(--accent-blue-glow),0 0 20px #3b82f626,inset 0 1px #ffffff26;filter:brightness(1.05) saturate(1.05);backdrop-filter:var(--glass-blur) var(--glass-saturation) var(--glass-brightness);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturation) var(--glass-brightness);transition:all var(--liquid-duration-normal) cubic-bezier(.25,.46,.45,.94)}.liquid-glass-button:active{transform:translateY(-1px) scale(1.005);transition-duration:var(--liquid-duration-fast)}.liquid-glass-button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;box-shadow:var(--depth-2),0 0 0 4px #3b82f633,inset 0 1px 0 var(--liquid-glass-highlight)}.liquid-glass-button,.liquid-glass-panel{cursor:pointer;transition:all var(--liquid-duration-normal) cubic-bezier(.23,1,.32,1)}.ai-analyzer-page .language-dropdown,.ai-analyzer-page .language-dropdown-trigger{display:flex!important;visibility:visible!important;opacity:1!important}.liquid-glass-header{position:fixed;top:0;left:0;right:0;z-index:50;padding:1.5rem 2rem;pointer-events:none}.floating-nav-container{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"back title controls";align-items:flex-start;gap:2rem;max-width:1400px;margin:0 auto}.floating-nav-container>*{pointer-events:auto}.liquid-back-button{grid-area:back;background:var(--liquid-glass-bg);border-color:var(--accent-cyan);color:var(--text-primary);min-width:140px;font-weight:500}.liquid-back-button:hover{border-color:var(--accent-cyan);box-shadow:0 8px 24px #0003,0 4px 12px var(--accent-cyan-glow),0 0 20px var(--accent-cyan-glow),inset 0 1px #ffffff26;color:var(--accent-cyan)}.liquid-title-panel{grid-area:title;justify-self:center;align-self:center;padding:1rem 2rem;text-align:center;min-width:300px;-webkit-backdrop-filter:var(--glass-blur-strong) var(--glass-saturation);backdrop-filter:var(--glass-blur-strong) var(--glass-saturation);display:flex;flex-direction:column;align-items:center;justify-content:center}.liquid-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px var(--accent-blue-glow);white-space:nowrap;text-align:center;display:block;width:100%}.liquid-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0;white-space:nowrap}.header-controls{grid-area:controls;display:flex;align-items:flex-start;gap:1rem;justify-self:end}.liquid-user-badge{background:var(--liquid-glass-bg);border-color:var(--accent-blue);color:var(--text-primary);min-width:160px;justify-content:flex-start}.liquid-user-badge .user-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;flex-shrink:0}.liquid-user-badge .user-name{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.liquid-language-switcher{position:relative}.liquid-lang-button{background:var(--liquid-glass-bg);border-color:#9333ea4d;color:var(--text-primary);min-width:100px;justify-content:space-between}.liquid-lang-button:hover{border-color:#9333ea80;box-shadow:0 8px 24px #0003,0 4px 12px #9333ea4d,0 0 20px #9333ea33,inset 0 1px #ffffff26}.liquid-lang-button .chevron{transition:transform var(--liquid-duration-normal) ease;color:var(--text-secondary)}.liquid-lang-button .chevron.open{transform:rotate(180deg)}.liquid-lang-dropdown{position:absolute;top:calc(100% + .75rem);right:0;min-width:140px;padding:.5rem;z-index:100;animation:liquid-dropdown-appear var(--liquid-duration-normal) cubic-bezier(.4,0,.2,1)}@keyframes liquid-dropdown-appear{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.liquid-lang-option{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--liquid-duration-fast) ease;border-radius:8px;text-align:left;position:relative}.liquid-lang-option:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;border-radius:0 2px 2px 0;transition:all var(--liquid-duration-fast) ease}.liquid-lang-option:hover{background:#3b82f61a;color:var(--accent-blue)}.liquid-lang-option:hover:before{background:var(--accent-blue)}.liquid-lang-option.active{background:#2563eb26;color:var(--accent-blue)}.liquid-lang-option.active:before{background:var(--accent-blue)}.liquid-main-container{padding:10rem 2rem 2rem;min-height:100vh;position:relative;z-index:1;box-sizing:border-box}.liquid-content-wrapper{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:0}.liquid-welcome-section{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.liquid-welcome-card{max-width:500px;padding:3rem 2rem;text-align:center;-webkit-backdrop-filter:var(--glass-blur-strong) var(--glass-saturation);backdrop-filter:var(--glass-blur-strong) var(--glass-saturation)}.welcome-icon-container{margin-bottom:2rem}.liquid-welcome-icon{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));color:#fff;margin-bottom:1rem;animation:liquid-float 3s ease-in-out infinite}@keyframes liquid-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.liquid-welcome-title{font-size:2rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.liquid-welcome-desc{color:var(--text-secondary);margin:0 0 2.5rem;font-size:1.125rem;line-height:1.6}.liquid-login-button{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));border:none;color:#fff;font-weight:600;padding:14px 28px;font-size:1rem}.liquid-login-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 32px #0000004d,0 6px 16px var(--accent-cyan-glow),0 0 24px var(--accent-blue-glow)}.liquid-control-section{display:none}.control-header-panel{padding:2.5rem 3rem;-webkit-backdrop-filter:var(--glass-blur-strong) var(--glass-saturation) var(--glass-brightness);backdrop-filter:var(--glass-blur-strong) var(--glass-saturation) var(--glass-brightness);border:1px solid rgba(255,255,255,.15);background:linear-gradient(135deg,#ffffff1a,#00d4ff05,#3b82f605,#ffffff0f,#ffffff08);box-shadow:0 12px 40px #00000026,0 6px 20px #0000001a,0 0 30px #3b82f614,inset 0 1px #ffffff26,inset 0 -1px #00000014;border-radius:24px;animation:panel-slide-in .8s cubic-bezier(.4,0,.2,1) forwards;opacity:0;transform:translateY(30px)}.control-header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.section-title-group{flex:1;animation:content-fade-in .6s cubic-bezier(.4,0,.2,1) .4s forwards;opacity:0;transform:translateY(15px)}.section-title{font-size:1.875rem;font-weight:700;margin:0 0 .75rem;background:linear-gradient(135deg,var(--accent-cyan-bright) 0%,var(--accent-blue) 50%,var(--accent-blue-bright) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px var(--accent-blue-glow),0 0 20px var(--accent-cyan-glow);letter-spacing:-.025em;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));border-radius:1px;opacity:.6}.section-subtitle{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.5;opacity:.9}.primary-actions-group{display:flex;align-items:center;gap:1rem;animation:content-fade-in .6s cubic-bezier(.4,0,.2,1) .6s forwards;opacity:0;transform:translateY(15px)}.primary-create-button{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));border:1px solid rgba(255,255,255,.15);color:#fff;padding:16px 32px;font-size:.95rem;min-width:200px;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001f,0 2px 8px var(--accent-blue-glow),inset 0 1px #fff3;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:50px;letter-spacing:.025em;font-weight:600}.primary-create-button .button-icon-wrapper{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.primary-create-button .button-text{font-weight:600;flex-shrink:0}.primary-create-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #0000002e,0 4px 12px var(--accent-blue-glow),inset 0 1px #ffffff40;filter:brightness(1.08);border-color:#ffffff40}.primary-create-button:active{transform:translateY(-1px) scale(1.01);transition-duration:var(--liquid-duration-fast)}.primary-create-button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;box-shadow:0 4px 16px #0000001f,0 0 0 4px #3b82f633}.view-control-panel{padding:2rem 2.5rem;-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturation) var(--glass-brightness);backdrop-filter:var(--glass-blur) var(--glass-saturation) var(--glass-brightness);border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#ffffff14,#00d4ff04 30%,#3b82f604 70%,#ffffff0a);box-shadow:0 6px 20px #0000001a,0 3px 10px #0000000f,0 0 25px #3b82f60f,inset 0 1px #ffffff1f,inset 0 -1px #0000000d;border-radius:20px;animation:panel-slide-in-delayed .8s cubic-bezier(.4,0,.2,1) .2s forwards;opacity:0;transform:translateY(25px)}.view-switcher-enhanced{display:flex;align-items:center;gap:1.5rem}.switcher-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.switcher-options-container{display:flex;gap:.75rem;position:relative;align-items:center;flex:1}.liquid-switcher-option.enhanced{background:linear-gradient(135deg,#ffffff0f,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.15);border-radius:50px;color:var(--text-secondary);padding:1.125rem 1.75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--liquid-duration-normal) cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.875rem;position:relative;z-index:2;min-width:170px;justify-content:center;box-shadow:0 4px 15px #0000001a,0 2px 6px #0000000f,0 0 20px #3b82f60a,inset 0 1px #ffffff1f,inset 0 -1px #0000000a;backdrop-filter:blur(12px) saturate(130%) brightness(1.05);-webkit-backdrop-filter:blur(12px) saturate(130%) brightness(1.05)}.liquid-switcher-option.enhanced .option-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.liquid-switcher-option.enhanced .option-label{font-weight:500;letter-spacing:.025em}.liquid-switcher-option.enhanced .option-count{background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:.375rem .75rem;font-size:.75rem;font-weight:600;min-width:28px;text-align:center;flex-shrink:0;box-shadow:0 2px 6px #0000001a,inset 0 1px #fff3}.liquid-switcher-option.enhanced:hover{color:var(--text-primary);border-color:#ffffff40;background:linear-gradient(135deg,#ffffff14,#ffffff0d,#ffffff08);transform:translateY(-1px) scale(1.01);box-shadow:0 4px 16px #0000001a,0 2px 6px #0000000f,0 0 20px #3b82f60f,inset 0 1px #ffffff1a;transition:all var(--liquid-duration-normal) cubic-bezier(.25,.46,.45,.94)}.liquid-switcher-option.enhanced.active{color:#fff;border-color:var(--accent-blue-bright);background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-blue) 50%,var(--accent-blue-bright) 100%);box-shadow:0 8px 25px #3b82f64d,0 4px 12px #3b82f633,0 0 40px #3b82f633,0 0 80px #00d4ff1a,inset 0 1px #ffffff4d,inset 0 -1px #0000001a;filter:brightness(1.1) saturate(1.2);font-weight:600;animation:switcher-activate .3s cubic-bezier(.25,.46,.45,.94) forwards}.liquid-switcher-option.enhanced.active .option-count{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;box-shadow:0 3px 8px #3b82f64d,0 0 15px #3b82f633,inset 0 1px #ffffff4d}.liquid-switcher-indicator.enhanced{position:absolute;top:0;bottom:0;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));border-radius:50px;transition:all var(--liquid-duration-normal) cubic-bezier(.25,.46,.45,.94);z-index:1;opacity:.15;box-shadow:0 0 20px #3b82f64d,0 0 40px #00d4ff26,inset 0 1px #fff3;filter:blur(.2px)}.liquid-switcher-indicator.enhanced.all{left:0;width:170px}.liquid-switcher-indicator.enhanced.favorites{left:calc(170px + .875rem);width:170px}.liquid-switcher-indicator.enhanced:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,var(--accent-cyan-bright),var(--accent-cyan),var(--accent-blue),var(--accent-blue-bright));border-radius:inherit;z-index:-1;opacity:.4;filter:blur(6px);transition:all var(--liquid-duration-normal) cubic-bezier(.4,0,.2,1)}@keyframes indicator-pulse{0%{opacity:.2;transform:scale(1)}to{opacity:.4;transform:scale(1.02)}}.liquid-error-banner{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;margin-bottom:1.5rem;border-color:#ef444466;background:#ef44441a}.liquid-error-banner .error-content{display:flex;align-items:center;gap:.75rem;color:#fca5a5}.liquid-retry-button{background:#ef444433;border-color:#ef444466;color:#fca5a5;padding:.5rem 1rem;font-size:.875rem}.liquid-retry-button:hover{background:#ef44444d;border-color:#ef444499;box-shadow:0 4px 12px #ef44444d,0 0 20px #ef444433}.liquid-projects-section{min-height:400px;position:relative}.liquid-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;-webkit-backdrop-filter:var(--glass-blur-strong) var(--glass-saturation);backdrop-filter:var(--glass-blur-strong) var(--glass-saturation)}.liquid-loading-spinner{display:flex;gap:.5rem;margin-bottom:1.5rem}.spinner-ring{width:12px;height:12px;border:2px solid rgba(59,130,246,.3);border-top:2px solid var(--accent-blue);border-radius:50%;animation:liquid-spin 1s linear infinite}.spinner-ring:nth-child(2){animation-delay:.1s}.spinner-ring:nth-child(3){animation-delay:.2s}@keyframes liquid-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);margin:0;font-size:.875rem}.liquid-empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;-webkit-backdrop-filter:var(--glass-blur-strong) var(--glass-saturation);backdrop-filter:var(--glass-blur-strong) var(--glass-saturation)}.liquid-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));color:#fff;margin-bottom:1.5rem;animation:liquid-float 3s ease-in-out infinite}.liquid-empty-title{font-size:1.5rem;font-weight:600;margin:0 0 1rem;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.liquid-empty-desc{color:var(--text-secondary);margin:0 0 2.5rem;max-width:450px;font-size:1rem;line-height:1.6}.liquid-empty-action-button{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));border:none;color:#fff;font-weight:600;padding:12px 24px}.liquid-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;animation:liquid-grid-appear .6s ease-out}@keyframes liquid-grid-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.liquid-project-card{padding:1.75rem;cursor:pointer;transition:all var(--liquid-duration-normal) cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturation);backdrop-filter:var(--glass-blur) var(--glass-saturation);display:flex;flex-direction:column;height:100%;animation:liquid-card-appear .6s ease-out forwards;opacity:0;box-shadow:0 4px 16px #0000001a,0 2px 8px #0000000d,inset 0 1px #ffffff14;gap:1rem}@keyframes liquid-card-appear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.liquid-project-card:hover{transform:translateY(-3px) scale(1.015);border-color:var(--accent-blue);box-shadow:0 8px 24px #00000026,0 4px 12px var(--accent-blue-glow),0 0 20px #3b82f61a,inset 0 1px #ffffff1f;filter:brightness(1.03);transition:all var(--liquid-duration-normal) cubic-bezier(.25,.46,.45,.94)}.liquid-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.liquid-project-name{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:600;flex:1;line-height:1.3}.project-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.creation-date{color:var(--text-secondary);font-size:.75rem}.liquid-status-badge{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:var(--text-secondary)}.liquid-status-badge.status-completed{background:#22c55e33;border-color:#22c55e66;color:#4ade80}.liquid-status-badge.status-in-progress{background:#fbbf2433;border-color:#fbbf2466;color:#fbbf24}.liquid-status-badge.status-active{background:#3b82f633;border-color:#3b82f666;color:var(--accent-blue)}.liquid-star-button{padding:.5rem;min-width:40px;min-height:40px;border-radius:50%;background:#ffffff0d;border-color:#ffffff1a;color:var(--text-secondary);flex-shrink:0}.liquid-star-button:hover,.liquid-star-button.starred{color:#fbbf24;background:#fbbf2433;border-color:#fbbf2466;box-shadow:0 4px 12px #fbbf244d,0 0 20px #fbbf2433}.liquid-project-desc{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.875rem;line-height:1.5;flex:1}.liquid-card-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.liquid-action-button{flex:1;padding:.75rem 1rem;font-size:.875rem;font-weight:500;border-radius:50px}.liquid-open-button{background:#3b82f633;border-color:#3b82f666;color:var(--accent-blue)}.liquid-open-button:hover{background:#3b82f64d;border-color:#3b82f699;box-shadow:0 4px 12px #3b82f64d,0 0 20px #3b82f633}.liquid-delete-button{background:#ef444433;border-color:#ef444466;color:#fca5a5}.liquid-delete-button:hover{background:#fff0f014;border-color:#ffc8c833;color:#ffb4b4e6;box-shadow:0 4px 12px #ffb4b426,0 0 20px #ffb4b41a}.liquid-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:liquid-modal-backdrop-appear var(--liquid-duration-normal) ease-out}@keyframes liquid-modal-backdrop-appear{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}}.liquid-create-modal{width:100%;max-width:500px;padding:2rem;-webkit-backdrop-filter:var(--glass-blur-strong) var(--glass-saturation);backdrop-filter:var(--glass-blur-strong) var(--glass-saturation);animation:liquid-modal-appear var(--liquid-duration-normal) cubic-bezier(.4,0,.2,1)}@keyframes liquid-modal-appear{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.liquid-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.liquid-modal-title{font-size:1.5rem;font-weight:600;margin:0;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.liquid-close-button{padding:.5rem;min-width:40px;min-height:40px;border-radius:50%;background:#ffffff0d;border-color:#ffffff1a;color:var(--text-secondary)}.liquid-close-button:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5}.liquid-modal-body{margin-bottom:2rem}.liquid-input-group{margin-bottom:1.5rem}.liquid-input-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-primary)}.liquid-text-input,.liquid-textarea-input{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:var(--text-primary);font-size:.875rem;transition:all var(--liquid-duration-normal) ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box}.liquid-text-input:focus,.liquid-textarea-input:focus{outline:none;border-color:var(--accent-blue);background:#ffffff14;box-shadow:0 0 0 2px #3b82f640,0 4px 12px #3b82f626}.liquid-textarea-input{resize:vertical;min-height:80px}.liquid-modal-footer{display:flex;justify-content:flex-end;gap:1rem}.liquid-cancel-button{background:#ffffff0d;border-color:#ffffff26;color:var(--text-secondary);padding:.75rem 1.5rem}.liquid-cancel-button:hover{background:#ffffff14;border-color:#ffffff40;color:var(--text-primary)}.liquid-submit-button{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));border:none;color:#fff;font-weight:600;padding:.75rem 1.5rem}.liquid-submit-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #0003,0 4px 12px var(--accent-cyan-glow),0 0 20px var(--accent-blue-glow)}.liquid-submit-button:disabled{opacity:.5;cursor:not-allowed;background:#4b55634d;color:var(--text-secondary);transform:none;box-shadow:none}.liquid-btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:liquid-spin 1s linear infinite;margin-right:.5rem}.liquid-glass-button,.liquid-glass-panel,.liquid-project-card{cursor:pointer;transition:all var(--liquid-duration-normal) cubic-bezier(.23,1,.32,1)}.liquid-glass-panel:before,.liquid-glass-button:before{background:linear-gradient(135deg,#ffffff1a,#00d4ff0d,#3b82f60d,#ffffff0d,#ffffff05)}.liquid-glass-button:hover,.liquid-glass-panel:hover{box-shadow:0 8px 32px #0003,0 4px 16px var(--accent-blue-glow),0 0 24px var(--accent-cyan-glow),inset 0 1px #ffffff26}.ai-analyzer-page:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(0,212,255,.06) 0%,transparent 60%),radial-gradient(circle at 75% 75%,rgba(59,130,246,.06) 0%,transparent 60%);z-index:-1;pointer-events:none}.liquid-glass-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 30% 30%,rgba(0,212,255,.03) 1px,transparent 1px);background-size:120px 120px;background-position:0 0;pointer-events:none;z-index:-1}@keyframes liquid-particles{0%{transform:translateY(0)}to{transform:translateY(-60px)}}@media (min-width: 1400px){.floating-nav-container{gap:3rem;padding:0 1rem}.liquid-title-panel{min-width:400px;padding:1.25rem 2.5rem}.liquid-title{font-size:1.75rem}.liquid-projects-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:2rem}}@media (max-width: 1024px){.liquid-main-container{padding:8.5rem 1.5rem 1.5rem}.liquid-control-section{gap:1.75rem;margin-bottom:3.5rem;margin-top:.75rem}.control-header-panel{padding:1.75rem 2rem}.control-header-content{flex-direction:column;align-items:stretch;gap:1.5rem;text-align:center}.section-title{font-size:1.5rem}.primary-create-button{min-width:220px;align-self:center}.view-control-panel{padding:1.25rem 1.75rem}.view-switcher-enhanced{flex-direction:column;gap:1rem;text-align:center}.switcher-options-container{justify-content:center}.liquid-projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.25rem}.liquid-project-card{padding:1.5rem}}@media (max-width: 768px){.liquid-glass-header{padding:1rem 1.5rem}.floating-nav-container{grid-template-columns:auto 1fr auto;gap:1rem}.liquid-title-panel{min-width:250px;padding:.875rem 1.5rem}.liquid-title{font-size:1.25rem}.liquid-subtitle{font-size:.8125rem}.header-controls{gap:.75rem}.liquid-user-badge{min-width:140px}.liquid-user-badge .user-name{max-width:100px;font-size:.8125rem}.liquid-main-container{padding:7.5rem 1rem 1rem}.liquid-control-section{gap:1.5rem;margin-bottom:3rem;margin-top:.5rem}.control-header-panel{padding:1.5rem 1.75rem}.section-title{font-size:1.375rem}.section-subtitle{font-size:.9375rem}.primary-create-button{padding:14px 28px;min-width:200px;font-size:.875rem}.view-control-panel{padding:1rem 1.5rem}.liquid-switcher-option.enhanced{min-width:140px;padding:.875rem 1.25rem}.liquid-switcher-indicator.enhanced.all{width:150px}.liquid-switcher-indicator.enhanced.favorites{left:calc(150px + .875rem);width:150px}.liquid-switcher-option{min-width:120px;padding:.625rem 1rem;font-size:.8125rem}.liquid-switcher-indicator.all{width:120px}.liquid-switcher-indicator.favorites{left:calc(120px + .5rem);width:120px}.liquid-projects-grid{grid-template-columns:1fr;gap:1rem}.liquid-project-card{padding:1.25rem}.liquid-card-actions{gap:.5rem}.liquid-action-button{padding:.625rem .875rem;font-size:.8125rem}}@media (max-width: 480px){.liquid-glass-header{padding:.875rem 1rem}.floating-nav-container{grid-template-columns:1fr;grid-template-areas:"title" "back" "controls";gap:.75rem;text-align:center}.liquid-back-button{grid-area:back;justify-self:start;min-width:120px;padding:.75rem 1rem;font-size:.8125rem}.liquid-title-panel{grid-area:title;justify-self:center;min-width:auto;width:100%;max-width:300px;padding:.75rem 1.25rem}.liquid-title{font-size:1.125rem}.liquid-subtitle{font-size:.75rem}.header-controls{grid-area:controls;justify-self:center;flex-direction:row;justify-content:center;gap:.5rem}.liquid-user-badge{min-width:120px;padding:.625rem 1rem;font-size:.8125rem}.liquid-user-badge .user-name{max-width:80px;font-size:.75rem}.liquid-lang-button{min-width:80px;padding:.625rem 1rem;font-size:.8125rem}.liquid-main-container{padding:13rem .75rem .75rem}.liquid-welcome-card{padding:2rem 1.5rem}.liquid-welcome-title{font-size:1.5rem}.liquid-welcome-desc{font-size:1rem}.liquid-control-section{gap:.875rem;margin-bottom:1.5rem}.control-header-panel{padding:1.25rem 1.5rem}.section-title{font-size:1.25rem}.section-subtitle{font-size:.875rem}.primary-create-button{min-width:180px;padding:12px 24px;font-size:.8125rem}.view-control-panel{padding:.875rem 1.25rem}.view-switcher-enhanced{flex-direction:column;gap:.75rem}.switcher-options-container{flex-direction:column;gap:.5rem}.liquid-switcher-option.enhanced{min-width:auto;width:100%;padding:.875rem 1.25rem;justify-content:center}.liquid-switcher-indicator.enhanced{display:none}.liquid-projects-grid{gap:.875rem}.liquid-project-card{padding:1rem}.liquid-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.liquid-star-button{align-self:flex-end;min-width:36px;min-height:36px;padding:.375rem}.liquid-card-actions{flex-direction:column;gap:.5rem}.liquid-action-button{padding:.75rem;font-size:.8125rem}.liquid-create-modal{padding:1.5rem;margin:.5rem}.liquid-modal-title{font-size:1.25rem}.liquid-modal-footer{flex-direction:column;gap:.75rem}.liquid-cancel-button,.liquid-submit-button{width:100%;justify-content:center}}@media (max-width: 320px){.liquid-glass-header{padding:.75rem}.liquid-main-container{padding:11rem .5rem .5rem}.liquid-welcome-card{padding:1.5rem 1rem}.liquid-welcome-title{font-size:1.25rem}.liquid-title{font-size:1rem}.liquid-project-card{padding:.875rem}.liquid-create-modal{padding:1.25rem;margin:.25rem}}.ai-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden;pointer-events:none}.grid-pattern{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(0,212,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px);background-size:40px 40px;transform:perspective(600px) rotateX(60deg);animation:liquid-grid-movement 80s linear infinite;opacity:.3}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(0,212,255,.15) 2px,transparent 2px),radial-gradient(rgba(59,130,246,.15) 2px,transparent 2px);background-size:80px 80px;background-position:0 0,40px 40px;animation:liquid-particle-movement 100s linear infinite;opacity:.2}.circuit-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.08;overflow:hidden;pointer-events:none}.circuit-pattern:before{content:"";position:absolute;top:10%;right:10%;width:400px;height:400px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' width='400' height='400'%3E%3Cpath fill='none' stroke='%233b82f6' stroke-width='1' d='M100,50 L300,50 L300,150 M300,50 L300,200 L200,200 M200,200 L100,200 L100,350 M200,200 L200,350 L300,350'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}.ai-analyzer-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cpattern id='circuit' patternUnits='userSpaceOnUse' width='800' height='800' patternTransform='scale(1) rotate(0)'%3E%3Cpath fill='none' stroke='%233b82f620' stroke-width='0.5' d='M200,200 L600,200 M400,0 L400,800 M0,400 L800,400'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23circuit)' opacity='0.04'/%3E%3C/svg%3E");z-index:-2;opacity:1;pointer-events:none}.glow-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.15),transparent 70%);pointer-events:none;opacity:.8;animation:glow-pulse 8s ease-in-out infinite alternate}@keyframes glow-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.2)}}@keyframes panel-slide-in{0%{opacity:0;transform:translateY(20px) scale(.99)}50%{opacity:.7;transform:translateY(-1px) scale(1.002)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes panel-slide-in-delayed{0%{opacity:0;transform:translateY(15px) scale(.99)}50%{opacity:.7;transform:translateY(-.5px) scale(1.001)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes content-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes button-press{0%{transform:translateY(-4px) scale(1.03)}50%{transform:translateY(-1px) scale(1.01)}to{transform:translateY(-2px) scale(1.02)}}@keyframes button-glow-pulse{0%{box-shadow:0 8px 25px #0000002e,0 4px 12px var(--accent-cyan-glow),0 0 40px #3b82f640,0 0 80px #00d4ff26}50%{box-shadow:0 12px 35px #00000038,0 6px 16px var(--accent-cyan-glow-strong),0 0 60px #3b82f659,0 0 120px #00d4ff40}to{box-shadow:0 8px 25px #0000002e,0 4px 12px var(--accent-cyan-glow),0 0 40px #3b82f640,0 0 80px #00d4ff26}}@keyframes switcher-activate{0%{transform:scale(1);filter:brightness(1)}40%{transform:scale(1.02);filter:brightness(1.05)}to{transform:scale(1);filter:brightness(1.08) saturate(1.1)}}.floating-nav-buttons{position:fixed;top:0;left:0;right:0;z-index:50;padding:1.5rem 2rem;display:grid;grid-template-columns:minmax(140px,1fr) auto minmax(280px,1fr);grid-template-areas:"left center right";align-items:flex-start;gap:1.5rem;pointer-events:none;min-height:80px;box-sizing:border-box}.floating-nav-buttons>*{pointer-events:auto}.floating-btn{background:#161f31d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.3);border-radius:16px;color:#e5e7eb;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a,inset 0 1px #ffffff1a,inset 0 -1px #0000001a;position:relative;overflow:hidden;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem}.floating-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff05);border-radius:inherit;pointer-events:none;z-index:1}.floating-btn:before{display:none}.floating-btn>*{position:relative;z-index:3}.floating-btn:hover{transform:translateY(-2px) scale(1.02);background:#ffffff1a;border-color:#fff3;box-shadow:0 8px 24px #3b82f626,0 4px 12px #3b82f614,0 0 20px #3b82f61a,inset 0 1px #ffffff1f;filter:brightness(1.05)}.floating-btn:active{transform:translateY(-1px)}.back-floating-btn{grid-area:left;justify-self:start;min-width:140px;max-width:200px}.back-floating-btn .btn-icon{font-size:1.125rem;font-weight:600}.back-floating-btn:hover{transform:translateY(-2px) scale(1.02);background:#ffffff1a;border-color:#34d39966;box-shadow:0 8px 24px #34d39933,0 4px 12px #34d3991f,0 0 20px #34d39926,inset 0 1px #ffffff1f;filter:brightness(1.08)}.floating-title{grid-area:center;justify-self:center;align-self:start;padding:1rem 2rem;background:#161f31d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.3);border-radius:20px;box-shadow:0 6px 16px #00000026,0 3px 8px #0000001a,inset 0 1px #ffffff1a;pointer-events:none;max-width:300px;min-width:200px;white-space:nowrap;text-align:center}.floating-title .page-title{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(90deg,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;text-shadow:0 0 30px rgba(59,130,246,.3);white-space:nowrap}.floating-right-group{grid-area:right;justify-self:end;display:flex;align-items:flex-start;gap:1rem;max-width:400px;min-width:280px;overflow:hidden}.welcome-floating-btn{background:#161f31d9;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(52,211,153,.3);border-radius:16px;color:#e5e7eb;font-size:.875rem;font-weight:500;cursor:pointer;padding:.875rem 1.25rem;min-width:160px;max-width:220px;justify-content:flex-start;flex-shrink:1;display:flex;align-items:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a,0 0 16px #34d39914,inset 0 1px #ffffff14}.welcome-floating-btn:disabled{pointer-events:none;cursor:default}.welcome-floating-btn[style*="visibility: hidden"]{pointer-events:none}.welcome-floating-btn .welcome-icon{font-size:1rem}.welcome-floating-btn .welcome-text{font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;flex-shrink:1}.welcome-floating-btn:hover{transform:translateY(-2px) scale(1.02);background:#161f31e6;border-color:#34d39966;box-shadow:0 6px 16px #00000026,0 0 16px #34d39926,inset 0 1px #ffffff1a;filter:brightness(1.05)}.floating-language-switcher{position:relative;z-index:60;flex-shrink:0}.language-dropdown{position:relative}.language-floating-btn{background:#161f31d9;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(147,51,234,.3);border-radius:16px;color:#e5e7eb;font-size:.875rem;font-weight:500;cursor:pointer;padding:.875rem 1.25rem;min-width:100px;max-width:120px;justify-content:space-between;flex-shrink:0;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a,0 0 16px #9333ea14,inset 0 1px #ffffff14}.language-floating-btn .language-flag{font-size:1rem}.language-floating-btn .language-text{font-size:.8125rem;font-weight:500}.language-floating-btn .dropdown-arrow{font-size:.75rem;transition:transform .3s ease;color:#9ca3af;margin-left:.25rem}.language-floating-btn .dropdown-arrow.open{transform:rotate(180deg)}.language-floating-btn:hover{transform:translateY(-2px) scale(1.02);background:#161f31e6;border-color:#9333ea66;box-shadow:0 6px 16px #00000026,0 0 16px #9333ea26,inset 0 1px #ffffff1a;filter:brightness(1.05)}.floating-language-menu{position:absolute;top:calc(100% + .75rem);right:0;background:#161f31f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.3);border-radius:12px;box-shadow:0 12px 28px #00000040,0 6px 14px #00000026,inset 0 1px #ffffff1a;overflow:hidden;z-index:100;min-width:140px;animation:floating-dropdown-appear .3s cubic-bezier(.4,0,.2,1)}@keyframes floating-dropdown-appear{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.floating-language-menu .language-option{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.125rem;background:none;border:none;color:#e5e7eb;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.floating-language-menu .language-option:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:all .2s ease}.floating-language-menu .language-option:hover{background:#3b82f61a;color:#60a5fa}.floating-language-menu .language-option:hover:before{background:#60a5fa}.floating-language-menu .language-option.active{background:#2563eb26;color:#60a5fa}.floating-language-menu .language-option.active:before{background:#60a5fa}.floating-language-menu .option-flag{font-size:1rem}.floating-language-menu .option-text{flex:1;font-weight:500}.main-content{padding:6rem 2rem 2rem;min-height:100vh;position:relative;z-index:1}.content-container{max-width:1200px;margin:0 auto}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:0;gap:1.5rem;background:transparent;border:none;position:relative}.action-bar>*{position:relative;z-index:2}.create-btn{background:#ffffff0f;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(59,130,246,.3);border-radius:12px;color:#fff;font-size:14px;font-weight:500;padding:10px 20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:1;box-shadow:0 4px 20px #0003,0 2px 8px #3b82f626,inset 0 1px #ffffff26;background-image:radial-gradient(circle at 25% 25%,rgba(59,130,246,.1) 0%,transparent 40%);text-shadow:0 0 8px rgba(59,130,246,.2);display:flex;align-items:center;gap:.75rem}.create-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff05);border-radius:inherit;pointer-events:none;z-index:1}.create-btn:before{display:none}.create-btn>*{position:relative;z-index:3}.create-btn:hover:not(.disabled){transform:translateY(-2px) scale(1.02);background:#ffffff1a;border-color:#3b82f666;box-shadow:0 6px 20px #3b82f633,0 0 20px #3b82f626,inset 0 1px #ffffff26;filter:brightness(1.05);text-shadow:0 0 12px rgba(59,130,246,.4)}.filter-tabs{display:flex;gap:.75rem}.tab-btn{background:#161f31b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(75,85,99,.3);border-radius:10px;color:#9ca3af;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff0d;position:relative;overflow:hidden}.tab-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:inherit;pointer-events:none}.tab-btn:hover{transform:translateY(-1px);background:#161f31cc;color:#e5e7eb;border-color:#4b556380;box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff1a}.tab-btn.active{background:#3b82f633;color:#60a5fa;border-color:#3b82f680;box-shadow:0 4px 12px #3b82f633,0 0 20px #3b82f61a,inset 0 1px #ffffff1a}.error-message{background:#161f31d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(239,68,68,.4);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;color:#fca5a5;box-shadow:0 8px 32px #ef44441a,0 4px 16px #0003,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.error-message:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:inherit;pointer-events:none}.error-message>*{position:relative;z-index:1}.retry-btn{background:#161f31b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff0d;position:relative;overflow:hidden}.retry-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:inherit;pointer-events:none}.retry-btn:hover{transform:translateY(-2px);background:#ef444433;border-color:#ef444499;box-shadow:0 4px 12px #ef44444d,0 0 20px #ef444433,inset 0 1px #ffffff1a}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#161f31d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.3);border-radius:16px;box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.loading-state:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff05);border-radius:inherit;pointer-events:none}.loading-state>*{position:relative;z-index:1}.spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.3);border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem;box-shadow:0 0 20px #3b82f64d}.loading-state p{color:#9ca3af;margin:0;font-size:.875rem}.projects-section{min-height:400px;position:relative;background-image:radial-gradient(circle at 20% 20%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.02) 0%,transparent 50%)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#161f31d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.3);border-radius:16px;box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.empty-state:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff05);border-radius:inherit;pointer-events:none}.empty-state>*{position:relative;z-index:1}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.8;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h3{color:#e5e7eb;margin:0 0 1rem;font-size:1.5rem;font-weight:600;background:linear-gradient(90deg,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state p{color:#9ca3af;margin:0 0 2.5rem;max-width:450px;font-size:1rem;line-height:1.6}.projects-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-top:.5rem}.project-item{background:#161f31d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.3);border-radius:16px;padding:1.75rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #0000001f,0 4px 12px #00000014,0 0 20px #3b82f60f,inset 0 1px #ffffff14;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.project-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff05);border-radius:inherit;pointer-events:none;z-index:1}.project-item>*{position:relative;z-index:2}.project-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #00000026,0 6px 16px #0000001a,0 0 24px #3b82f61a,inset 0 1px #ffffff1f;border-color:#3b82f666}.project-info{flex:1;cursor:pointer}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.project-title{color:#e5e7eb;margin:0;font-size:1.25rem;font-weight:600;flex:1;line-height:1.3}.star-button{background:#161f31b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(75,85,99,.3);color:#9ca3af;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff0d;position:relative;overflow:hidden;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.star-button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:inherit;pointer-events:none}.star-button:hover{transform:translateY(-2px) scale(1.1);color:#fbbf24;background:#fbbf2433;border-color:#fbbf2480;box-shadow:0 4px 12px #fbbf244d,0 0 20px #fbbf2433,inset 0 1px #ffffff1a}.star-button.starred{color:#fbbf24;background:#fbbf2433;border-color:#fbbf2480;box-shadow:0 4px 12px #fbbf244d,0 0 20px #fbbf2433,inset 0 1px #ffffff1a;text-shadow:0 0 10px rgba(251,191,36,.5)}.project-desc{color:#9ca3af;margin:0 0 1rem;font-size:.875rem;line-height:1.5;flex:1}.project-date{color:#6b7280;font-size:.75rem;margin-bottom:1.5rem}.project-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(75,85,99,.3)}.action-button{background:#161f31b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(75,85,99,.3);color:#9ca3af;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff0d;position:relative;overflow:hidden;flex:1}.action-button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:inherit;pointer-events:none}.action-button:hover{transform:translateY(-2px);color:#e5e7eb;box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff1a}.action-button.open:hover{background:#3b82f633;border-color:#3b82f680;color:#60a5fa;box-shadow:0 4px 12px #3b82f64d,0 0 20px #3b82f633,inset 0 1px #ffffff1a}.action-button.delete:hover{background:#ef444433;border-color:#ef444480;color:#fca5a5;box-shadow:0 4px 12px #ef44444d,0 0 20px #ef444433,inset 0 1px #ffffff1a}@media (max-width: 1024px){.projects-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}}@media (max-width: 768px){.main-content{padding:6rem 1rem 1rem}.action-bar{flex-direction:column;gap:1.5rem;align-items:stretch;padding:1.25rem}.filter-tabs{justify-content:center}.projects-list{grid-template-columns:1fr;gap:1rem}.project-item{padding:1.25rem}.project-header{margin-bottom:.75rem}.project-title{font-size:1.125rem}.project-actions{gap:.5rem;padding-top:.75rem}.action-button{padding:.5rem 1rem;font-size:.75rem}}@media (max-width: 480px){.main-content{padding:12rem .75rem .75rem}.action-bar{padding:1rem}.filter-tabs{gap:.5rem}.tab-btn{flex:1;padding:.5rem .75rem;font-size:.75rem}.project-item{padding:1rem}.project-header{flex-direction:column;align-items:flex-start;gap:.75rem}.star-button{align-self:flex-end;min-width:36px;min-height:36px;padding:.375rem}.project-actions{flex-direction:column;gap:.5rem}.action-button{padding:.625rem;font-size:.75rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-content{background:#1f2937;border-radius:12px;padding:2rem;width:100%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid rgba(75,85,99,.5);position:relative;overflow:hidden}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#3b82f6,#34d399,transparent)}.modal-content h2{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;color:#e5e7eb}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#e5e7eb}input[type=text],textarea{width:100%;padding:.75rem;background:#374151;border:1px solid rgba(75,85,99,.5);border-radius:8px;color:#e5e7eb;font-size:.875rem;transition:all .2s ease}input[type=text]:focus,textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn-secondary{background:#37415180;color:#e5e7eb;border:1px solid rgba(75,85,99,.5);border-radius:8px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#374151b3}.btn-primary{background:linear-gradient(135deg,#2563ebcc,#4f46e5cc);color:#fff;border:none;border-radius:8px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #0000001a,0 1px 3px #0000001a}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563ebe6,#4f46e5e6);transform:translateY(-1px);box-shadow:0 6px 12px #00000026,0 2px 4px #0000001a}.btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (min-width: 1400px){.floating-nav-buttons{padding:1.5rem 3rem;grid-template-columns:1fr auto 1fr;gap:2rem}.floating-title{max-width:400px}.floating-right-group{max-width:500px}.welcome-floating-btn{min-width:200px;max-width:280px}.welcome-floating-btn .welcome-text{max-width:160px}}@media (max-width: 768px){.floating-nav-buttons{padding:1rem;grid-template-columns:auto 1fr auto;grid-template-areas:"left center right";gap:.75rem;min-height:60px}.floating-title{max-width:250px;padding:.75rem 1.5rem}.floating-title .page-title{font-size:1.25rem}.back-floating-btn{min-width:120px;max-width:140px}.floating-right-group{gap:.75rem;max-width:300px}.welcome-floating-btn{min-width:140px;max-width:180px}.welcome-floating-btn .welcome-text{max-width:100px;font-size:.75rem}.language-floating-btn{min-width:90px;max-width:100px}}@media (max-width: 480px){.floating-nav-buttons{padding:.75rem;grid-template-columns:1fr;grid-template-areas:"center" "left" "right";gap:.75rem;min-height:auto;text-align:center}.floating-btn{padding:.625rem 1rem;font-size:.8125rem}.floating-title{padding:.75rem 1.5rem;max-width:none;justify-self:center}.floating-title .page-title{font-size:1.125rem}.back-floating-btn{justify-self:start;min-width:100px;max-width:120px}.back-floating-btn .btn-text{display:none}.floating-right-group{justify-self:center;flex-direction:row;justify-content:center;gap:.5rem;max-width:none}.welcome-floating-btn{min-width:120px;max-width:160px;justify-content:center}.welcome-floating-btn .welcome-text{font-size:.75rem;max-width:80px}.language-floating-btn{min-width:80px;max-width:90px;justify-content:center}.language-floating-btn .language-text{font-size:.75rem}.modal-content{padding:1.5rem}}.login-prompt-modal{max-width:400px;text-align:center}.login-prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(75,85,99,.3)}.login-prompt-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#e5e7eb}.modal-close-btn{background:none;border:none;color:#9ca3af;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close-btn:hover{color:#e5e7eb;background:#4b55634d}.login-prompt-body{margin-bottom:2rem}.login-prompt-icon{font-size:3rem;margin-bottom:1rem;opacity:.8}.login-prompt-message{color:#d1d5db;font-size:.875rem;line-height:1.5;margin:0}.login-prompt-actions{display:flex;gap:1rem;justify-content:center}.login-prompt-actions .btn-secondary,.login-prompt-actions .btn-primary{flex:1;max-width:120px}.create-btn.disabled{opacity:.5;cursor:not-allowed;background:#4b55634d!important;color:#9ca3af!important;box-shadow:none!important;transform:none!important}.create-btn.disabled:hover{transform:none!important;box-shadow:none!important;background:#4b55634d!important}@media (max-width: 768px){.login-prompt-modal{max-width:calc(100vw - 2rem)}.login-prompt-actions{flex-direction:column}.login-prompt-actions .btn-secondary,.login-prompt-actions .btn-primary{max-width:none}}:root{--primary-color: #4dc8ff;--primary-dark: #2196f3;--primary-light: #77d5ff;--secondary-color: #00ff88;--accent-color: #64b5f6;--bg-primary: #0f1419;--bg-secondary: #1a1f2e;--bg-tertiary: #2a2f3e;--bg-surface: rgba(26, 31, 46, .95);--bg-glass: rgba(26, 31, 46, .8);--bg-panel: rgba(42, 47, 62, .9);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .9);--text-muted: rgba(255, 255, 255, .7);--text-accent: var(--primary-color);--border-primary: rgba(77, 200, 255, .2);--border-secondary: rgba(255, 255, 255, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--shadow-xl: 0 16px 64px rgba(0, 0, 0, .25);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}html.ai-project-active,body.ai-project-active{background-color:var(--bg-primary)!important;overscroll-behavior:none}.ai-project-page{min-height:100vh;background:radial-gradient(circle at 20% 80%,rgba(77,200,255,.06) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,136,.04) 0%,transparent 50%),linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);position:relative;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);overscroll-behavior:none;line-height:1.6}.ai-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden;background:var(--bg-primary)}.tech-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,transparent 98%,rgba(77,200,255,.1) 98%),linear-gradient(0deg,transparent 98%,rgba(77,200,255,.1) 98%);background-size:80px 80px;opacity:.3;animation:gridPulse 8s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:.2}50%{opacity:.4}}.ai-header{position:relative;z-index:100;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-secondary);box-shadow:var(--shadow-md)}.header-container{max-width:1400px;margin:0 auto;padding:var(--spacing-lg *.8) var(--spacing-xl *.8);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:var(--spacing-lg)}.header-left{display:flex;justify-content:flex-start}.header-center{display:flex;flex-direction:column;align-items:center;text-align:center}.header-right{display:flex;justify-content:flex-end}.back-button{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:var(--bg-panel);border-color:var(--border-primary);color:var(--text-primary);transform:translate(-2px);box-shadow:var(--shadow-md)}.back-button svg{transition:transform var(--transition-normal)}.back-button:hover svg{transform:translate(-2px)}.project-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-status{display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px;color:var(--text-muted)}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--secondary-color);box-shadow:0 0 8px #0f86;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.language-selector{position:relative}.language-trigger{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:120px}.language-trigger:hover{background:var(--bg-panel);border-color:var(--border-primary);color:var(--text-primary);box-shadow:var(--shadow-md)}.language-flag{font-size:16px}.language-name{flex:1}.dropdown-icon{transition:transform var(--transition-normal)}.dropdown-icon.open{transform:rotate(180deg)}.language-menu{position:absolute;top:calc(100% + var(--spacing-sm));right:0;background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);z-index:1000;min-width:180px;overflow:hidden;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.language-option{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:14px;font-weight:500;text-align:left}.language-option:hover{background:var(--bg-panel);color:var(--text-primary)}.language-option.active{background:#4dc8ff1a;color:var(--primary-color)}.check-icon{color:var(--primary-color)}.ai-main{position:relative;z-index:10;padding:var(--spacing-2xl) 0;min-height:calc(100vh - 120px)}.ai-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl)}.content-layout{display:flex;flex-direction:column;gap:0;align-items:stretch;transition:all var(--transition-slow);max-width:900px;margin:0 auto;padding:var(--spacing-xl) 0}.content-layout.dual-panel{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.content-layout.results-focused{grid-template-columns:1fr;max-width:900px;margin:0 auto}.content-layout.results-focused .input-panel.hidden{display:none}.input-panel,.results-panel{background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);overflow:hidden;width:90%;margin:0 auto}.input-panel:hover,.results-panel:hover{border-color:var(--border-primary);box-shadow:var(--shadow-xl);transform:translateY(-1px)}.panel-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.header-info h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-info p{font-size:14px;color:var(--text-muted);margin:0;line-height:1.4}.input-meta,.results-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:12px;color:var(--text-muted)}.char-count,.results-count{padding:var(--spacing-xs) var(--spacing-sm);background:#4dc8ff1a;border-radius:var(--radius-sm);font-weight:600;color:var(--primary-color);min-width:24px;text-align:center}.view-toggle-button{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--bg-panel);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.view-toggle-button:hover{background:var(--bg-surface);border-color:var(--border-primary);color:var(--text-primary)}.input-content{padding:var(--spacing-xl)}.input-textarea{width:100%;min-height:360px;background:#ffffff05;border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);color:var(--text-primary);font-size:14px;line-height:1.6;resize:vertical;transition:all var(--transition-normal);font-family:inherit;font-weight:400}.input-textarea:focus{outline:none;border-color:var(--border-primary);box-shadow:0 0 0 3px #4dc8ff1a;background:#ffffff0a}.input-textarea::placeholder{color:var(--text-muted);font-style:italic}.quick-inputs{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-md)}.quick-input-chip{background:#ffffff0d;border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.quick-input-chip:hover{background:#4dc8ff1a;border-color:var(--border-primary);color:var(--primary-color);transform:translateY(-1px)}.input-actions{padding:var(--spacing-xl);border-top:1px solid var(--border-secondary);display:flex;gap:var(--spacing-md);align-items:center}.loading-spinner{width:20px;height:20px;border:2px solid rgba(15,25,40,.2);border-top:2px solid var(--bg-primary);border-radius:50%;animation:spin 1s linear infinite}.results-content{padding:var(--spacing-xl)}.empty-state,.error-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);color:var(--text-muted)}.empty-icon,.error-icon{margin-bottom:var(--spacing-lg);color:var(--border-primary);opacity:.6;animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.empty-state h3,.error-state h4{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0}.empty-state p,.error-state p{font-size:14px;color:var(--text-muted);margin:0 0 var(--spacing-lg) 0;line-height:1.5}.error-state{background:#ff47570d;border:1px solid rgba(255,71,87,.1);border-radius:var(--radius-md);margin:var(--spacing-lg)}.error-state .error-icon,.error-state h4{color:#ff4757}.retry-button{display:flex;align-items:center;gap:var(--spacing-xs);background:#ff47571a;border:1px solid rgba(255,71,87,.2);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);color:#ff4757;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);margin:0 auto}.retry-button:hover{background:#ff475726;border-color:#ff47574d;transform:translateY(-1px)}.analysis-results{background:transparent}.summary-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:#4dc8ff0d;border:1px solid rgba(77,200,255,.1);border-radius:var(--radius-md)}.summary-section h4{font-size:1rem;font-weight:600;color:var(--primary-color);margin:0 0 var(--spacing-sm) 0}.summary-text{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-secondary)}.results-header h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.results-actions{display:flex;align-items:center;gap:var(--spacing-md)}.export-button{display:flex;align-items:center;justify-content:center;background:var(--bg-panel);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);padding:var(--spacing-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);width:36px;height:36px}.export-button:hover{background:var(--bg-surface);border-color:var(--border-primary);color:var(--primary-color);transform:translateY(-1px)}.edit-hint{font-size:11px;color:var(--text-muted);font-style:italic}.results-grid{display:flex;flex-direction:column;gap:var(--spacing-lg)}.result-category{background:#ffffff05;border:1px solid var(--border-secondary);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-normal)}.result-category:hover{border-color:var(--border-primary);background:#ffffff08;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.category-header{padding:var(--spacing-lg) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-secondary);background:#4dc8ff05}.category-info{display:flex;align-items:center;gap:var(--spacing-md)}.category-info h4{color:var(--primary-color);margin:0;font-size:.95rem;font-weight:600}.item-count{background:#4dc8ff1a;color:var(--primary-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-xl);font-size:11px;font-weight:600;min-width:20px;text-align:center}.add-item-button{background:#4dc8ff14;border:1px solid rgba(77,200,255,.2);border-radius:var(--radius-sm);padding:var(--spacing-xs);color:var(--primary-color);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:28px;height:28px;opacity:.7}.add-item-button:hover{background:#4dc8ff1f;border-color:#4dc8ff40;opacity:1;transform:scale(1.02)}.result-items{padding:var(--spacing-lg) var(--spacing-xl);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);min-height:60px;align-items:flex-start}.result-item{position:relative;display:flex;align-items:center;gap:var(--spacing-xs);background:#4dc8ff0f;border:1px solid rgba(77,200,255,.15);border-radius:var(--radius-xl);padding:2px;transition:all var(--transition-fast);animation:itemFadeIn .3s ease-out}@keyframes itemFadeIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.result-item:hover{background:#4dc8ff14;border-color:#4dc8ff33;transform:translateY(-1px);box-shadow:0 1px 4px #4dc8ff14}.result-tag{background:transparent;border:none;color:var(--primary-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:12px;font-weight:500;cursor:text;outline:none;min-width:20px;text-align:center;transition:all var(--transition-fast)}.result-tag:hover{background:#4dc8ff14}.result-tag:focus{background:#4dc8ff1f;box-shadow:0 0 0 2px #4dc8ff33}.delete-item-button{background:#ff47571a;border:1px solid rgba(255,71,87,.2);border-radius:50%;padding:var(--spacing-xs);color:#ff4757cc;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);width:20px;height:20px}.result-item:hover .delete-item-button{opacity:1;transform:scale(1)}.delete-item-button:hover{background:#ff475726;border-color:#ff47574d;transform:scale(1.1)}.site-selection-section{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-2xl);padding:0 var(--spacing-xl) var(--spacing-2xl) var(--spacing-xl);animation:fadeInUp .8s ease-out .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.site-selection-button{position:relative;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border:2px solid var(--primary-color);border-radius:var(--radius-lg);padding:0;cursor:pointer;transition:all var(--transition-normal);overflow:hidden;box-shadow:var(--shadow-lg);min-width:280px;height:70px}.site-selection-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.site-selection-button:hover{transform:translateY(-2px) scale(1.01);border-color:var(--primary-light);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%);box-shadow:0 8px 20px #4dc8ff33,0 4px 12px #4dc8ff26}.site-selection-button:hover:before{left:100%}.site-selection-button:active{transform:translateY(-1px) scale(1.01);box-shadow:var(--shadow-md)}.button-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);height:100%;color:var(--bg-primary);font-weight:600;font-size:16px;letter-spacing:.5px;text-transform:uppercase;transition:all var(--transition-normal)}.site-selection-button:hover .button-content{color:var(--bg-primary);text-shadow:0 2px 4px rgba(0,0,0,.2)}.button-content svg{transition:all var(--transition-normal);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.site-selection-button:hover .button-content svg{transform:scale(1.05) rotate(2deg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@media (max-width: 1200px){.content-layout.dual-panel{gap:var(--spacing-lg)}.site-selection-section{margin-top:var(--spacing-xl);padding:0 var(--spacing-lg) var(--spacing-xl) var(--spacing-lg)}.site-selection-button{min-width:260px;height:65px}.button-content{font-size:15px}}@media (max-width: 1024px){.content-layout.dual-panel{grid-template-columns:1fr;gap:var(--spacing-lg)}.content-layout.results-focused{max-width:100%}.header-container{grid-template-columns:1fr;gap:var(--spacing-md);text-align:center}.header-left,.header-right{justify-content:center}.project-title{font-size:1.6rem}.language-menu{right:auto;left:50%;transform:translate(-50%)}.edit-hint{display:none}}@media (max-width: 768px){.ai-container{padding:0 var(--spacing-md)}.header-container{padding:var(--spacing-lg) var(--spacing-md)}.back-button,.language-trigger{padding:var(--spacing-sm) var(--spacing-md);font-size:13px}.project-title{font-size:1.4rem}.language-menu{min-width:200px}.input-panel,.results-panel{border-radius:var(--radius-md)}.panel-header{padding:var(--spacing-lg) var(--spacing-lg)}.header-info h2{font-size:1.2rem}.input-content{padding:var(--spacing-lg)}.input-textarea{min-height:280px;padding:var(--spacing-md)}.quick-inputs{gap:var(--spacing-xs)}.quick-input-chip{font-size:10px;padding:var(--spacing-xs) var(--spacing-sm)}.input-actions{flex-direction:column;padding:var(--spacing-lg);gap:var(--spacing-md)}.analyze-button.primary,.clear-button.secondary{width:100%;justify-content:center}.results-content{padding:var(--spacing-lg)}.results-grid{gap:var(--spacing-md)}.category-header{padding:var(--spacing-md) var(--spacing-lg)}.result-items{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-xs)}.add-item-button{width:24px;height:24px}.result-item{gap:2px}.result-tag{padding:var(--spacing-xs) var(--spacing-sm);font-size:11px}.delete-item-button{width:18px;height:18px}.site-selection-section{margin-top:var(--spacing-lg);padding:0 var(--spacing-md) var(--spacing-lg) var(--spacing-md)}.site-selection-button{min-width:240px;height:60px}.button-content{font-size:14px;gap:var(--spacing-sm)}}@media (max-width: 480px){.ai-container{padding:0 var(--spacing-sm)}.header-container{padding:var(--spacing-md) var(--spacing-sm);gap:var(--spacing-sm)}.project-title{font-size:1.2rem}.content-layout.dual-panel{gap:var(--spacing-md)}.panel-header{padding:var(--spacing-md)}.header-info h2{font-size:1.1rem}.input-content{padding:var(--spacing-md)}.input-textarea{min-height:240px;padding:var(--spacing-sm);font-size:13px}.input-actions,.results-content{padding:var(--spacing-md)}.content-layout.results-focused{max-width:100%}.result-item{padding:1px}.result-tag{padding:3px 6px;font-size:10px}.delete-item-button{width:16px;height:16px}.add-item-button{width:20px;height:20px;padding:3px}.results-actions{gap:var(--spacing-sm)}.export-button{width:32px;height:32px;padding:var(--spacing-xs)}.site-selection-section{margin-top:var(--spacing-md);padding:0 var(--spacing-sm) var(--spacing-md) var(--spacing-sm)}.site-selection-button{min-width:220px;height:55px}.button-content{font-size:13px;gap:var(--spacing-sm);letter-spacing:.3px}.button-content svg{width:20px;height:20px}}.site-selection-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.site-selection-modal{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080;max-width:95vw;max-height:90vh;width:1200px;overflow:hidden;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.modal-header-left{display:flex;align-items:center;gap:2rem;flex:1}.view-toggle-controls{display:flex;gap:.5rem;background:#ffffff0d;border-radius:8px;padding:.25rem;border:1px solid rgba(255,255,255,.1)}.view-toggle-controls .view-toggle-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#ffffffb3;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-toggle-controls .view-toggle-btn:hover{background:#ffffff1a;color:#4dc8ff}.view-toggle-controls .view-toggle-btn.active{background:#4dc8ff33;color:#4dc8ff;border:1px solid rgba(77,200,255,.3)}.modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0;background:linear-gradient(135deg,#fff,#4dc8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.modal-close-btn:hover{background:#ffffff1a;transform:scale(1.1)}.modal-content{padding:2rem;max-height:calc(90vh - 100px);overflow-y:auto}.prospecting-results h3{color:#fff;font-size:1.3rem;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#4dc8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results-subtitle{color:#ffffffb3;margin-bottom:2rem;font-size:.9rem}.parcels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.parcel-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.parcel-card:hover{transform:translateY(-2px);border-color:#4dc8ff4d;box-shadow:0 8px 32px #4dc8ff1a}.parcel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.06)}.parcel-header h4{color:#4dc8ff;margin:0;font-size:1rem;font-weight:600}.parcel-rank{background:linear-gradient(135deg,#4dc8ff,#00d4ff);color:#0a0f1c;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:700}.parcel-info{margin-bottom:1rem}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem}.info-row .label{color:#ffffffb3;font-weight:500}.info-row .value{color:#fff;font-weight:600}.cost-breakdown{margin-bottom:1.5rem}.cost-breakdown h5{color:#4dc8ff;margin:0 0 .75rem;font-size:.9rem;font-weight:600}.breakdown-items{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;padding:.25rem 0}.breakdown-item span:first-child{color:#fff9}.breakdown-item span:last-child{color:#fff;font-weight:500}.select-parcel-btn{width:100%;background:linear-gradient(135deg,#4dc8ff26,#4dc8ff40);border:1px solid rgba(77,200,255,.3);color:#4dc8ff;padding:.75rem 1rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.select-parcel-btn:hover:not(:disabled){background:linear-gradient(135deg,#4dc8ff40,#4dc8ff59);border-color:#4dc8ff80;color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #4dc8ff33}.select-parcel-btn:disabled{opacity:.5;cursor:not-allowed}.financial-analysis-results{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.financial-analysis-results h3{color:#fff;font-size:1.3rem;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.financial-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.summary-item .label{color:#ffffffb3;font-size:.8rem;font-weight:500;margin-bottom:.5rem;display:block}.summary-item .value{color:#0f8;font-size:1.2rem;font-weight:700}.map-view-container{padding:0}.map-view-container h3{color:#fff;font-size:1.3rem;margin-bottom:.5rem;padding:0 2rem;background:linear-gradient(135deg,#fff,#4dc8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.map-view-container .results-subtitle{color:#ffffffb3;margin-bottom:2rem;font-size:.9rem;padding:0 2rem}.modal-map{border-radius:0;border:none;box-shadow:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1rem}.form-section{display:flex;flex-direction:column;gap:.5rem;width:100%;padding:.75rem;background:#ffffff05;border-radius:var(--radius-md);transition:all .3s ease;align-items:center}.form-section .input-field{width:95%;padding:.75rem 1rem;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);background:#ffffff08;color:var(--text-primary);font-size:.9rem;line-height:1.4;transition:all .3s ease;box-shadow:0 1px 4px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:22px;max-height:40px;resize:vertical}.form-section .input-field:hover{border-color:var(--border-primary);background:#ffffff0a}.form-section .input-field:focus{outline:none;border-color:var(--primary-color);background:#ffffff0d;box-shadow:0 0 0 2px #4dc8ff1a}.form-section .input-field::placeholder{color:#fff6;font-style:italic}.file-input-container{display:flex;align-items:center;gap:.75rem;margin:1rem 0;width:95%;padding:.5rem;background:#ffffff05;border-radius:var(--radius-md);transition:all .3s ease;justify-content:center}.file-input-label{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border:none;border-radius:var(--radius-sm);padding:.75rem 1.5rem;color:var(--bg-primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.file-input-label:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%)}.file-input-label svg{width:18px;height:18px;color:var(--bg-primary)}.file-input{display:none}.file-name{color:var(--text-muted);font-size:.85rem;font-style:italic;margin-left:.5rem;padding:.25rem .75rem;background:#ffffff08;border-radius:var(--radius-sm);border:1px solid var(--border-secondary)}.file-name.has-file{color:var(--primary-color);background:#4dc8ff1a;border-color:var(--primary-color)}.form-actions{display:flex;gap:1rem;margin-top:1rem;padding:1rem;background:#ffffff05;border-radius:var(--radius-md);justify-content:center}.analyze-button.primary{flex:2;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border:none;border-radius:var(--radius-md);padding:.8rem 1.6rem;color:var(--bg-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;max-width:none;box-shadow:0 4px 15px #0003;position:relative;overflow:hidden}.analyze-button.primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.analyze-button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0000002e;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%)}.analyze-button.primary:hover:not(:disabled):before{left:100%}.analyze-button.primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.clear-button.secondary{flex:1;display:flex;align-items:center;gap:.5rem;background:var(--bg-panel);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:.6rem 1.2rem;color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;max-width:none;box-shadow:0 2px 8px #0000001a}.clear-button.secondary:hover:not(:disabled){background:var(--bg-surface);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 6px #0000001f}.clear-button.secondary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width: 768px){.form-actions{flex-direction:column;gap:.75rem}.analyze-button.primary,.clear-button.secondary{width:100%;max-width:none}}.analysis-form{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;max-width:720px;margin:0 auto;width:90%;background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.form-sections-container{background:#ffffff05;border-radius:var(--radius-md);padding:1.5rem;box-shadow:0 2px 8px #0000001a}.form-section{display:flex;flex-direction:column;gap:.5rem;width:100%;padding:.75rem 0;transition:all .3s ease;align-items:center}.form-section:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:.5rem;padding-bottom:1rem}.form-section label{font-weight:600;color:var(--text-primary);font-size:.9rem;display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;width:calc(95% + 4px);margin-right:-4px}.form-section label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--primary-color) 0%,transparent 100%);opacity:.2}.form-section .input-field{width:90%;padding:.75rem 1rem;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);background:#ffffff08;color:var(--text-primary);font-size:.9rem;line-height:1.4;transition:all .3s ease;box-shadow:0 1px 4px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:22px;max-height:40px;resize:vertical}.file-input-container{display:flex;align-items:center;gap:.75rem;margin:1rem 0;width:95%;padding:.5rem;transition:all .3s ease;justify-content:center}.results-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;animation:fadeIn .3s ease}.results-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:1200px;max-height:90vh;background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:10000;display:flex;flex-direction:column;animation:slideUp .3s ease;overflow:hidden;transition:none;transform:translate(-50%,-50%)!important}.results-panel .results-content{flex:1;overflow-y:auto;max-height:70vh;padding:var(--spacing-xl)}.tab-container{display:flex;background:var(--bg-surface);border:1px solid var(--border-secondary);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;margin:0 auto;position:relative;z-index:2;box-shadow:var(--shadow-sm);width:90%}.tab-item{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--bg-panel);border:none;border-right:1px solid var(--border-secondary);color:var(--text-muted);font-size:14px;font-weight:500;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all var(--transition-normal);position:relative;min-height:48px}.tab-item:last-child{border-right:none}.tab-item:hover{background:var(--bg-surface);color:var(--text-secondary)}.tab-item.active{background:var(--bg-surface);color:var(--primary-color);border-bottom:2px solid var(--primary-color);box-shadow:0 2px 8px #4dc8ff1a}.tab-item.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(77,200,255,.05) 0%,transparent 100%);pointer-events:none}.tab-icon{width:18px;height:18px;flex-shrink:0;transition:all var(--transition-normal)}.tab-item.active .tab-icon{color:var(--primary-color);transform:scale(1.1)}.tab-label{font-weight:600;letter-spacing:.5px;transition:all var(--transition-normal)}.tab-item.active .tab-label{color:var(--primary-color);text-shadow:0 0 8px rgba(77,200,255,.3)}.tab-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%);transition:all var(--transition-normal);transform:translate(-50%)}.tab-item.active:after{width:100%}.tab-item:hover .tab-icon{transform:scale(1.05)}.tab-item:hover .tab-label{color:var(--text-primary)}.tab-item:focus{outline:2px solid var(--primary-color);outline-offset:-2px;box-shadow:0 0 0 4px #4dc8ff1a}.tab-item:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#4dc8ff1a;border-radius:50%;transition:all .3s ease;transform:translate(-50%,-50%);pointer-events:none}.tab-item:active:before{width:100px;height:100px}@media (max-width: 768px){.tab-container{border-radius:var(--radius-md) var(--radius-md) 0 0}.tab-item{padding:var(--spacing-sm) var(--spacing-md);font-size:13px;min-height:44px}.tab-icon{width:16px;height:16px}.tab-label{font-size:12px}}@media (max-width: 480px){.tab-item{padding:var(--spacing-xs) var(--spacing-sm);font-size:12px;min-height:40px;gap:var(--spacing-xs)}.tab-icon{width:14px;height:14px}.tab-label{font-size:11px;letter-spacing:.3px}}.input-panel{border-top-left-radius:0;border-top-right-radius:0;margin-top:0;border-top:none;box-shadow:var(--shadow-lg)}.input-panel .panel-header{border-top:none}.toggle-switch{display:none}.email-input-container{display:flex;flex-direction:column;gap:var(--spacing-md);background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal);width:100%;box-sizing:border-box;max-width:720px;margin:0 auto}.email-input-container:hover{border-color:var(--border-primary);box-shadow:var(--shadow-md)}.email-input-header{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-secondary);width:100%;justify-content:center}.email-input-header svg{color:var(--primary-color);flex-shrink:0}.email-input-title{font-size:16px;font-weight:600;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.email-textarea{min-height:200px!important;width:100%!important;box-sizing:border-box;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);font-size:14px;line-height:1.6;resize:vertical;transition:all var(--transition-normal);font-family:inherit;margin:0 auto;display:block}.email-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4dc8ff1a;background:var(--bg-panel);outline:none}.email-textarea::placeholder{color:var(--text-muted);font-style:italic;line-height:1.5}.email-input-tips{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-secondary);width:100%;align-items:center}.tip-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-secondary);transition:all var(--transition-normal)}.tip-item:hover{background:var(--bg-panel);border-color:var(--border-primary);transform:translate(2px)}.tip-item svg{color:var(--secondary-color);flex-shrink:0}.tip-item span{font-size:13px;color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.email-input-container{padding:var(--spacing-md);gap:var(--spacing-sm)}.email-input-header{padding-bottom:var(--spacing-sm)}.email-input-title{font-size:14px}.email-textarea{min-height:150px!important;font-size:13px}.email-input-tips{padding-top:var(--spacing-sm)}.tip-item{padding:var(--spacing-xs) var(--spacing-sm)}.tip-item span{font-size:12px}}@media (max-width: 480px){.email-input-container{padding:var(--spacing-sm)}.email-input-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.email-textarea{min-height:120px!important;font-size:12px}.tip-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);text-align:left}}.close-results{background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;width:40px;height:40px;position:relative;overflow:hidden}.close-results:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);opacity:0;transition:opacity var(--transition-normal);border-radius:var(--radius-md)}.close-results:hover{background:var(--bg-panel);border-color:var(--border-primary);color:var(--text-primary);transform:scale(1.05);box-shadow:var(--shadow-md)}.close-results:hover:before{opacity:.1}.close-results svg{position:relative;z-index:1;transition:transform var(--transition-normal)}.close-results:hover svg{transform:rotate(90deg)}.close-results:active{transform:scale(.95)}.qcew-payroll-calculator{position:relative;z-index:1000}.qcew-trigger-button{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:12px 20px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;display:flex;align-items:center;gap:8px;z-index:1001}.qcew-trigger-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.trigger-icon{font-size:16px}.trigger-label{font-size:13px}.trigger-indicator{font-size:18px;font-weight:700;margin-left:4px}.qcew-calculator-panel{position:absolute;top:100%;left:0;min-width:500px;max-width:600px;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;border:1px solid #e2e8f0;z-index:1001;animation:slideIn .3s ease-out}.qcew-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px 12px 0 0}.qcew-header h3{margin:0;color:#2d3748;font-size:18px;font-weight:600}.qcew-close-button{background:none;border:none;font-size:20px;color:#718096;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.qcew-close-button:hover{background:#e2e8f0;color:#2d3748}.qcew-form{padding:20px}.qcew-input-group{margin-bottom:16px}.qcew-input-group label{display:block;margin-bottom:6px;font-weight:500;color:#2d3748;font-size:14px}.qcew-input{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;transition:all .2s ease;box-sizing:border-box}.qcew-city-input-container{position:relative}.qcew-input-wrapper{position:relative;display:flex;align-items:center}.qcew-search-indicator{position:absolute;right:12px;color:#667eea;animation:pulse 1.5s infinite}.qcew-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #667eea;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto;z-index:1002}.qcew-suggestions-header{padding:8px 12px;background:#f7fafc;font-size:12px;font-weight:600;color:#4a5568;border-bottom:1px solid #e2e8f0}.qcew-suggestion-item{padding:12px;cursor:pointer;border-bottom:1px solid #f7fafc;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;position:relative}.qcew-suggestion-item:hover{background:#f7fafc}.qcew-suggestion-text{font-weight:500;color:#2d3748;margin-bottom:2px}.qcew-suggestion-reason{font-size:12px;color:#718096}.qcew-suggestion-badge{font-size:10px;padding:2px 6px;border-radius:12px;font-weight:600;white-space:nowrap}.qcew-available{border-left:4px solid #48bb78}.qcew-available .qcew-suggestion-badge{background:#c6f6d5;color:#22543d}.qcew-recommended{border-left:4px solid #ed8936}.qcew-recommended .qcew-suggestion-badge{background:#feebc8;color:#c05621}.qcew-spelling{border-left:4px solid #4299e1}.qcew-spelling .qcew-suggestion-badge{background:#bee3f8;color:#2c5282}.qcew-alternative{border-left:4px solid #9f7aea}.qcew-alternative .qcew-suggestion-badge{background:#e9d8fd;color:#553c9a}.qcew-unavailable{border-left:4px solid #f56565;opacity:.7}.qcew-unavailable .qcew-suggestion-badge{background:#fed7d7;color:#c53030}.qcew-confidence-high{background:#f0fff4}.qcew-confidence-medium{background:#fffbeb}.qcew-confidence-low{background:#fef5e7}.qcew-actions{display:flex;gap:12px;margin-top:20px}.qcew-calculate-button{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-weight:600;flex:1;transition:all .2s ease}.qcew-calculate-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #48bb784d}.qcew-calculate-button:disabled{opacity:.6;cursor:not-allowed}.qcew-clear-button{background:#e2e8f0;color:#4a5568;border:none;padding:12px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.qcew-clear-button:hover{background:#cbd5e0}.qcew-recommendations{padding:16px 20px;border-top:1px solid #e2e8f0;background:#f7fafc}.qcew-recommendations h4{margin:0 0 12px;font-size:14px;color:#4a5568}.qcew-city-chip{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff;border:none;padding:6px 12px;border-radius:20px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.qcew-city-chip:hover{transform:translateY(-1px);box-shadow:0 2px 6px #ed89364d}.qcew-error{background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #fc8181;border-radius:6px;padding:12px;margin:16px 0;display:flex;align-items:flex-start;gap:8px}.qcew-error-icon{color:#c53030;font-size:16px;margin-top:2px}.qcew-error-text{color:#742a2a;font-size:14px;line-height:1.4;white-space:pre-line}.qcew-results{margin-top:20px;padding:16px;background:linear-gradient(135deg,#f0fff4,#c6f6d5);border-radius:8px;border:1px solid #9ae6b4}.qcew-results h4{margin:0 0 16px;color:#22543d;font-size:16px}.qcew-calculation-result{background:#fff;border-radius:6px;padding:16px;box-shadow:0 2px 4px #0000000d}.qcew-result-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.qcew-result-header h5{margin:0 0 4px;color:#2d3748;font-size:16px}.qcew-result-formula{font-size:12px;color:#718096;font-family:monospace;background:#f7fafc;padding:4px 8px;border-radius:4px}.qcew-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.qcew-result-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f7fafc;border-radius:6px}.qcew-result-item.qcew-highlight{background:linear-gradient(135deg,#fef5e7,#fed7aa);border:2px solid #f6ad55;grid-column:1 / -1;font-weight:600}.qcew-result-label{font-size:13px;color:#4a5568}.qcew-result-value{font-weight:600;color:#2d3748}.qcew-highlight .qcew-result-value{color:#c05621;font-size:18px}.qcew-data-info{padding-top:12px;border-top:1px solid #e2e8f0;text-align:center}.qcew-data-info small{color:#718096;line-height:1.4}.qcew-status-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#edf2f7;border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px;font-size:12px}.qcew-status-item{color:#4a5568;font-weight:500}@media (max-width: 640px){.qcew-calculator-panel{min-width:320px;max-width:95vw;left:50%;transform:translate(-50%)}.qcew-result-grid{grid-template-columns:1fr}.qcew-actions{flex-direction:column}.qcew-status-bar{flex-direction:column;gap:4px;align-items:flex-start}}.qcew-suggestions-dropdown::-webkit-scrollbar{width:6px}.qcew-suggestions-dropdown::-webkit-scrollbar-track{background:#f1f1f1}.qcew-suggestions-dropdown::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.qcew-suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.qcew-calculate-button:disabled{position:relative;overflow:hidden}.qcew-calculate-button:disabled:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}@media (prefers-contrast: high){.qcew-calculator-panel{border:2px solid #000}.qcew-suggestion-item{border-bottom:1px solid #000}.qcew-input:focus{border-color:#000;box-shadow:0 0 0 2px #000}}.qcew-calculator-container{width:100%;margin:20px 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.qcew-toggle-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.qcew-toggle-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.parcel-indicator{background:#fff3!important;color:#fff!important;padding:2px 8px!important;border-radius:12px!important;font-size:11px!important;margin-left:8px!important;font-weight:500!important;animation:parcelPulse 2s ease-in-out infinite}@keyframes parcelPulse{0%,to{background:#fff3}50%{background:#ffffff4d}}.qcew-calculator-panel{background:#fff;border-radius:20px;padding:24px;margin-top:16px;box-shadow:0 8px 32px #0000001a;border:1px solid #e1e8ed;position:relative;max-height:80vh;overflow-y:auto}.qcew-header{text-align:center;margin-bottom:24px;position:relative;padding-bottom:16px;border-bottom:2px solid #f0f3f7}.qcew-header h3{color:#2c3e50;margin:0 0 8px;font-size:24px;font-weight:700}.qcew-header p{color:#7f8c8d;margin:0;font-size:14px}.location-context{background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:8px;padding:8px 12px;margin:8px 0;font-size:12px;color:#155724;text-align:center;animation:locationGlow 3s ease-in-out infinite}@keyframes locationGlow{0%,to{border-color:#00ff884d;background:#00ff881a}50%{border-color:#00ff8880;background:#00ff8826}}.qcew-close-button{position:absolute;top:-8px;right:-8px;background:#e74c3c;color:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:16px;cursor:pointer;transition:all .2s ease}.qcew-close-button:hover{background:#c0392b;transform:scale(1.1)}.qcew-form{margin-bottom:24px}.qcew-input-group{margin-bottom:20px}.qcew-input-group label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px;display:flex;align-items:center;gap:8px}.location-hint{background:#667eea1a;color:#667eea;padding:2px 6px;border-radius:4px;font-size:11px;margin-left:8px;font-weight:500;animation:hintBlink 2s ease-in-out infinite}@keyframes hintBlink{0%,80%,to{opacity:1}40%{opacity:.7}}.qcew-input-wrapper{position:relative}.qcew-input{width:100%;padding:12px 16px;border:2px solid #e1e8ed;border-radius:12px;font-size:14px;transition:all .3s ease;background:#fff;box-sizing:border-box}.qcew-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.qcew-search-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:16px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.qcew-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e1e8ed;border-top:none;border-radius:0 0 12px 12px;box-shadow:0 8px 32px #0000001a;z-index:1000;max-height:400px;overflow-y:auto}.qcew-results-section,.qcew-suggestions-section{border-bottom:1px solid #f0f3f7}.qcew-results-section:last-child,.qcew-suggestions-section:last-child{border-bottom:none}.qcew-suggestions-header{background:#f8f9fa;padding:12px 16px;font-weight:600;font-size:13px;color:#495057;border-bottom:1px solid #e9ecef;text-transform:uppercase;letter-spacing:.5px}.qcew-area-result{padding:16px;border-bottom:1px solid #f0f3f7;transition:background-color .2s ease}.qcew-area-result:hover{background-color:#f8f9fa}.qcew-area-result:last-child{border-bottom:none}.qcew-area-title{font-weight:600;color:#2c3e50;margin-bottom:8px;font-size:14px}.qcew-area-years{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}.qcew-year-button{background:#e3f2fd;color:#1976d2;border:2px solid #bbdefb;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.qcew-year-button:hover{background:#bbdefb;transform:translateY(-1px);box-shadow:0 2px 8px #1976d233}.qcew-year-button.selected{background:#1976d2;color:#fff;border-color:#1565c0;box-shadow:0 4px 12px #1976d24d}.qcew-area-type{font-size:12px;color:#6c757d;font-style:italic}.qcew-suggestion-item{padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f0f3f7;display:flex;flex-direction:column;gap:4px}.qcew-suggestion-item:hover{background-color:#f8f9fa}.qcew-suggestion-item:last-child{border-bottom:none}.qcew-suggestion-text{font-weight:600;color:#2c3e50;font-size:14px}.qcew-suggestion-reason{font-size:12px;color:#6c757d;margin-bottom:4px}.qcew-suggestion-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;align-self:flex-start;text-transform:uppercase;letter-spacing:.5px}.qcew-available .qcew-suggestion-badge{background:#d4edda;color:#155724}.qcew-recommended .qcew-suggestion-badge,.qcew-popular .qcew-suggestion-badge{background:#fff3cd;color:#856404}.qcew-spelling .qcew-suggestion-badge{background:#cce7ff;color:#004085}.qcew-alternative .qcew-suggestion-badge,.qcew-economic_alternative .qcew-suggestion-badge{background:#fed7aa;color:#9a3412}.qcew-unavailable .qcew-suggestion-badge{background:#f8d7da;color:#721c24}.qcew-no-results{text-align:center;padding:32px 16px;color:#6c757d}.qcew-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.qcew-no-results-text{font-size:16px;font-weight:600;margin-bottom:16px;color:#495057}.qcew-no-results-suggestion{font-size:14px;text-align:left;max-width:300px;margin:0 auto}.qcew-no-results-suggestion ul{margin:8px 0 0;padding-left:20px}.qcew-no-results-suggestion li{margin-bottom:4px}.qcew-selected-area{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:2px solid #28a745;border-radius:12px;padding:16px;margin-bottom:20px;animation:selectedAreaGlow 3s ease-in-out infinite}@keyframes selectedAreaGlow{0%,to{border-color:#28a745;box-shadow:0 0 #28a7454d}50%{border-color:#20c997;box-shadow:0 0 0 4px #28a74533}}.qcew-selected-header{font-weight:600;color:#155724;font-size:14px;margin-bottom:8px}.qcew-selected-info{display:flex;flex-direction:column;gap:4px}.qcew-selected-name{font-weight:600;color:#2c3e50;font-size:16px}.qcew-selected-year{font-size:14px;color:#28a745;font-weight:500}.qcew-actions{display:flex;gap:12px;margin-top:24px}.qcew-calculate-button{flex:1;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.qcew-calculate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #28a7454d}.qcew-calculate-button:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.qcew-clear-button{background:#6c757d;color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.qcew-clear-button:hover{background:#5a6268;transform:translateY(-2px)}.qcew-recommendations{margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:12px;border-left:4px solid #667eea}.qcew-recommendations h4{margin:0 0 12px;color:#2c3e50;font-size:14px;font-weight:600}.qcew-recommended-cities{display:flex;gap:8px;flex-wrap:wrap}.qcew-city-chip{background:#fff;color:#667eea;border:2px solid #667eea;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.qcew-city-chip:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.qcew-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:12px;padding:16px;margin-bottom:20px;display:flex;align-items:flex-start;gap:12px}.qcew-error-icon{font-size:20px;flex-shrink:0}.qcew-error-text{font-size:14px;line-height:1.4}.qcew-results{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #28a745;border-radius:16px;padding:24px;margin-bottom:20px;animation:resultsAppear .5s ease-out}@keyframes resultsAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qcew-results h4{margin:0 0 20px;color:#2c3e50;font-size:18px;font-weight:700;text-align:center}.qcew-result-header{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e9ecef}.qcew-result-header h5{margin:0 0 8px;color:#2c3e50;font-size:20px;font-weight:700}.qcew-result-subtitle{color:#6c757d;font-size:14px;font-weight:500}.qcew-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.qcew-result-item{background:#fff;padding:16px;border-radius:12px;border:1px solid #e9ecef;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.qcew-result-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.qcew-result-item.qcew-highlight{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border-color:#28a745;border-width:2px}.qcew-result-label{font-size:12px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.qcew-result-value{font-size:18px;font-weight:700;color:#2c3e50}.qcew-highlight .qcew-result-value{color:#28a745;font-size:20px}.qcew-data-info{text-align:center;padding-top:16px;border-top:1px solid #e9ecef}.qcew-data-info small{color:#6c757d;font-size:12px;line-height:1.4}.qcew-status-bar{display:flex;gap:16px;padding:12px 16px;background:#f8f9fa;border-radius:8px;font-size:12px;color:#6c757d;flex-wrap:wrap;justify-content:center}.qcew-status-item{display:flex;align-items:center;gap:4px;font-weight:500}.map-integrated-calculator .qcew-toggle-button{background:#fffffff2;color:#2c3e50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 32px #0000001f}.map-integrated-calculator .qcew-toggle-button:hover{background:#fff;box-shadow:0 12px 40px #00000026}.map-integrated-calculator .qcew-calculator-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid rgba(0,0,0,.08)}@media (max-width: 768px){.qcew-calculator-panel{padding:16px;margin-top:12px;border-radius:16px}.qcew-header h3{font-size:20px}.qcew-actions{flex-direction:column}.qcew-result-grid{grid-template-columns:1fr}.qcew-area-years{justify-content:flex-start}.qcew-status-bar{flex-direction:column;align-items:center;gap:8px}.location-context{font-size:11px;padding:6px 10px}.parcel-indicator{font-size:10px!important;padding:1px 6px!important}}@media (max-width: 480px){.qcew-calculator-panel{padding:12px;max-height:90vh}.qcew-toggle-button{padding:10px 20px;font-size:14px;flex-direction:column;gap:4px}.qcew-suggestions-dropdown{max-height:300px}.qcew-result-value{font-size:16px}.qcew-highlight .qcew-result-value{font-size:18px}.location-context{font-size:10px;padding:4px 8px}.location-hint{font-size:9px!important;padding:1px 4px!important}}@media (prefers-color-scheme: dark){.qcew-calculator-panel{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.qcew-header h3{color:#e2e8f0}.qcew-input{background:#4a5568;border-color:#6b7280;color:#e2e8f0}.qcew-suggestions-dropdown{background:#4a5568;border-color:#6b7280}.qcew-suggestion-item:hover{background-color:#6b7280}.location-context{background:#0f83;border-color:#0f86;color:#9ae6b4}}@media print{.qcew-toggle-button,.qcew-close-button,.qcew-actions,.qcew-recommendations,.qcew-suggestions-dropdown{display:none!important}.qcew-calculator-panel{box-shadow:none;border:1px solid #000}.location-context{border:1px solid #000;background:#f5f5f5;color:#000}}.qcew-toggle-button.disabled{background:#f8f9fa;border:2px solid #e74c3c;color:#e74c3c;cursor:not-allowed}.qcew-toggle-button.disabled:hover{background:#f8f9fa;transform:none;box-shadow:0 4px 12px #e74c3c33}.qcew-service-unavailable{padding:20px;background:#fff3f3;border:1px solid #ffebee;border-radius:8px;margin:15px 0}.unavailable-message h4{color:#d32f2f;margin-bottom:10px;font-size:16px}.unavailable-message ul{list-style-type:none;padding-left:0;margin:10px 0}.unavailable-message li{padding:5px 0 5px 20px;position:relative;color:#666}.unavailable-message li:before{content:"→";position:absolute;left:0;color:#e74c3c;font-weight:700}.external-links{margin-top:20px;padding-top:15px;border-top:1px solid #e0e0e0}.external-links h4{color:#1976d2;margin-bottom:10px;font-size:16px}.qcew-external-link{display:inline-block;margin:5px 10px 5px 0;padding:8px 15px;background:#e3f2fd;color:#1976d2;text-decoration:none;border-radius:5px;border:1px solid #bbdefb;font-size:14px;transition:all .3s ease}.qcew-external-link:hover{background:#bbdefb;color:#0d47a1;text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 8px #1976d233}.laus-calculator{margin-bottom:16px}.laus-toggle-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;padding:14px 18px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 4px 15px #667eea4d}.laus-toggle-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.laus-toggle-button.expanded{background:linear-gradient(135deg,#764ba2,#667eea)}.toggle-icon{font-size:18px}.toggle-text{flex:1;text-align:center;font-weight:700}.toggle-indicator{background:#ffffff40;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600}.laus-calculator-panel{background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(102,126,234,.2);border-radius:16px;padding:24px;margin-top:12px;box-shadow:0 10px 30px #00000026;max-height:80vh;overflow-y:auto;overflow-x:hidden}.laus-calculator-panel::-webkit-scrollbar{width:6px}.laus-calculator-panel::-webkit-scrollbar-track{background:#667eea1a;border-radius:3px}.laus-calculator-panel::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.laus-calculator-panel::-webkit-scrollbar-thumb:hover{background:#667eea80}.laus-header h3{margin:0 0 8px;color:#2d3748;font-size:20px;font-weight:700}.laus-header p{margin:0 0 24px;color:#718096;font-size:15px}.quick-select-section{margin-bottom:20px}.section-label{display:block;font-size:14px;font-weight:600;color:#4a5568;margin-bottom:12px}.city-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.city-button{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.city-button:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px #667eea33}.city-button.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #667eea4d}.city-emoji{font-size:16px}.city-name{font-weight:600}.custom-input-section{margin-bottom:20px}.input-row{display:grid;grid-template-columns:2fr 1fr;gap:12px}.city-input,.state-input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;transition:all .2s ease;background:#fff}.city-input:focus,.state-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.analyze-button{width:100%;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:12px;color:#fff;padding:16px 20px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:20px;box-shadow:0 4px 15px #48bb784d}.analyze-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #48bb7866}.analyze-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:linear-gradient(135deg,#fed7d7,#feb2b2);border:1px solid #fc8181;border-radius:10px;padding:14px 18px;color:#c53030;font-size:14px;font-weight:600;margin-bottom:20px;text-align:left;white-space:pre-wrap}.laus-results{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:16px;padding:24px;border:1px solid #e2e8f0}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.result-header h4{margin:0;color:#2d3748;font-size:18px;font-weight:700}.key-metrics{display:grid;gap:16px}.primary-metric{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;padding:24px;text-align:center;box-shadow:0 8px 24px #667eea4d}.primary-metric .metric-value{font-size:32px;font-weight:800;margin-bottom:8px;line-height:1}.primary-metric .metric-label{font-size:16px;font-weight:600;opacity:.9}.secondary-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-item{background:#fff;border-radius:12px;padding:16px;text-align:center;border:1px solid #e2e8f0;transition:transform .2s ease}.metric-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.metric-item .value{display:block;font-size:18px;font-weight:700;color:#2d3748;margin-bottom:4px}.metric-item .label{display:block;font-size:12px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.metric-item.pressure .value{font-size:16px}.formula-hint{background:#667eea1a;border-radius:10px;padding:12px 16px;font-size:13px;color:#4a5568;margin-top:16px;text-align:center;font-weight:500}.data-source-info{background:#48bb781a;border-radius:10px;padding:12px 16px;font-size:12px;color:#2f855a;margin-top:12px;text-align:center;font-weight:500}@media (max-width: 768px){.city-buttons,.input-row,.secondary-metrics{grid-template-columns:1fr}.primary-metric .metric-value{font-size:28px}.laus-calculator-panel{max-height:70vh}}@media (max-width: 480px){.laus-calculator-panel{padding:20px;max-height:65vh}.primary-metric{padding:20px}.primary-metric .metric-value{font-size:24px}}.cpi-escalation-calculator{position:relative;z-index:500;margin-bottom:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cpi-toggle-button{width:100%;padding:16px 20px;background:linear-gradient(135deg,#ff980026,#ffc1071a,#ff98000d);border:1px solid rgba(255,152,0,.3);border-radius:12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#2c3e50;position:relative;overflow:hidden}.cpi-toggle-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,152,0,.1),transparent);transition:left .5s ease}.cpi-toggle-button:hover:before{left:100%}.cpi-toggle-button:hover{background:linear-gradient(135deg,#ff980040,#ffc10733,#ff980026);border-color:#ff980080;transform:translateY(-2px);box-shadow:0 8px 25px #ff980033}.cpi-toggle-button.active{background:linear-gradient(135deg,#ff98004d,#ffc10740,#ff980033);border-color:#ff980099;box-shadow:0 4px 15px #ff980026}.toggle-icon{font-size:24px;flex-shrink:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.toggle-text{flex:1;text-align:left}.toggle-title{display:block;font-weight:600;font-size:16px;margin-bottom:2px;color:#2c3e50}.toggle-subtitle{display:block;font-size:13px;color:#7f8c8d;font-weight:400}.toggle-arrow{font-size:14px;transition:transform .3s ease;color:#95a5a6}.toggle-arrow.up{transform:rotate(180deg)}.cpi-calculator-body{margin-top:8px;background:linear-gradient(135deg,#fffffff2,#f8f9fae6);border:1px solid rgba(255,152,0,.2);border-radius:16px;padding:24px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 8px 32px #0000001a,0 2px 8px #ff98001a;animation:slideIn .4s cubic-bezier(.25,.46,.45,.94)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.calculator-header h3{margin:0 0 8px;color:#2c3e50;font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px}.calculator-description{margin:0 0 20px;color:#5d6d7e;font-size:14px;line-height:1.5}.calculator-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:600;color:#34495e;font-size:14px}.cost-input,.month-select,.year-select,.series-select{padding:12px 16px;border:1px solid rgba(255,152,0,.3);border-radius:8px;background:#fffc;font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cost-input:focus,.month-select:focus,.year-select:focus,.series-select:focus{outline:none;border-color:#ff980099;background:#fffffff2;box-shadow:0 0 0 3px #ff98001a}.date-inputs{display:grid;grid-template-columns:1fr 100px;gap:8px}.calculator-actions{display:flex;gap:12px;margin-top:8px}.calculate-button,.clear-button{padding:12px 20px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.calculate-button{flex:1;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border:1px solid rgba(255,152,0,.3)}.calculate-button:hover:not(:disabled){background:linear-gradient(135deg,#f57c00,#e65100);transform:translateY(-1px);box-shadow:0 4px 12px #ff98004d}.calculate-button:disabled{opacity:.6;cursor:not-allowed}.clear-button{background:linear-gradient(135deg,#6c757d1a,#6c757d0d);color:#6c757d;border:1px solid rgba(108,117,125,.3)}.clear-button:hover:not(:disabled){background:linear-gradient(135deg,#6c757d33,#6c757d1a);color:#495057}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.error-message{margin-top:16px;padding:12px 16px;background:linear-gradient(135deg,#dc35451a,#dc35450d);border:1px solid rgba(220,53,69,.3);border-radius:8px;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-icon{font-size:18px;flex-shrink:0}.error-text{color:#dc3545;font-size:14px;font-weight:500}.calculation-result{margin-top:20px;padding:20px;background:linear-gradient(135deg,#28a7451a,#28a7450d);border:1px solid rgba(40,167,69,.3);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:resultAppear .5s ease-out}@keyframes resultAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.result-header h4{margin:0 0 16px;color:#28a745;font-size:18px;font-weight:700}.result-summary{margin-bottom:20px}.cost-comparison{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.cost-item{flex:1;min-width:150px;padding:16px;background:#ffffffb3;border-radius:10px;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cost-label{display:block;font-size:12px;color:#6c757d;font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.cost-value{display:block;font-size:18px;font-weight:700;color:#2c3e50;margin-bottom:4px}.cost-value.highlight{color:#28a745;font-size:20px}.cost-date{display:block;font-size:12px;color:#7f8c8d}.arrow-icon{font-size:24px;color:#ff9800;font-weight:700;flex-shrink:0}.inflation-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;background:#ffffff80;border-radius:8px}.inflation-rate,.time-span{text-align:center}.info-label{display:block;font-size:12px;color:#6c757d;font-weight:600;margin-bottom:4px}.info-value{display:block;font-size:16px;font-weight:700;color:#2c3e50}.info-value.positive{color:#dc3545}.info-value.negative{color:#28a745}.result-details{margin-bottom:16px}.result-details h5{margin:0 0 12px;color:#34495e;font-size:16px;font-weight:600}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff9;border-radius:6px;font-size:13px}.detail-label{color:#6c757d;font-weight:500}.detail-value{color:#2c3e50;font-weight:600}.result-explanation{padding:16px;background:#17a2b81a;border-radius:8px;border-left:4px solid #17a2b8}.explanation-text{margin:0;color:#2c3e50;font-size:14px;line-height:1.5;font-style:italic}.calculator-help{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,152,0,.2)}.help-details{cursor:pointer}.help-details summary{padding:8px 0;font-weight:600;color:#34495e;font-size:14px}.help-details summary:hover{color:#ff9800}.help-content{padding:12px 0;font-size:13px;color:#5d6d7e;line-height:1.6}.help-content ul{margin:0 0 12px;padding-left:20px}.help-content li{margin-bottom:6px}.help-note{margin:12px 0 0;padding:8px 12px;background:#ffc1071a;border-radius:6px;border-left:3px solid #ffc107;font-size:12px;color:#856404}@media (max-width: 768px){.cpi-calculator-body{padding:16px}.cost-comparison{flex-direction:column;gap:12px}.arrow-icon{transform:rotate(90deg)}.inflation-info{grid-template-columns:1fr;gap:8px}.calculator-actions{flex-direction:column}.detail-grid{grid-template-columns:1fr}}@media (prefers-color-scheme: dark){.cpi-toggle-button{background:linear-gradient(135deg,#ff980033,#ffc10726,#ff98001a);color:#e8f4f8}.cpi-calculator-body{background:linear-gradient(135deg,#2d3748f2,#1a202ce6);color:#e8f4f8}.calculator-header h3,.toggle-title{color:#e8f4f8}.cost-input,.month-select,.year-select,.series-select{background:#2d3748cc;color:#e8f4f8;border-color:#ff980066}}.site-selection-map-container{position:relative;width:100%;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003}.map-payroll-calculator-container{position:absolute;top:16px;left:16px;z-index:1000;max-width:400px;width:calc(100% - 32px)}.map-integrated-calculator{margin-bottom:16px}.payroll-preview-widget{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:16px;box-shadow:0 8px 32px #0000001f;animation:slideInFromTop .5s ease-out}.preview-header{font-weight:600;color:#2c3e50;font-size:14px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.preview-content{display:flex;flex-direction:column;gap:8px}.preview-item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.preview-label{color:#6c757d;font-weight:500}.preview-value{color:#2c3e50;font-weight:600}.parcel-selection-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:1000}.hint-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;color:#495057;box-shadow:0 4px 12px #0000001a;animation:bounce 2s infinite}.site-selection-marker.has-payroll{position:relative}.payroll-indicator{position:absolute;top:-8px;right:-8px;font-size:10px;background:gold;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}@keyframes payrollGlow{0%,to{box-shadow:0 4px 12px #ffd70066}50%{box-shadow:0 6px 20px #ffd700cc}}.popup-payroll-info{border-top:1px solid rgba(255,255,255,.1);margin-top:12px;padding-top:12px}.payroll-header{font-weight:600;color:gold;font-size:12px;margin-bottom:8px;text-align:center}.payroll-details{display:flex;flex-direction:column;gap:4px}.payroll-item{display:flex;justify-content:space-between;align-items:center;font-size:11px}.payroll-label{color:#ffffffb3;font-weight:500}.payroll-value{color:gold;font-weight:600}.calculate-payroll-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a1a;border:1px solid #ffd700;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:8px}.calculate-payroll-btn:hover{background:linear-gradient(135deg,#ffed4e,gold);transform:translateY(-1px);box-shadow:0 4px 12px #ffd7004d}.payroll-success-notification{position:fixed;top:20px;right:20px;z-index:10000;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-radius:8px;padding:16px;box-shadow:0 8px 32px #28a7454d;animation:slideInFromRight .5s ease-out,fadeOut .5s ease-in 2.5s forwards}.notification-content{font-weight:600;font-size:14px;text-align:center}.qcew-calculator-container .parcel-indicator{background:#fff3;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;margin-left:8px;font-weight:500}.location-context{background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:8px;padding:8px 12px;margin:8px 0;font-size:12px;color:#155724;text-align:center}.location-hint{background:#667eea1a;color:#667eea;padding:2px 6px;border-radius:4px;font-size:11px;margin-left:8px;font-weight:500}.parcel-context{color:#6c757d;font-weight:500}.professional-map-controls{position:absolute;top:16px;right:16px;z-index:1000;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.map-style-switcher-pro{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 8px 32px #0000001f;overflow:hidden;min-width:200px}.switcher-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid rgba(0,0,0,.06);padding:12px 16px}.switcher-title{font-size:13px;font-weight:600;color:#2c3e50;text-transform:uppercase;letter-spacing:.5px}.style-options{padding:8px;display:flex;flex-direction:column;gap:4px}.style-option{display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px;font-weight:500;color:#495057;text-align:left;width:100%}.style-option:hover{background:#4dc8ff14;border-color:#4dc8ff33;color:#2c3e50;transform:translateY(-1px)}.style-option.active{background:linear-gradient(135deg,#4dc8ff26,#4dc8ff14);border-color:#4dc8ff4d;color:#1e40af;box-shadow:0 2px 8px #4dc8ff33}.style-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:inherit}.style-name{font-weight:500;color:inherit}.site-selection-marker{animation:markerPulse 2s ease-in-out infinite;transition:all .3s ease}.site-selection-marker.selected{animation:selectedMarkerGlow 1.5s ease-in-out infinite}@keyframes markerPulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #4dc8ff66}50%{transform:scale(1.05);box-shadow:0 6px 16px #4dc8ff99}}@keyframes selectedMarkerGlow{0%,to{transform:scale(1);box-shadow:0 4px 12px #0f86}50%{transform:scale(1.1);box-shadow:0 8px 20px #0f8c}}.site-selection-popup .leaflet-popup-content-wrapper{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-selection-popup .leaflet-popup-content{margin:0;padding:0;color:#fff}.site-selection-popup .leaflet-popup-tip{background:#1a1a2e;border:1px solid rgba(255,255,255,.1)}.site-marker-popup{padding:16px;min-width:220px}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.popup-header h4{color:#4dc8ff;margin:0;font-size:14px;font-weight:600}.parcel-id{color:#fff9;font-size:12px;font-family:monospace}.popup-content{margin-bottom:12px}.info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px}.info-item .label{color:#ffffffb3;font-weight:500}.info-item .value{color:#fff;font-weight:600}.select-popup-btn{width:100%;background:linear-gradient(135deg,#4dc8ff26,#4dc8ff40);border:1px solid rgba(77,200,255,.3);color:#4dc8ff;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.select-popup-btn:hover:not(:disabled){background:linear-gradient(135deg,#4dc8ff40,#4dc8ff59);border-color:#4dc8ff80;transform:translateY(-1px);box-shadow:0 4px 12px #4dc8ff4d}.select-popup-btn:disabled{opacity:.6;cursor:not-allowed}.site-selection-popup-horizontal .leaflet-popup-content-wrapper{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-selection-popup-horizontal .leaflet-popup-content{margin:0;padding:0;color:#fff}.site-selection-popup-horizontal .leaflet-popup-tip{background:#1a1a2e;border:1px solid rgba(255,255,255,.1)}.site-marker-popup-horizontal{padding:16px;min-width:300px}.horizontal-popup-container{display:flex;flex-direction:column;gap:12px}.popup-site-info{display:flex;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.site-rank-badge{background:linear-gradient(135deg,#4dc8ff,#0f8);color:#0a0f1c;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;box-shadow:0 4px 12px #4dc8ff4d}.site-basic-info{display:flex;flex-direction:column;gap:4px;flex:1}.site-id{color:#4dc8ff;font-size:12px;font-weight:600;font-family:monospace}.site-cost{color:#0f8;font-size:14px;font-weight:700}.popup-details-row{display:flex;align-items:center;gap:12px;font-size:11px;color:#fffc}.detail-item{display:flex;flex-direction:column;align-items:center;gap:2px}.detail-value{color:#fff;font-weight:600;font-size:12px}.detail-label{color:#fff9;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.detail-separator{color:#ffffff4d;font-weight:300}.popup-actions{display:flex;gap:8px;align-items:center}.select-popup-btn-horizontal{flex:1;background:linear-gradient(135deg,#4dc8ff26,#4dc8ff40);border:1px solid rgba(77,200,255,.3);color:#4dc8ff;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.select-popup-btn-horizontal:hover:not(.selected){background:linear-gradient(135deg,#4dc8ff40,#4dc8ff59);border-color:#4dc8ff80;transform:translateY(-1px);box-shadow:0 4px 12px #4dc8ff4d}.select-popup-btn-horizontal.selected{background:linear-gradient(135deg,#0f83,#00ff884d);border-color:#00ff8880;color:#0f8;cursor:default}.select-popup-btn-horizontal.selected:hover{transform:none;box-shadow:none}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-5px)}60%{transform:translate(-50%) translateY(-3px)}}.map-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fffc;z-index:1000}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.map-empty-state p{margin:0;font-size:16px;font-weight:500}@media (max-width: 768px){.map-payroll-calculator-container{position:static;margin-bottom:16px;max-width:100%}.payroll-preview-widget{margin:0 16px 16px}.map-style-switcher{top:12px;right:12px;min-width:160px}.style-btn{padding:8px 12px;font-size:12px}.site-marker-popup{padding:12px;min-width:200px}.popup-header h4{font-size:13px}.parcel-id,.info-item{font-size:11px}.select-popup-btn{padding:6px 12px;font-size:11px}.site-marker-popup-horizontal{padding:12px;min-width:280px}.popup-site-info{gap:8px}.site-rank-badge{width:28px;height:28px;font-size:12px}.site-id{font-size:11px}.site-cost{font-size:13px}.popup-details-row{font-size:10px;gap:8px}.detail-value{font-size:11px}.detail-label{font-size:9px}.popup-actions{gap:6px}.select-popup-btn-horizontal{padding:6px 12px;font-size:11px}.map-empty-state{padding:0 20px}.empty-icon{font-size:36px;margin-bottom:12px}.map-empty-state p{font-size:14px}}@media (max-width: 480px){.site-marker-popup{padding:10px;min-width:180px}.popup-header{margin-bottom:8px;padding-bottom:6px}.popup-header h4{font-size:12px}.parcel-id{font-size:10px}.info-item{font-size:10px;margin-bottom:4px}.select-popup-btn{padding:6px 10px;font-size:10px}.site-marker-popup-horizontal{padding:10px;min-width:260px}.popup-site-info{gap:6px}.site-rank-badge{width:24px;height:24px;font-size:11px}.site-id{font-size:10px}.site-cost{font-size:12px}.popup-details-row{font-size:9px;gap:6px}.detail-value{font-size:10px}.detail-label{font-size:8px}.detail-separator{display:none}.popup-actions{gap:4px}.select-popup-btn-horizontal{padding:5px 8px;font-size:10px}.map-empty-state{padding:0 16px}.empty-icon{font-size:32px;margin-bottom:8px}.map-empty-state p{font-size:12px}}.cost-breakdown-chart-container{position:relative;width:100%;height:260px;margin-bottom:var(--space-6)}.chart-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.chart-center-text .center-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);display:block}.chart-center-text .center-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}:root{--liquid-primary: #6495ed;--liquid-primary-light: rgba(100, 149, 237, .15);--liquid-primary-border: rgba(100, 149, 237, .3);--liquid-success: #10b981;--liquid-warning: #f59e0b;--liquid-error: #ef4444;--depth-bg-1: #0a0a0f;--depth-bg-2: #0f0f1a;--depth-bg-3: #1a1a2e;--depth-bg-4: #16213e;--glass-transparency: rgba(255, 255, 255, .02);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .12);--glass-shadow: rgba(0, 0, 0, .4);--liquid-gradient-primary: linear-gradient(135deg, var(--liquid-primary) 0%, rgba(100, 149, 237, .8) 100%);--liquid-gradient-light: linear-gradient(135deg, var(--liquid-primary-light) 0%, rgba(255, 255, 255, .1) 100%);--text-primary: rgba(255, 255, 255, .95);--text-secondary: rgba(255, 255, 255, .75);--text-muted: rgba(255, 255, 255, .45);--text-accent: var(--liquid-primary);--liquid-shadow-1: 0 8px 32px rgba(100, 149, 237, .15);--liquid-shadow-2: 0 16px 64px rgba(100, 149, 237, .1);--liquid-shadow-3: 0 24px 96px rgba(0, 0, 0, .15);--liquid-duration-fast: .2s;--liquid-duration-normal: .4s;--liquid-duration-slow: .8s}.liquid-glass-site-selection{min-height:100vh;background:radial-gradient(ellipse at top,var(--depth-bg-4) 0%,var(--depth-bg-2) 50%,var(--depth-bg-1) 100%);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative;overflow-x:hidden}.glass-effect{background:var(--glass-transparency);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--liquid-shadow-1)}.glass-effect-light{background:#ffffff0d;-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);border:1px solid rgba(255,255,255,.1);border-radius:12px}.glass-effect-accent{background:var(--liquid-primary-light);-webkit-backdrop-filter:blur(20px) saturate(200%);backdrop-filter:blur(20px) saturate(200%);border:1px solid var(--liquid-primary-border);border-radius:16px;box-shadow:var(--liquid-shadow-1)}.glass-effect-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.glass-effect-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.gpu-accelerated{transform:translateZ(0);will-change:transform}.content-layer-text{color:var(--text-secondary);text-shadow:0 1px 2px rgba(0,0,0,.3)}.content-layer-heading{color:var(--text-primary);font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.4)}.metric-value-emphasis{color:var(--liquid-primary);font-weight:700;text-shadow:0 0 10px rgba(100,149,237,.3)}.metric-value-emphasis.negative{color:var(--liquid-error);text-shadow:0 0 10px rgba(239,68,68,.3)}.metric-value-emphasis.positive{color:var(--liquid-success);text-shadow:0 0 10px rgba(16,185,129,.3)}.metric-value-emphasis.highlight{color:gold;text-shadow:0 0 15px rgba(255,215,0,.4)}.liquid-glass-button{background:var(--glass-transparency);-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all var(--liquid-duration-normal) cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;font-weight:500}.liquid-glass-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);transition:left var(--liquid-duration-slow)}.liquid-glass-button:hover{background:var(--glass-highlight);border-color:var(--liquid-primary-border);color:var(--text-primary);box-shadow:var(--liquid-shadow-1);transform:translateY(-2px)}.liquid-glass-button:hover:before{left:100%}.liquid-glass-button:active{transform:translateY(0);box-shadow:0 4px 16px #6495ed33}.liquid-glass-button.active{background:var(--liquid-gradient-primary);border-color:var(--liquid-primary);color:#fff;box-shadow:var(--liquid-shadow-2)}.liquid-primary-button{background:var(--liquid-gradient-primary);border:2px solid var(--liquid-primary);border-radius:16px;color:#fff;font-weight:700;padding:16px 32px;cursor:pointer;transition:all var(--liquid-duration-normal);position:relative;overflow:hidden;box-shadow:var(--liquid-shadow-2)}.liquid-primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--liquid-duration-slow)}.liquid-primary-button:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:var(--liquid-shadow-3),0 0 30px #6495ed66;border-color:#6495edcc}.liquid-primary-button:hover:not(:disabled):before{left:100%}.liquid-primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.liquid-button-content{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:2}.liquid-loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:liquidSpin 1s linear infinite}@keyframes liquidSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.liquid-floating-nav{position:fixed;top:24px;left:24px;right:24px;z-index:1000;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;pointer-events:none}.liquid-nav-section{pointer-events:auto}.liquid-nav-section.left{justify-self:start}.liquid-nav-section.center{justify-self:center}.liquid-nav-section.right{justify-self:end}.liquid-floating-back-button{display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:14px;text-decoration:none;transition:all var(--liquid-duration-normal)}.liquid-floating-title{background:var(--glass-transparency);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:20px;padding:16px 32px;text-align:center;box-shadow:var(--liquid-shadow-1);max-width:600px}.liquid-title-text{font-size:1.5rem;font-weight:700;margin:0 0 4px;background:linear-gradient(90deg,var(--liquid-primary),#00ff88);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(100,149,237,.3)}.liquid-subtitle-text{font-size:.85rem;color:var(--text-muted);margin:0;font-weight:400}.liquid-floating-toggle{display:flex;gap:8px;background:var(--glass-transparency);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:16px;padding:6px;box-shadow:var(--liquid-shadow-1)}.liquid-toggle-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:12px;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--liquid-duration-normal);white-space:nowrap}.liquid-toggle-btn:hover{background:var(--glass-highlight);color:var(--text-secondary)}.liquid-toggle-btn.active{background:var(--liquid-gradient-primary);color:#fff;box-shadow:0 4px 12px #6495ed4d}.liquid-toggle-btn svg{transition:transform var(--liquid-duration-fast)}.liquid-toggle-btn:hover svg{transform:scale(1.1)}.liquid-main-workspace{padding:120px 24px 24px;max-width:1800px;margin:0 auto}.liquid-dashboard-layout{display:grid;grid-template-columns:320px 1fr 360px;gap:24px;height:calc(100vh - 180px);min-height:600px}.liquid-search-panel{padding:24px;overflow-y:auto;transition:all var(--liquid-duration-normal)}.liquid-search-panel.collapsed{width:60px;padding:24px 12px}.liquid-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--glass-border)}.liquid-panel-title-section{display:flex;align-items:center;gap:16px}.liquid-panel-title{font-size:1.25rem;margin:0}.liquid-results-badge{padding:4px 12px;background:var(--liquid-primary);color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #6495ed4d}.liquid-collapse-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;font-size:16px}.liquid-search-form{display:flex;flex-direction:column;gap:20px}.liquid-form-section{padding:20px;transition:all var(--liquid-duration-normal)}.liquid-form-section:hover{border-color:var(--liquid-primary-border);box-shadow:var(--liquid-shadow-1)}.liquid-section-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;cursor:pointer}.liquid-section-title h4{font-size:1rem;font-weight:600;margin:0 0 4px}.liquid-section-title p{font-size:.8rem;margin:0;line-height:1.4}.liquid-expand-indicator{margin-left:auto;transition:transform var(--liquid-duration-normal);color:var(--text-muted)}.liquid-expand-indicator.expanded{transform:rotate(180deg)}.liquid-section-content{display:flex;flex-direction:column;gap:16px}.liquid-input-group{display:flex;flex-direction:column;gap:8px}.liquid-input-label{font-size:.85rem;font-weight:600}.liquid-input-wrapper{position:relative;display:flex;align-items:center}.liquid-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;font-size:.9rem;transition:all var(--liquid-duration-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.liquid-input:focus{outline:none;border-color:var(--liquid-primary);box-shadow:0 0 0 3px #6495ed1a;background:#ffffff14}.liquid-input::placeholder{color:var(--text-muted)}.liquid-input-icon,.liquid-input-unit{position:absolute;right:12px;color:var(--text-muted);pointer-events:none;font-size:.8rem}.liquid-range-display{display:flex;flex-direction:column;gap:16px}.liquid-range-values{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.liquid-range-value{text-align:center;flex:1}.liquid-range-value span:first-child{display:block;font-size:.75rem;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.liquid-range-separator{color:var(--text-muted);font-weight:300;font-size:1.2rem}.liquid-range-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.liquid-input-grid{display:grid;grid-template-columns:1fr;gap:16px}.liquid-form-actions{margin-top:24px}.liquid-central-content{display:flex;flex-direction:column;gap:16px}.floating-map-style-controls{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:1000;pointer-events:none;background:#0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;padding:6px;border:1px solid rgba(255,255,255,.1)}.liquid-reset-view-button{position:absolute;bottom:20px;right:20px;width:80px;height:40px;border-radius:20px;border:none;background:none;cursor:pointer;z-index:1000;overflow:visible;transition:all var(--liquid-duration-normal) cubic-bezier(.4,0,.2,1)}.liquid-reset-view-button:before{content:"";position:absolute;top:-3px;left:-6px;right:-6px;bottom:-3px;background:radial-gradient(ellipse 120% 80% at center,rgba(100,149,237,.12) 0%,rgba(100,149,237,.06) 50%,transparent 80%);border-radius:26px;opacity:0;z-index:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.reset-btn-glass-layer{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,#ffffff26,#ffffff14 30%,#ffffff0f 70%,#ffffff1f);-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);border:1px solid rgba(255,255,255,.2);border-radius:20px;z-index:1;transition:all var(--liquid-duration-normal) cubic-bezier(.4,0,.2,1)}.reset-btn-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:4px;height:100%;padding:0 12px;color:#ffffffd9;font-size:.7rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:all var(--liquid-duration-normal)}.reset-btn-icon{transition:all var(--liquid-duration-normal);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.reset-btn-label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.02em}.reset-btn-refraction{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;z-index:3;pointer-events:none;opacity:0;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 20%,transparent 80%,rgba(255,255,255,.2) 100%);transition:all .6s cubic-bezier(.4,0,.2,1)}.liquid-reset-view-button:hover:before{opacity:1;transform:scale(1.1)}.liquid-reset-view-button:hover .reset-btn-glass-layer{background:linear-gradient(145deg,#ffffff40,#ffffff26 30%,#ffffff1f 70%,#fff3);border-color:#6495ed66;box-shadow:0 8px 32px #6495ed33,inset 0 1px #ffffff4d}.liquid-reset-view-button:hover .reset-btn-content{color:#fffffff2;transform:translateY(-1px)}.liquid-reset-view-button:hover .reset-btn-icon{transform:scale(1.1) rotate(-15deg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.liquid-reset-view-button:hover .reset-btn-refraction{opacity:1;animation:liquidRefractionPulse 2s ease-in-out infinite}.liquid-reset-view-button:active{transform:scale(.95)}.liquid-reset-view-button:active .reset-btn-content{transform:translateY(0)}.liquid-reset-view-button:active .reset-btn-icon{transform:scale(1.05) rotate(-30deg)}@keyframes liquidRefractionPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.liquid-fullscreen-map-container .liquid-reset-view-button{bottom:30px;right:30px}.floating-map-style-controls.fullscreen{top:30px}.floating-style-btn{width:80px;height:40px;border-radius:20px;position:relative;cursor:pointer;border:none;background:none;pointer-events:auto;overflow:visible;transition:all var(--liquid-duration-normal) cubic-bezier(.4,0,.2,1)}.floating-style-btn:before{content:"";position:absolute;top:-3px;left:-6px;right:-6px;bottom:-3px;background:radial-gradient(ellipse 120% 80% at center,rgba(100,149,237,.08) 0%,rgba(100,149,237,.04) 50%,transparent 80%);border-radius:26px;opacity:0;z-index:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.btn-glass-layer{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,#ffffff1f,#ffffff0f 30%,#ffffff0a 70%,#ffffff14);-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);border:1px solid rgba(255,255,255,.15);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #00000014,inset 0 1px #fff3,inset 0 -1px #0000000d}.btn-content{position:relative;z-index:3;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;gap:6px;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.5);transition:all var(--liquid-duration-normal);padding:0 12px}.btn-icon{width:16px;height:16px;stroke-width:2.5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));flex-shrink:0}.btn-label{font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:none;white-space:nowrap}.btn-refraction{position:absolute;top:-30%;left:-50%;width:200%;height:160%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);border-radius:40px;opacity:0;transform:translate(-100%) rotate(-30deg);transition:all var(--liquid-duration-slow) ease-out;pointer-events:none;z-index:2}@keyframes activePulse{0%,to{opacity:1;transform:scale(1.05)}50%{opacity:.8;transform:scale(1.08)}}@keyframes activeGlow{0%,to{box-shadow:0 6px 24px #6495ed33,0 2px 12px #6495ed40,inset 0 1px #ffffff4d,inset 0 -1px #6495ed26}50%{box-shadow:0 8px 32px #6495ed40,0 3px 16px #6495ed4d,inset 0 1px #ffffff59,inset 0 -1px #6495ed33}}.floating-style-btn.active:before{opacity:1;background:radial-gradient(ellipse 140% 100% at center,rgba(100,149,237,.2) 0%,rgba(100,149,237,.1) 40%,rgba(100,149,237,.05) 70%,transparent 100%);animation:activePulse 2.5s ease-in-out infinite}.floating-style-btn.active .btn-glass-layer{background:linear-gradient(145deg,#6495ed40,#6495ed26 30%,#6495ed1f 70%,#6495ed2e);border-color:#6495ed66;transform:translateY(-1px);animation:activeGlow 2.5s ease-in-out infinite}.floating-style-btn.active .btn-content{color:#fff;text-shadow:0 1px 10px rgba(100,149,237,.5)}.floating-style-btn.active .btn-icon{filter:drop-shadow(0 1px 6px rgba(100,149,237,.4))}.floating-style-btn.active .btn-label{font-weight:700}.floating-style-btn.active .btn-refraction{background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%)}.floating-style-btn:active{transform:scale(.98)}.floating-style-btn:active:before{transform:scale(1.02);opacity:.8}.floating-style-btn:active .btn-glass-layer{transform:translateY(1px) scale(.99);box-shadow:0 2px 12px #00000026,inset 0 2px 4px #00000014,inset 0 -1px #ffffff1a}.floating-style-btn:active .btn-content{transform:scale(.98)}.floating-style-btn:active .btn-icon{transform:scale(.95)}@keyframes mapRefractionEllipse{0%{transform:translate(-100%) rotate(-30deg);opacity:0}30%{opacity:.3}70%{opacity:.5}to{transform:translate(100%) rotate(-30deg);opacity:0}}.liquid-map-container:active .btn-refraction,.liquid-map-container.dragging .btn-refraction{animation:mapRefractionEllipse 1.5s ease-in-out}.liquid-map-container.zooming:after{content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border:3px solid rgba(100,149,237,.6);border-radius:50%;background:radial-gradient(circle,rgba(100,149,237,.1) 0%,transparent 70%);z-index:1001;animation:zoomIndicator 1.2s ease-out;pointer-events:none}@keyframes zoomIndicator{0%{transform:scale(.5);opacity:0;border-width:6px}30%{transform:scale(1.2);opacity:1;border-width:3px}70%{transform:scale(1.5);opacity:.8;border-width:2px}to{transform:scale(2);opacity:0;border-width:1px}}.liquid-map-container.zooming .floating-style-btn{transform:scale(.9);transition:transform .3s ease}.liquid-map-container.zooming .floating-style-btn .btn-glass-layer{box-shadow:0 8px 30px #0003,0 0 15px #6495ed33,inset 0 2px #ffffff4d}.floating-style-btn .btn-glass-layer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 30%,transparent 70%,rgba(255,255,255,.08) 100%);border-radius:20px;opacity:0;transition:opacity .3s ease}.floating-style-btn.active .btn-glass-layer:before{opacity:1;background:linear-gradient(135deg,#fff3,#6495ed1a 30%,#6495ed0d 70%,#ffffff1f)}.liquid-map-workspace{flex:1;display:flex;flex-direction:column;overflow:hidden}.liquid-map-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#ffffff0d;border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.liquid-map-title-section{display:flex;align-items:center;gap:20px}.liquid-map-title{font-size:1.25rem;margin:0}.liquid-selected-indicator{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:12px}.liquid-map-container{flex:1;position:relative;min-height:400px;background:var(--depth-bg-3);border-radius:0 0 16px 16px}.workspace-map{width:100%;height:100%;border-radius:0 0 16px 16px}.liquid-analysis-panel{padding:24px;overflow-y:auto;max-height:calc(100vh - 180px)}.liquid-site-badge{padding:4px 12px;background:var(--liquid-primary);color:#fff;border-radius:8px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #6495ed4d}.liquid-detail-toggle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0}.liquid-analysis-content{display:flex;flex-direction:column;gap:24px}.data-card-glass{background:var(--glass-transparency);-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);border:1px solid var(--glass-border);border-radius:16px;padding:20px;transition:all var(--liquid-duration-normal);box-shadow:var(--liquid-shadow-1)}.data-card-glass:hover{border-color:var(--liquid-primary-border);box-shadow:var(--liquid-shadow-2)}.data-card-glass.primary{border-color:var(--liquid-primary-border);background:var(--liquid-primary-light)}.liquid-key-metrics{margin-bottom:24px}.liquid-metrics-header{margin-bottom:16px}.liquid-metrics-grid{display:grid;grid-template-columns:1fr;gap:12px}.liquid-metric-content{display:flex;flex-direction:column;gap:4px;padding:16px}.liquid-metric-content span:first-child{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.liquid-cost-breakdown{margin-bottom:24px}.liquid-chart-container{background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;padding:20px;margin:16px 0;min-height:200px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.liquid-cost-items{display:flex;flex-direction:column;gap:12px;margin-top:16px}.liquid-cost-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;transition:all var(--liquid-duration-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.liquid-cost-item:hover{border-color:var(--liquid-primary-border);box-shadow:0 4px 12px #6495ed1a}.liquid-cost-indicator{display:flex;align-items:center;gap:8px}.liquid-cost-color{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.2);flex-shrink:0}.cost-details{flex:1;display:flex;flex-direction:column;gap:4px}.liquid-cost-metrics{display:flex;align-items:center;justify-content:space-between}.liquid-financial-results{margin-bottom:24px}.liquid-financial-summary{display:flex;flex-direction:column;gap:12px;margin:16px 0}.liquid-metric-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.liquid-metric-item span:first-child{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.liquid-investment-recommendation{margin-top:16px}.recommendation-card{padding:16px;border-radius:12px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.liquid-recommendation-header{margin-bottom:12px}.liquid-empty-selection{display:flex;align-items:center;justify-content:center;min-height:300px;padding:24px}.liquid-empty-selection .data-card-glass{text-align:center;max-width:300px}.liquid-map-focus-mode{height:calc(100vh - 120px);position:relative;margin-top:120px}.liquid-fullscreen-map-container{width:100%;height:100%;border-radius:24px;overflow:hidden;position:relative;margin:0 24px}.fullscreen-map{width:100%;height:100%;border-radius:24px}.liquid-floating-controls{position:absolute;top:24px;right:24px;display:flex;flex-direction:column;gap:16px;z-index:10;max-width:320px}.liquid-floating-button{display:flex;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all var(--liquid-duration-normal)}.liquid-return-button{background:var(--liquid-gradient-primary);color:#fff;box-shadow:var(--liquid-shadow-2)}.liquid-return-button:hover{transform:translateY(-2px);box-shadow:var(--liquid-shadow-3)}.liquid-overview-panel,.liquid-site-details-panel{padding:20px;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--liquid-shadow-1)}.liquid-overview-header,.liquid-details-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--glass-border)}.liquid-overview-stats{display:flex;gap:12px}.liquid-stat-item{text-align:center;flex:1;padding:12px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-value{font-size:1.25rem;font-weight:700;color:var(--liquid-primary);display:block;margin-bottom:4px}.liquid-details-metrics{display:flex;flex-direction:column;gap:8px}.liquid-detail-metric{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--glass-border)}.liquid-detail-metric:last-child{border-bottom:none}.liquid-error-toast{position:fixed;top:120px;right:24px;z-index:1100;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--liquid-shadow-2);animation:liquidSlideInFromRight .4s ease;max-width:400px}.liquid-toast-content{display:flex;align-items:flex-start;gap:12px}.liquid-toast-message{flex:1;display:flex;flex-direction:column;gap:4px}.liquid-toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:8px;transition:all var(--liquid-duration-normal);flex-shrink:0;font-size:18px;line-height:1}.liquid-toast-close:hover{background:#ffffff1a;color:var(--text-secondary)}@keyframes liquidSlideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1400px){.liquid-dashboard-layout{grid-template-columns:280px 1fr 320px;gap:20px}.liquid-main-workspace{padding:120px 20px 20px}}@media (max-width: 1200px){.liquid-dashboard-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:20px;height:auto;min-height:auto}.liquid-main-workspace{padding:120px 16px 16px}.liquid-search-panel,.liquid-analysis-panel{max-height:none}.liquid-floating-nav{grid-template-columns:1fr;gap:16px;text-align:center}.liquid-nav-section.left,.liquid-nav-section.right{justify-self:center}}@media (max-width: 768px){.liquid-floating-nav{top:16px;left:16px;right:16px;gap:12px}.liquid-floating-title{padding:12px 20px}.liquid-title-text{font-size:1.25rem}.liquid-floating-toggle{flex-direction:column;gap:4px}.liquid-toggle-btn{padding:8px 12px;font-size:.8rem}.liquid-main-workspace{padding:140px 12px 12px}.liquid-dashboard-layout{gap:16px}.liquid-search-panel,.liquid-analysis-panel{padding:16px}.liquid-floating-controls{top:16px;right:16px;left:16px;max-width:none}.liquid-overview-stats{flex-direction:column}.liquid-range-inputs{grid-template-columns:1fr}.liquid-error-toast{top:140px;right:16px;left:16px;max-width:none}.floating-map-style-controls{gap:6px;top:16px;padding:4px}.floating-style-btn{width:70px;height:36px}.btn-content{gap:4px;padding:0 8px}.btn-icon{width:14px;height:14px}.btn-label{font-size:.65rem}.liquid-reset-view-button{width:70px;height:36px;bottom:16px;right:16px}.reset-btn-content{gap:3px;padding:0 8px;font-size:.65rem}.reset-btn-icon{width:16px;height:16px}.liquid-fullscreen-map-container .liquid-reset-view-button{bottom:20px;right:20px}}@media (max-width: 480px){.liquid-floating-nav{top:12px;left:12px;right:12px}.liquid-main-workspace{padding:160px 8px 8px}.liquid-search-panel,.liquid-analysis-panel{padding:12px}.liquid-floating-controls{top:12px;right:12px;left:12px}}.liquid-search-panel::-webkit-scrollbar,.liquid-analysis-panel::-webkit-scrollbar{width:6px}.liquid-search-panel::-webkit-scrollbar-track,.liquid-analysis-panel::-webkit-scrollbar-track{background:var(--depth-bg-3);border-radius:3px}.liquid-search-panel::-webkit-scrollbar-thumb,.liquid-analysis-panel::-webkit-scrollbar-thumb{background:var(--liquid-primary-border);border-radius:3px}.liquid-search-panel::-webkit-scrollbar-thumb:hover,.liquid-analysis-panel::-webkit-scrollbar-thumb:hover{background:var(--liquid-primary)}.liquid-glass-button:focus,.liquid-toggle-btn:focus,.liquid-primary-button:focus,.liquid-input:focus{outline:2px solid var(--liquid-primary);outline-offset:2px}@media print{.liquid-floating-nav,.liquid-floating-controls,.liquid-error-toast{display:none}.liquid-glass-site-selection{background:#fff;color:#000}.liquid-dashboard-layout{grid-template-columns:1fr;gap:1rem}}.page-header{position:sticky;top:0;z-index:100;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-secondary);padding:var(--spacing-lg) 0}.header-content{max-width:1800px;margin:0 auto;padding:0 var(--spacing-xl);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:var(--spacing-lg)}.header-left{justify-self:start}.header-center{justify-self:center;text-align:center}.header-right{justify-self:end}.professional-back-button{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none}.professional-back-button:hover{background:var(--bg-panel);border-color:var(--border-primary);color:var(--text-primary);transform:translate(-2px);box-shadow:var(--shadow-md)}.project-info{max-width:600px}.project-title{font-size:1.75rem;font-weight:700;margin:0 0 var(--spacing-xs) 0;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(77,200,255,.3)}.project-subtitle{font-size:.9rem;color:var(--text-muted);margin:0;font-weight:400}.view-toggle{display:flex;gap:var(--spacing-sm);background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xs);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toggle-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.toggle-button:hover{background:var(--bg-panel);color:var(--text-secondary)}.toggle-button.active{background:var(--primary-color);color:var(--bg-primary);box-shadow:var(--shadow-sm)}.toggle-button svg{transition:transform var(--transition-fast)}.toggle-button:hover svg{transform:scale(1.1)}.main-workspace{padding:var(--spacing-xl);max-width:1800px;margin:0 auto}.dashboard-layout{display:grid;grid-template-columns:320px 1fr 360px;gap:var(--spacing-xl);height:calc(100vh - 140px);min-height:600px}.search-panel{background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--spacing-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);overflow-y:auto;transition:all var(--transition-normal)}.search-panel.collapsed{width:60px;padding:var(--spacing-lg) var(--spacing-md)}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-muted)}.panel-title-section{display:flex;align-items:center;gap:var(--spacing-md)}.panel-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.results-badge{padding:var(--spacing-xs) var(--spacing-md);background:var(--primary-color);color:var(--bg-primary);border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;white-space:nowrap}.collapse-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-panel);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal)}.collapse-button:hover{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-secondary)}.search-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-section{background:var(--bg-panel);border:1px solid var(--border-muted);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.form-section:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.section-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);cursor:pointer}.section-icon{font-size:1.25rem;line-height:1;margin-top:2px}.section-title h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.section-title p{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.4}.expand-indicator{margin-left:auto;transition:transform var(--transition-normal);color:var(--text-muted)}.expand-indicator.expanded{transform:rotate(180deg)}.section-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.input-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.input-wrapper{position:relative;display:flex;align-items:center}.form-input{width:100%;padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-muted);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;transition:all var(--transition-normal)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4dc8ff1a;background:var(--bg-secondary)}.form-input::placeholder{color:var(--text-muted)}.input-icon{position:absolute;right:var(--spacing-md);color:var(--text-muted);pointer-events:none}.input-unit{position:absolute;right:var(--spacing-md);font-size:.8rem;color:var(--text-muted);pointer-events:none}.range-controls{display:flex;flex-direction:column;gap:var(--spacing-lg)}.range-display{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-tertiary);border:1px solid var(--border-muted);border-radius:var(--radius-md)}.range-value{text-align:center;flex:1}.range-label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.range-number{display:block;font-size:1.1rem;font-weight:700;color:var(--primary-color)}.range-separator{color:var(--text-muted);font-weight:300;font-size:1.2rem}.range-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.input-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.form-actions{margin-top:var(--spacing-lg)}.primary-button{width:100%;padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);border:2px solid var(--primary-color);border-radius:var(--radius-lg);color:var(--bg-primary);font-weight:700;font-size:1rem;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.primary-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%);border-color:var(--primary-light);box-shadow:0 15px 35px #4dc8ff4d,0 8px 20px #4dc8ff33}.primary-button:hover:not(:disabled):before{left:100%}.primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);position:relative;z-index:2}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.central-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.map-workspace{background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);flex:1;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.map-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-panel);border-bottom:1px solid var(--border-muted)}.map-title-section{display:flex;align-items:center;gap:var(--spacing-lg)}.map-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.selected-indicator{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:var(--radius-lg);color:var(--secondary-color)}.selected-label{font-size:.85rem;font-weight:500}.selected-value{font-size:.9rem;font-weight:700}.map-controls{display:flex;gap:var(--spacing-sm)}.control-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal)}.control-button:hover{background:var(--bg-panel);border-color:var(--border-primary);color:var(--text-secondary);transform:scale(1.05)}.map-container{flex:1;position:relative;min-height:400px;background:var(--bg-tertiary)}.workspace-map{width:100%;height:100%;border-radius:0}.analysis-panel{background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--spacing-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);overflow-y:auto;max-height:calc(100vh - 140px)}.analysis-panel .panel-header{margin-bottom:var(--spacing-xl)}.site-badge{padding:var(--spacing-xs) var(--spacing-md);background:var(--accent-color);color:var(--bg-primary);border-radius:var(--radius-md);font-size:.75rem;font-weight:600}.detail-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-panel);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal)}.detail-toggle:hover{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-secondary)}.analysis-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.key-metrics{background:var(--bg-panel);border:1px solid var(--border-muted);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.metrics-header{margin-bottom:var(--spacing-lg)}.metrics-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.metrics-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.metric-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-tertiary);border:1px solid var(--border-muted);border-radius:var(--radius-md);transition:all var(--transition-normal)}.metric-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.metric-card.primary{border-color:var(--border-primary);background:#4dc8ff0d}.metric-icon{font-size:1.5rem;line-height:1}.metric-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.metric-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.cost-breakdown{background:var(--bg-panel);border:1px solid var(--border-muted);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.breakdown-header{margin-bottom:var(--spacing-lg)}.breakdown-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.breakdown-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.chart-container{background:var(--bg-tertiary);border:1px solid var(--border-muted);border-radius:var(--radius-md);padding:var(--spacing-lg);min-height:200px;display:flex;align-items:center;justify-content:center}.cost-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.cost-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-muted);border-radius:var(--radius-md);transition:all var(--transition-normal)}.cost-item:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.cost-indicator{display:flex;align-items:center;gap:var(--spacing-sm)}.cost-icon{font-size:1.25rem;line-height:1}.cost-color{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.cost-details{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.cost-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.cost-metrics{display:flex;align-items:center;justify-content:space-between}.cost-value{font-size:.9rem;font-weight:700;color:var(--text-primary)}.cost-percentage{font-size:.8rem;color:var(--text-muted);font-weight:500}.financial-analysis{background:var(--bg-panel);border:1px solid var(--border-muted);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.analysis-header{margin-bottom:var(--spacing-lg)}.analysis-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.financial-metrics{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-muted);border-radius:var(--radius-md)}.metric-item .metric-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.metric-item .metric-value{font-weight:700;color:var(--text-primary)}.metric-item .metric-value.highlight{color:var(--primary-color)}.metric-item .metric-value.positive{color:var(--secondary-color)}.metric-item .metric-value.negative{color:#ff6b6b}.investment-recommendation{background:var(--bg-tertiary);border:1px solid var(--border-muted);border-radius:var(--radius-md);padding:var(--spacing-lg)}.recommendation-card.warning{border-color:#ffc1074d;background:#ffc1070d}.recommendation-card.success{border-color:#00ff884d;background:#00ff880d}.recommendation-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.recommendation-icon{font-size:1.25rem;line-height:1}.recommendation-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.recommendation-content{font-size:.85rem;line-height:1.5;color:var(--text-secondary)}.empty-state{display:flex;align-items:center;justify-content:center;min-height:300px;padding:var(--spacing-xl)}.empty-content{text-align:center;max-width:300px}.empty-icon{margin-bottom:var(--spacing-lg);color:var(--text-muted);opacity:.5}.empty-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.empty-description{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin:0}.map-focus-mode{height:calc(100vh - 140px);position:relative}.fullscreen-map-container{width:100%;height:100%;border-radius:var(--radius-xl);overflow:hidden;position:relative;background:var(--bg-surface);border:1px solid var(--border-secondary);box-shadow:var(--shadow-xl)}.fullscreen-map{width:100%;height:100%;border-radius:var(--radius-xl)}.floating-controls{position:absolute;top:var(--spacing-xl);right:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg);z-index:10;max-width:320px}.floating-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md)}.floating-button:hover{background:var(--bg-panel);border-color:var(--border-primary);color:var(--text-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.return-button{background:var(--primary-color);border-color:var(--primary-color);color:var(--bg-primary)}.return-button:hover{background:var(--primary-light);border-color:var(--primary-light);color:var(--bg-primary)}.overview-panel,.site-details-panel{background:var(--bg-surface);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md)}.overview-header,.details-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-muted)}.overview-header h3,.details-header h4{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.overview-stats{display:flex;gap:var(--spacing-md)}.stat-item{text-align:center;flex:1;padding:var(--spacing-md);background:var(--bg-panel);border:1px solid var(--border-muted);border-radius:var(--radius-md)}.stat-value{font-size:1.25rem;font-weight:700;color:var(--primary-color);display:block;margin-bottom:var(--spacing-xs)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.details-metrics{display:flex;flex-direction:column;gap:var(--spacing-sm)}.detail-metric{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-muted)}.detail-metric:last-child{border-bottom:none}.detail-metric .metric-label{font-size:.8rem;color:var(--text-muted)}.detail-metric .metric-value{font-weight:600;color:var(--text-primary)}.error-notification{position:fixed;top:var(--spacing-xl);right:var(--spacing-xl);z-index:1000;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);animation:slideInFromRight .3s ease;max-width:400px}.notification-content{display:flex;align-items:flex-start;gap:var(--spacing-md)}.notification-icon{color:#ff6b6b;flex-shrink:0;margin-top:2px}.notification-message{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.notification-title{font-size:.9rem;font-weight:600;color:var(--text-primary)}.notification-text{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.notification-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-normal);flex-shrink:0}.notification-close:hover{background:#ffffff1a;color:var(--text-secondary)}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1400px){.dashboard-layout{grid-template-columns:280px 1fr 320px;gap:var(--spacing-lg)}.header-content{padding:0 var(--spacing-lg)}}@media (max-width: 1200px){.dashboard-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:var(--spacing-lg);height:auto;min-height:auto}.main-workspace{padding:var(--spacing-lg)}.search-panel,.analysis-panel{max-height:none}.header-content{grid-template-columns:1fr;gap:var(--spacing-md);text-align:center}.header-left,.header-right{justify-self:center}}@media (max-width: 768px){.page-header{padding:var(--spacing-md) 0}.header-content{padding:0 var(--spacing-md);gap:var(--spacing-sm)}.project-title{font-size:1.5rem}.project-subtitle{font-size:.8rem}.view-toggle{flex-direction:column;gap:var(--spacing-xs)}.toggle-button{padding:var(--spacing-sm);font-size:.8rem}.main-workspace{padding:var(--spacing-md)}.dashboard-layout{gap:var(--spacing-md)}.search-panel,.analysis-panel{padding:var(--spacing-lg)}.floating-controls{top:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);max-width:none}.overview-stats{flex-direction:column}.metric-row,.range-inputs{grid-template-columns:1fr}.error-notification{top:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);max-width:none}}@media (max-width: 480px){.header-content{padding:0 var(--spacing-sm)}.main-workspace{padding:var(--spacing-sm)}.search-panel,.analysis-panel{padding:var(--spacing-md)}.project-title{font-size:1.25rem}.floating-controls{top:var(--spacing-sm);right:var(--spacing-sm);left:var(--spacing-sm)}}.search-panel::-webkit-scrollbar,.analysis-panel::-webkit-scrollbar{width:6px}.search-panel::-webkit-scrollbar-track,.analysis-panel::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.search-panel::-webkit-scrollbar-thumb,.analysis-panel::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.search-panel::-webkit-scrollbar-thumb:hover,.analysis-panel::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.site-selection-page,.search-panel,.analysis-panel,.map-workspace{transform:translateZ(0);will-change:transform}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.form-input:focus,.toggle-button:focus,.primary-button:focus,.control-button:focus,.floating-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.page-header,.floating-controls,.error-notification{display:none}.site-selection-page{background:#fff;color:#000}.dashboard-layout{grid-template-columns:1fr;gap:1rem}}#root{max-width:100%;margin:0;padding:0;text-align:center;width:100%;height:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9f9f9}body.ai-analyzer-active{background:linear-gradient(135deg,#667eea,#764ba2)!important}body.ai-project-active{background-color:#050a12!important}body.main-page-active{background-color:#f9f9f9!important}.app-container{min-height:100vh;width:100%;margin:0;padding:0;overflow-y:auto;background:inherit}html,body{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden}::-webkit-scrollbar{width:0px;background:transparent}::-webkit-scrollbar-thumb{background:transparent}html{scrollbar-width:none}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0px;background:transparent}.app-container{transition:background-color .3s ease}.ai-analyzer-page,.ai-project-page,.main-page{text-align:initial;position:relative;z-index:1}.park-popup-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;width:100%;min-width:280px;max-width:320px;font-family:Roboto,Segoe UI,Arial,sans-serif}.park-popup-header{background:#f8f9fa;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.05);position:relative}.park-popup-title{margin:0;font-size:1.1rem;font-weight:600;color:#333;padding-right:20px}.park-popup-content{padding:16px 20px}.park-popup-location{margin:0 0 16px;font-size:.9rem;color:#666;display:flex;align-items:center}.park-popup-location:before{content:"📍";margin-right:6px;font-size:1rem}.park-popup-key-data{background:#f8f9fa;border-radius:8px;padding:12px;margin-bottom:16px;border:1px solid rgba(0,0,0,.05)}.key-data-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.85rem;line-height:1.4}.key-data-row:last-child{margin-bottom:0}.key-data-label{color:#666;font-weight:500}.key-data-value{color:#333;font-weight:600}.park-popup-button{background:#3498db;color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;text-align:center;display:flex;align-items:center;justify-content:center}.park-popup-button:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 3px 8px #0000001a}.park-popup-button:active{transform:translateY(0)}.park-popup-button:after{content:"→";margin-left:8px;font-size:1.1rem;transition:transform .2s ease}.park-popup-button:hover:after{transform:translate(3px)}.park-detail-popup .leaflet-popup-content-wrapper{border-radius:12px;box-shadow:0 4px 15px #00000026;padding:0;overflow:hidden}.park-detail-popup .leaflet-popup-content{margin:0;width:300px!important;max-width:300px}.park-detail-popup .park-popup-content{background:#fff;padding:15px 20px}.park-detail-popup h3{margin:0 0 10px;font-size:1.2rem;font-weight:600;color:#333;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:8px}.park-detail-popup p{margin:8px 0;font-size:.95rem;color:#555;line-height:1.4}.park-detail-popup strong{color:#333;font-weight:600}.park-detail-popup .leaflet-popup-close-button{position:absolute;top:10px;right:10px;width:24px;height:24px;background:#fffc;border-radius:50%;color:#666;font-size:20px;font-weight:700;text-align:center;line-height:22px;z-index:1000;box-shadow:0 1px 5px #0000001a;cursor:pointer;transition:all .2s ease}.park-detail-popup .leaflet-popup-close-button:hover{background:#fff;color:#ff3b30;transform:scale(1.1)}.leaflet-control-attribution{display:none!important}