@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";html,body{margin:0;padding:0;font-family:Raleway,sans-serif;background:#191919;height:100%}*{box-sizing:border-box}body{display:flex;flex-direction:column}.wrap{display:flex;width:100vw;flex-grow:1;position:relative}.dropzone{display:flex;flex-grow:1;flex-direction:column;justify-content:center;align-items:center}.placeholder{width:100%;max-width:500px;border-radius:.5em;padding:2em;text-align:center}.placeholder p{font-size:1.2rem;color:#999}.viewer{width:100%;height:100%;flex-grow:1;flex-shrink:1;position:absolute;top:0;z-index:0}.axes{width:100px;height:100px;margin:20px;padding:0;position:absolute;left:0;bottom:0;z-index:10;pointer-events:none}header{display:flex;background:#353535;padding:0 2em;height:4rem;line-height:4rem;align-items:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap;box-shadow:0 0 8px 2px #0000004d;z-index:1;-webkit-app-region:drag}header h1{color:#f5f5f5;font-size:1.4rem;font-weight:300;line-height:4rem;margin:0}header h1>a{color:inherit;font-size:inherit;text-decoration:inherit}.gui-wrap{position:absolute;top:0;right:0;bottom:0;pointer-events:none}.gui-wrap>.main{pointer-events:all;max-height:100%;overflow:auto}.dg li.gui-stats:not(.folder){height:auto}@media screen and (max-width: 700px){header h1{font-size:1em}}footer{position:absolute;bottom:.5em;right:.5em;font-family:monospace;color:#fff}footer a{color:inherit;opacity:.5;text-decoration:inherit}footer a:hover{opacity:1;text-decoration:underline}footer .separator{margin:0 .5em;opacity:.2}.upload-btn{margin-top:2em}.upload-btn input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.upload-btn label{color:gray;border:0;border-radius:3px;transition:ease .2s background;font-size:1rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:inline-block;overflow:hidden;padding:.625rem 1.25rem}.upload-btn label:hover{background:#252525}.upload-btn svg{width:1em;height:1em;vertical-align:middle;fill:currentColor;margin-top:-.25em;margin-right:.25em}.report{padding:2em;max-width:860px}.report h1{margin-top:0}.report p,.report ul{line-height:1.5em}.report-table{text-align:left;border-collapse:collapse;width:100%}.report-table thead tr{background:#404040;color:#fff}.report-table th,.report-table td{padding:.5em 1em}.report-table tr:nth-child(2n){background:#f0f0f0}.report-toggle-wrap.hidden{display:none}.report-toggle{cursor:pointer;display:flex;position:absolute;bottom:0;left:20px;height:30px;box-shadow:0 0 5px #00000040;background:#fff;box-sizing:border-box;color:#f0f0f0;background:#000;border-left:6px solid #000}.report-toggle.level-1{color:#444;background:#ffeda0;border-left-color:#feb24c}.report-toggle.level-0{color:#444;background:#f4c2be;border-left-color:#b10026}.report-toggle-text{line-height:32px;padding:0 .5em;font-weight:300;font-size:.8em}.report-toggle-close{width:30px;height:30px;line-height:30px;font-size:1.5em;text-align:center}.spinner{width:100px;height:100px;position:absolute;left:50%;top:50%;margin:-20px;background-color:#fff;border-radius:100%;animation:sk-scaleout 1s infinite ease-in-out}@keyframes sk-scaleout{0%{transform:scale(0)}to{transform:scale(1);opacity:0}}.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;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{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{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;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;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor: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: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;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;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;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}}.itoilet-dashboard-root{padding:20px;background:linear-gradient(135deg,#06101b,#00161b);min-height:100vh;color:#fff}.itoilet-dashboard-header{text-align:center;margin-bottom:30px;padding:20px;background:#00ffff0d;border-radius:10px;border:1px solid rgba(0,255,255,.2)}.itoilet-dashboard-overview{margin-bottom:30px}.itoilet-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.itoilet-dashboard-card{background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:10px;padding:20px;display:flex;align-items:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.itoilet-dashboard-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0ff3;border-color:#0ff6}.itoilet-dashboard-card-icon{font-size:2.5rem;margin-right:15px;min-width:60px;text-align:center}.itoilet-dashboard-card-content{flex:1}.itoilet-dashboard-card-content h4{margin:0 0 8px;font-size:.9rem;color:#ccc;font-weight:400}.itoilet-dashboard-card-value{font-size:2rem;font-weight:700;margin:0 0 5px;color:#0ff}.itoilet-dashboard-card-label{font-size:.8rem;color:#888;margin:0}.itoilet-dashboard-charts{margin-top:30px}.itoilet-dashboard-chart-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px;margin-bottom:20px}.itoilet-dashboard-chart-card{background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:10px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.itoilet-dashboard-chart-title{color:#0ff;font-size:1.2rem;margin:0 0 20px;text-align:center;font-weight:700}.itoilet-dashboard-chart-container{height:250px;width:100%}.itoilet-dashboard-environment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.itoilet-dashboard-environment-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px;text-align:center;transition:all .3s ease}.itoilet-dashboard-environment-item:hover{background:#ffffff1a;transform:translateY(-2px)}.itoilet-dashboard-environment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.itoilet-dashboard-environment-name{font-size:.9rem;color:#ccc}.itoilet-dashboard-environment-indicator{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.itoilet-dashboard-environment-value{font-size:1.5rem;font-weight:700;color:#0ff;margin-bottom:5px}.itoilet-dashboard-environment-status{font-size:.8rem;color:#888}.itoilet-dashboard-supplies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.itoilet-dashboard-supplies-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px;transition:all .3s ease}.itoilet-dashboard-supplies-item:hover{background:#ffffff1a;transform:translateY(-2px)}.itoilet-dashboard-supplies-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.itoilet-dashboard-supplies-name{font-size:.9rem;color:#ccc}.itoilet-dashboard-supplies-indicator{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}.itoilet-dashboard-supplies-status-display{text-align:center;margin-top:5px}.itoilet-dashboard-supplies-status-text{font-size:1rem;font-weight:700;padding:4px 12px;border-radius:16px;background:#ffffff1a;display:inline-block}@media (max-width: 768px){.itoilet-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.itoilet-dashboard-chart-row{grid-template-columns:1fr;gap:15px}.itoilet-dashboard-card{padding:15px}.itoilet-dashboard-card-icon{font-size:2rem;margin-right:10px;min-width:50px}.itoilet-dashboard-card-value{font-size:1.5rem}}@media (max-width: 480px){.itoilet-dashboard-root{padding:10px}.itoilet-dashboard-grid,.itoilet-dashboard-environment-grid,.itoilet-dashboard-supplies-grid{grid-template-columns:1fr;gap:10px}}.itoilet-dashboard-card{animation:fadeInUp .6s ease-out}.itoilet-dashboard-chart-card{animation:fadeInUp .6s ease-out;animation-delay:.2s;animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.itoilet-dashboard-root::-webkit-scrollbar{width:8px}.itoilet-dashboard-root::-webkit-scrollbar-track{background:#00ffff1a;border-radius:4px}.itoilet-dashboard-root::-webkit-scrollbar-thumb{background:#00ffff4d;border-radius:4px}.itoilet-dashboard-root::-webkit-scrollbar-thumb:hover{background:#00ffff80}.iweather-dashboard{background:linear-gradient(135deg,#06101b,#0a1a2a);min-height:100vh;color:#fff}.stat-card{transition:all .3s ease;border:1px solid transparent}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00ffff26;border-color:#0ff}.chart-container{background:#0a1a2acc;border:1px solid #1C2B3A;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sensor-status{position:relative;padding-left:20px}.sensor-status:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #00ffffb3}70%{box-shadow:0 0 0 10px #0ff0}to{box-shadow:0 0 #0ff0}}.aqi-good{color:#0f0}.aqi-moderate{color:#ff0}.aqi-unhealthy-sensitive{color:orange}.aqi-unhealthy{color:red}.aqi-very-unhealthy{color:purple}.aqi-hazardous{color:maroon}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stat-grid{grid-template-columns:1fr}}.loading-spinner{border:3px solid #1C2B3A;border-top:3px solid #00FFFF;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.data-update{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.warning-pulse{animation:warningPulse 1.5s ease-in-out infinite alternate}@keyframes warningPulse{0%{box-shadow:0 0 5px #ffa50080}to{box-shadow:0 0 20px #ffa500cc}}.error-pulse{animation:errorPulse 1s ease-in-out infinite alternate}@keyframes errorPulse{0%{box-shadow:0 0 5px #ff000080}to{box-shadow:0 0 20px #f00c}}.custom-tooltip{background:#06101bf2!important;border:1px solid #00FFFF!important;border-radius:8px!important;padding:8px 12px!important;color:#fff!important;font-size:12px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.recharts-cartesian-axis-line{stroke:#1c2b3a!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#1c2b3a!important;stroke-dasharray:3 3!important}.recharts-text{fill:#0ff!important;font-size:12px!important}.recharts-label{fill:#0ff!important;font-size:11px!important}.recharts-legend-item-text{color:#0ff!important;font-size:12px!important}::-webkit-scrollbar-track{background:#1c2b3a}::-webkit-scrollbar-thumb{background:#0ff;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0cc}html,body,#root{min-height:100vh;height:auto}.iearthquakeCMS-gradient-text{background:linear-gradient(to right,#4ade80,#3b82f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.iearthquakeCMS-status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}.iearthquakeCMS-status-green{background-color:#4ade80;box-shadow:0 0 8px #4ade80}.iearthquakeCMS-status-yellow{background-color:#facc15;box-shadow:0 0 8px #facc15}.iearthquakeCMS-status-red{background-color:#f87171;box-shadow:0 0 8px #f87171}.iearthquakeCMS-card{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .3s ease;padding:.75rem;display:flex;flex-direction:column;overflow:hidden}.iearthquakeCMS-card.iearthquakeCMS-clickable:hover{border-color:#3b82f680}.iearthquakeCMS-alert-pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.iearthquakeCMS-custom-scrollbar::-webkit-scrollbar{width:6px}.iearthquakeCMS-custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.iearthquakeCMS-custom-scrollbar::-webkit-scrollbar-thumb{background:#4a5568;border-radius:3px}.iearthquakeCMS-custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#718096}.iearthquakeCMS-data-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.iearthquakeCMS-underline{text-decoration:underline}.iearthquakeCMS-form-input,.iearthquakeCMS-form-select{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:.5rem 1rem;color-scheme:dark}.iearthquakeCMS-form-input{color:#fff}.iearthquakeCMS-form-select{color:#9ca3af}.iearthquakeCMS-form-select.iearthquakeCMS-selection-made{color:#fff}.iearthquakeCMS-form-input:focus,.iearthquakeCMS-form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f680}.iearthquakeCMS-form-select option{background:#1f2937;color:#d1d5db}@keyframes alert-throb{0%,to{box-shadow:0 0 #ef4444b3}50%{box-shadow:0 0 0 20px #ef444400}}.iearthquakeCMS-alert-throb-icon{animation:alert-throb 1.5s infinite}.iearthquakeCMS-container{min-height:100vh;padding:.5rem;overflow-x:hidden}.iearthquakeCMS-max-width{max-width:994px;margin:0 auto;display:flex;flex-direction:column;min-height:100vh}@media (min-width: 1266px) and (min-height: 888px){.iearthquakeCMS-container{height:auto;overflow:visible}.iearthquakeCMS-max-width{max-width:1266px;height:auto;overflow:visible}}.iearthquakeCMS-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-shrink:0}.iearthquakeCMS-main{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;flex:1;overflow:hidden}@media (min-width: 1266px) and (min-height: 888px){.iearthquakeCMS-main{overflow:visible}}.iearthquakeCMS-text-left{text-align:left}@media (min-width: 640px){.iearthquakeCMS-text-right{text-align:right}}.iearthquakeCMS-text-center{text-align:center}.iearthquakeCMS-text-sm{font-size:.875rem;line-height:1.25rem}.iearthquakeCMS-text-lg{font-size:1.125rem;line-height:1.75rem}.iearthquakeCMS-text-xl{font-size:1.25rem;line-height:1.75rem}.iearthquakeCMS-text-2xl{font-size:1.5rem;line-height:2rem}.iearthquakeCMS-text-3xl{font-size:1.875rem;line-height:2.25rem}.iearthquakeCMS-text-4xl{font-size:2.25rem;line-height:2.5rem}.iearthquakeCMS-text-5xl{font-size:2rem;line-height:1}.iearthquakeCMS-text-6xl{font-size:2.5rem;line-height:1}.iearthquakeCMS-text-8xl{font-size:3.5rem;line-height:1}.iearthquakeCMS-font-medium{font-weight:500}.iearthquakeCMS-font-semibold{font-weight:600}.iearthquakeCMS-font-bold{font-weight:700}.iearthquakeCMS-font-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.iearthquakeCMS-whitespace-nowrap{white-space:nowrap}.iearthquakeCMS-text-white{color:#fff}.iearthquakeCMS-text-gray-300{color:#d1d5db}.iearthquakeCMS-text-gray-400{color:#9ca3af}.iearthquakeCMS-text-gray-500{color:#6b7280}.iearthquakeCMS-text-yellow-300{color:#fde047}.iearthquakeCMS-text-green-400{color:#4ade80}.iearthquakeCMS-text-red-400{color:#f87171}.iearthquakeCMS-text-blue-400{color:#60a5fa}.iearthquakeCMS-text-gray-900{color:#111827}.iearthquakeCMS-bg-black{background-color:#000}.iearthquakeCMS-bg-gray-600{background-color:#4b5563}.iearthquakeCMS-bg-gray-700{background-color:#374151}.iearthquakeCMS-bg-gray-800{background-color:#1f2937}.iearthquakeCMS-bg-blue-600{background-color:#2563eb}.iearthquakeCMS-bg-yellow-500{background-color:#eab308}.iearthquakeCMS-bg-gray-900-50{background-color:#11182780}.iearthquakeCMS-bg-red-500-20{background-color:#ef444433}.iearthquakeCMS-bg-green-500-20{background-color:#22c55e33}.iearthquakeCMS-bg-opacity-80{background-color:#000c}.iearthquakeCMS-bg-opacity-70{background-color:#000000b3}.iearthquakeCMS-flex{display:flex}.iearthquakeCMS-flex-col{flex-direction:column}.iearthquakeCMS-items-center{align-items:center}.iearthquakeCMS-items-start{align-items:flex-start}.iearthquakeCMS-justify-center{justify-content:center}.iearthquakeCMS-justify-between{justify-content:space-between}.iearthquakeCMS-flex-grow{flex-grow:1}.iearthquakeCMS-flex-shrink-0{flex-shrink:0}.iearthquakeCMS-grid{display:grid}.iearthquakeCMS-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.iearthquakeCMS-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.iearthquakeCMS-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width: 768px){.iearthquakeCMS-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.iearthquakeCMS-gap-2{gap:.5rem}.iearthquakeCMS-gap-4{gap:1rem}.iearthquakeCMS-gap-6{gap:1.5rem}.iearthquakeCMS-gap-x-6{column-gap:1.5rem}.iearthquakeCMS-gap-y-2{row-gap:.5rem}.iearthquakeCMS-space-x-4>*+*{margin-left:1rem}.iearthquakeCMS-space-y-2>*+*{margin-top:.5rem}.iearthquakeCMS-space-y-3>*+*{margin-top:.75rem}.iearthquakeCMS-mt-4{margin-top:1rem}.iearthquakeCMS-mt-6{margin-top:1.5rem}.iearthquakeCMS-mb-2,.iearthquakeCMS-mb-4{margin-bottom:.5rem}.iearthquakeCMS-mb-6{margin-bottom:.75rem}.iearthquakeCMS-mr-2{margin-right:.5rem}.iearthquakeCMS-ml-2{margin-left:.5rem}.iearthquakeCMS-p-3{padding:.75rem}.iearthquakeCMS-p-4{padding:1rem}.iearthquakeCMS-p-6{padding:.75rem}.iearthquakeCMS-p-12{padding:3rem}.iearthquakeCMS-px-3{padding-left:.75rem;padding-right:.75rem}.iearthquakeCMS-px-4{padding-left:1rem;padding-right:1rem}.iearthquakeCMS-px-6{padding-left:1.5rem;padding-right:1.5rem}.iearthquakeCMS-py-1{padding-top:.25rem;padding-bottom:.25rem}.iearthquakeCMS-py-2{padding-top:.5rem;padding-bottom:.5rem}.iearthquakeCMS-py-3{padding-top:.75rem;padding-bottom:.75rem}.iearthquakeCMS-pr-2{padding-right:.5rem}.iearthquakeCMS-w-5{width:1.25rem}.iearthquakeCMS-w-4{width:1rem}.iearthquakeCMS-w-6{width:1.5rem}.iearthquakeCMS-w-11-12{width:91.666667%}.iearthquakeCMS-w-16{width:4rem}.iearthquakeCMS-w-24{width:6rem}.iearthquakeCMS-w-full{width:100%}.iearthquakeCMS-h-5{height:1.25rem}.iearthquakeCMS-h-4{height:1rem}.iearthquakeCMS-h-6{height:1.5rem}.iearthquakeCMS-h-16{height:4rem}.iearthquakeCMS-h-24{height:6rem}.iearthquakeCMS-h-48{height:12rem}.iearthquakeCMS-max-w-lg{max-width:32rem}.iearthquakeCMS-max-w-5xl{max-width:64rem}.iearthquakeCMS-fixed{position:fixed}.iearthquakeCMS-inset-0{top:0;right:0;bottom:0;left:0}.iearthquakeCMS-sticky{position:sticky}.iearthquakeCMS-top-0{top:0}.iearthquakeCMS-z-50{z-index:50}.iearthquakeCMS-z-100{z-index:100}.iearthquakeCMS-border{border-width:1px}.iearthquakeCMS-border-4{border-width:4px}.iearthquakeCMS-border-b{border-bottom-width:1px}.iearthquakeCMS-border-gray-700{border-color:#374151}.iearthquakeCMS-border-blue-500-50{border-color:#3b82f680}.iearthquakeCMS-border-red-500-50{border-color:#ef444480}.iearthquakeCMS-border-green-500-30{border-color:#22c55e4d}.iearthquakeCMS-border-yellow-400{border-color:#facc15}.iearthquakeCMS-border-red-500{border-color:#ef4444}.iearthquakeCMS-rounded-lg{border-radius:.5rem}.iearthquakeCMS-rounded-xl{border-radius:.75rem}.iearthquakeCMS-rounded-2xl{border-radius:1rem}.iearthquakeCMS-rounded-full{border-radius:9999px}.iearthquakeCMS-backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.iearthquakeCMS-backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.iearthquakeCMS-shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.iearthquakeCMS-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.iearthquakeCMS-duration-500{transition-duration:.5s}.iearthquakeCMS-hover-bg-gray-700:hover{background-color:#374151}.iearthquakeCMS-hover-bg-gray-600:hover{background-color:#4b5563}.iearthquakeCMS-hover-bg-blue-700:hover{background-color:#1d4ed8}.iearthquakeCMS-hover-bg-yellow-600:hover{background-color:#ca8a04}.iearthquakeCMS-hover-text-white:hover{color:#fff}.iearthquakeCMS-hover-bg-gray-800:hover{background-color:#1f2937}.iearthquakeCMS-cursor-pointer{cursor:pointer}.iearthquakeCMS-overflow-y-auto{overflow-y:auto}.iearthquakeCMS-table{width:100%;text-align:left;font-size:.875rem;line-height:1.25rem}.iearthquakeCMS-table thead{position:sticky;top:0;background-color:#1f2937}.iearthquakeCMS-table th,.iearthquakeCMS-table td{padding:.75rem}.iearthquakeCMS-table tr{border-bottom:1px solid #374151}.iearthquakeCMS-table tr:hover{background-color:#1f2937}.iearthquakeCMS-table tr:last-child{border-bottom:none}.iearthquakeCMS-btn{font-weight:700;border-radius:.5rem;transition:all .15s ease-in-out;display:flex;justify-content:center;align-items:center}.iearthquakeCMS-btn-gray{background-color:#4b5563;color:#fff;padding:.5rem 1rem}.iearthquakeCMS-btn-gray:hover{background-color:#374151}.iearthquakeCMS-btn-quick{background-color:#264e5e;color:#fff;padding:.5rem 1rem}.iearthquakeCMS-btn-quick:hover{background-color:#1e3d4a}.iearthquakeCMS-btn-blue{background-color:#2563eb;color:#fff;padding:.5rem 1rem}.iearthquakeCMS-btn-blue:hover{background-color:#1d4ed8}.iearthquakeCMS-btn-blue:disabled{opacity:.6;cursor:not-allowed}.iearthquakeCMS-btn-red{background-color:#ef4444;color:#fff;padding:.5rem 1rem;border:1px solid #ef4444}.iearthquakeCMS-btn-red:hover{background-color:#dc2626;border-color:#dc2626}.iearthquakeCMS-btn-red:disabled{opacity:.6;cursor:not-allowed;background-color:#7f1d1d;border-color:#7f1d1d}.iearthquakeCMS-btn-loading{position:relative}.iearthquakeCMS-btn-loading i[data-feather=refresh-cw]{animation:spin 1s linear infinite}.iearthquakeCMS-btn-success{background-color:#22c55e!important;animation:success-pulse .5s ease-in-out}@keyframes success-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.iearthquakeCMS-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.iearthquakeCMS-btn-yellow{background-color:#eab308;color:#111827;padding:.5rem 1rem}.iearthquakeCMS-btn-yellow:hover{background-color:#ca8a04}.iearthquakeCMS-btn-neon{background-color:#0a0a0a;color:#0ff;border:2px solid #00ffff;border-radius:.5rem;padding:.5rem 1rem;font-weight:700;font-size:.875rem;transition:all .3s ease;margin-left:1rem}.iearthquakeCMS-btn-neon:hover{background-color:#00ffff1a}.iearthquakeCMS-icon{width:1.25rem;height:1.25rem;color:#9ca3af}.iearthquakeCMS-icon:hover{color:#fff}.iearthquakeCMS-icon-large{width:4rem;height:4rem}.iearthquakeCMS-status-indicator{display:flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.iearthquakeCMS-status-indicator-red{background-color:#ef444433;color:#f87171}.iearthquakeCMS-status-indicator-green{background-color:#22c55e33;color:#4ade80}.iearthquakeCMS-col-span-2,.iearthquakeCMS-lg-col-span-2{grid-column:span 2 / span 2}.iearthquakeCMS-earthquake-info{text-align:center;display:grid;grid-template-columns:1fr;gap:.5rem;flex-grow:1;background-color:#11182780;border-radius:.5rem;padding:.5rem}.iearthquakeCMS-eew-grid{text-align:center;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;background-color:#11182780;border-radius:.5rem;padding:.5rem}.iearthquakeCMS-report-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem .75rem;font-size:.75rem;line-height:1rem}.iearthquakeCMS-device-container{display:flex;flex-direction:column;gap:.5rem}.iearthquakeCMS-log-container{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.25rem;height:8rem}.iearthquakeCMS-log-entry{display:flex;align-items:flex-start}.iearthquakeCMS-log-text{font-size:.875rem;color:#d1d5db;display:flex;align-items:flex-start}.iearthquakeCMS-log-timestamp{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;color:#6b7280;margin-right:.5rem}.iearthquakeCMS-log-icon{width:1rem;height:1rem;margin-top:.25rem;margin-right:.5rem;flex-shrink:0}.iearthquakeCMS-log-icon-success{color:#4ade80}.iearthquakeCMS-log-icon-warning{color:#facc15}.iearthquakeCMS-log-icon-danger{color:#f87171}.iearthquakeCMS-log-icon-info{color:#60a5fa}.iearthquakeCMS-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:100}.iearthquakeCMS-modal-content{text-align:center;color:#fff;padding:3rem;border-radius:1rem;max-width:32rem;width:91.666667%;border-width:4px;background-color:#11182780}.iearthquakeCMS-modal-icon{width:6rem;height:6rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin:0 auto}.iearthquakeCMS-modal-icon-eew{background-color:#facc15;color:#111827}.iearthquakeCMS-modal-icon-shock{background-color:#ef4444;color:#fff}.iearthquakeCMS-detail-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:50}.iearthquakeCMS-detail-modal-content{border-radius:.75rem;padding:1.5rem;width:91.666667%;max-width:64rem;color:#fff;border-color:#3b82f680;display:flex;flex-direction:column}.iearthquakeCMS-detail-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-shrink:0}.iearthquakeCMS-detail-modal-filters{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;flex-shrink:0}.iearthquakeCMS-detail-modal-filters>div{display:flex;align-items:center;gap:1rem}.iearthquakeCMS-detail-modal-footer{display:flex;justify-content:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.iearthquakeCMS-footer{margin-top:.5rem;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;padding:.5rem;transition:border-color .3s ease;flex-shrink:0}.iearthquakeCMS-footer-title{font-size:.875rem;font-weight:700;text-align:center;margin-bottom:.25rem;color:#fff}.iearthquakeCMS-footer-controls{display:flex;justify-content:center;gap:.5rem}body{font-family:Inter,Noto Sans TC,sans-serif;background-color:#0d1a2e;color:#e0e0e0;margin:0}#ilake-app-container{background-color:#0d1a2e;display:flex;flex-direction:column;height:100vh;overflow:hidden}#ilake-header{flex-shrink:0;padding:1.5rem}#ilake-main-grid{display:grid;grid-template-rows:minmax(0,1fr);gap:1.5rem;padding:1.5rem;flex-grow:1;min-height:0}.ilake-sidebar{background-color:#0d1a2ecc;border:1px solid rgba(0,191,255,.2);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto}.ilake-main-content{min-height:0}.ilake-card{background-color:#14274099;border:1px solid rgba(0,191,255,.2);border-radius:12px;padding:1.25rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ilake-card-title{font-size:1.1rem;font-weight:500;color:#a0d2eb;margin-bottom:1rem;border-left:3px solid #00bfff;padding-left:.75rem}.ilake-status-normal{color:#4ade80}.ilake-status-warning{color:#facc15}.ilake-status-danger{color:#f87171}.ilake-camera-feed{position:relative;border-radius:.75rem;overflow:hidden;background-color:#1e293b;cursor:pointer}.ilake-camera-feed img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease-in-out}.ilake-camera-feed:hover img{transform:scale(1.05)}.ilake-camera-overlay{position:absolute;bottom:0;left:0;right:0;padding:.75rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff}.ilake-camera-overlay h3{font-size:.9rem}.ilake-camera-overlay p{font-size:.7rem}.ilake-tab-button{padding:.5rem 1rem;border-radius:.5rem;border:1px solid transparent;color:#a0d2eb;font-weight:500;transition:all .2s ease-in-out;flex-grow:1;cursor:pointer}.ilake-tab-button:hover{background-color:#00bfff33}.ilake-tab-button.active{background-color:#00bfff;color:#0d1a2e;font-weight:700}#ilake-alert-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ilake-modal-content{background-color:#1e293b;border:2px solid #f87171;border-radius:1rem;padding:2rem;width:90%;max-width:800px;text-align:center;box-shadow:0 0 30px #f8717180;position:relative}.ilake-modal-content h2{font-size:2rem;font-weight:700;color:#f87171;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.ilake-modal-content .ilake-camera-feed{max-height:400px;margin-bottom:1.5rem}#ilake-image-modal,#ilake-event-log-modal{display:none;background-color:#000c;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1rem}#ilake-image-modal{z-index:2000}#ilake-event-log-modal{z-index:1500}@media (max-width: 994px) and (max-height: 1080px){#ilake-app-container{height:100vh;overflow:hidden}#ilake-header{padding:.75rem 1rem}#ilake-main-grid{grid-template-columns:1fr;gap:1rem;padding:1rem;height:calc(100vh - 80px)}.ilake-sidebar{padding:1rem;gap:1rem;overflow-y:auto;max-height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;grid-gap:.5rem}.ilake-sidebar>div:first-child{grid-column:1 / -1}.ilake-sidebar .ilake-card:nth-child(2){grid-column:1;grid-row:2}.ilake-sidebar .ilake-card:nth-child(3){grid-column:2;grid-row:2}.ilake-sidebar .ilake-card:nth-child(4){grid-column:1;grid-row:3}.ilake-sidebar .ilake-card:nth-child(5){grid-column:2;grid-row:3}.ilake-sidebar .ilake-card:nth-child(6){grid-column:1 / -1;grid-row:4}.ilake-card{padding:.875rem}.ilake-card-title{font-size:1rem;margin-bottom:.75rem;padding-left:.5rem}.ilake-camera-feed{min-height:80px}.ilake-camera-overlay{padding:.5rem}.ilake-camera-overlay h3{font-size:.8rem}.ilake-camera-overlay p{font-size:.65rem}.camera-view{gap:.5rem}.camera-view .ilake-camera-feed{min-height:60px}.ilake-card.flex-grow{min-height:150px}.ilake-card .space-y-3{max-height:120px}.ilake-card .space-y-3>div:nth-child(n+3){display:none}.grid.grid-cols-2.gap-3{gap:.5rem}.grid.grid-cols-2.gap-3 .ilake-camera-feed{min-height:60px}.ilake-card .space-y-3>div{padding:.25rem 0}.ilake-card .flex.items-center.justify-center{padding:.75rem}.ilake-card .flex.items-center.justify-center svg{width:1.5rem;height:1.5rem}.ilake-card .flex.items-center.justify-center .font-bold{font-size:1rem}.ilake-card .flex.items-center.justify-center .text-sm{font-size:.75rem}.ilake-sidebar h1{font-size:1.5rem}.ilake-sidebar p{font-size:1rem}.ilake-sidebar::-webkit-scrollbar{display:none}.ilake-sidebar{-ms-overflow-style:none;scrollbar-width:none}.ilake-card .text-xs.text-cyan-400{display:none}.ilake-card .space-y-3::-webkit-scrollbar{display:none}.ilake-card .space-y-3{-ms-overflow-style:none;scrollbar-width:none}}@media (max-width: 1200px){.ilake-main-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;max-height:none;overflow-y:auto}body{overflow:auto;height:auto;flex-direction:column}.ilake-sidebar{max-height:none}}.itoliet-cms-root{width:100%;height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#03171c;color:#fff;font-family:Noto Sans TC,Microsoft JhengHei,Arial,sans-serif;position:relative;overflow:visible}.itoliet-cms-loading,.itoliet-cms-error,.itoliet-cms-no-data{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#071861,#001c3a);color:#fff;font-family:Noto Sans TC,Microsoft JhengHei,Arial,sans-serif;font-size:18px;z-index:10}.itoliet-cms-loading{color:#3fd7ff}.itoliet-cms-error{color:#ff3b3b}.itoliet-cms-no-data{color:#fa0}.itoliet-cms-selector{position:absolute;top:20px;right:20px;z-index:1000}.itoliet-cms-selector-container{display:flex;align-items:center;gap:15px;background:#001c3ae6;border:2px solid #3fd7ff;border-radius:8px;padding:12px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-left:auto;position:relative;z-index:1000}.itoliet-cms-selector-label{font-size:18.2px;font-weight:500;color:#3fd7ff;white-space:nowrap}.itoliet-cms-selector-dropdown{background:#001c3acc;border:1px solid #3fd7ff;border-radius:4px;color:#fff;padding:8px 12px;font-size:18.2px;font-family:Noto Sans TC,Microsoft JhengHei,Arial,sans-serif;cursor:pointer;outline:none;transition:all .3s ease;min-width:120px;position:relative;z-index:1001}.itoliet-cms-selector-dropdown:hover{border-color:#00b6ee;background:#001c3ae6}.itoliet-cms-selector-dropdown:focus{border-color:#00b6ee;box-shadow:0 0 0 2px #3fd7ff4d}.itoliet-cms-selector-dropdown option{background:#001c3af2;color:#fff;padding:8px;position:relative;z-index:1002}@media screen and (max-width: 1223px){.itoliet-cms-selector{top:15px;left:15px}.itoliet-cms-selector-container{padding:10px 12px;width:250px}.itoliet-cms-selector-label{font-size:15.6px}.itoliet-cms-selector-dropdown{font-size:15.6px;padding:6px 10px;min-width:100px}}.itoliet-cms-content{width:1266px;height:888px;max-width:100%;max-height:100%;display:flex;overflow:visible}@media screen and (max-width: 1223px){.itoliet-cms-gender-icons{gap:43px}.itoliet-cms-table-row>div{padding:2.3vh 0}.itoliet-cms-content{width:994px;height:1080px;flex-direction:row}.itoliet-cms-left-panel{width:320px;min-width:260px;margin:15px 5px 15px 15px;padding:16px}.itoliet-cms-main-panel{width:calc(100% - 320px);min-width:0;padding:15px 10px}.itoliet-cms-3dmap{width:100%;height:400px;min-width:0;max-width:100%;overflow:visible}.itoliet-cms-header-onmap{top:12px;right:16px;font-size:1.1rem}.itoliet-cms-charts-section{flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0;margin-top:10px}.itoliet-cms-flow-panel,.itoliet-cms-pie-panel{width:100%}.itoliet-cms-pie-panel{flex-direction:row;gap:0;justify-content:center}.itoliet-cms-chart.itoliet-cms-piechart{width:220px}.itoliet-cms-chart.itoliet-cms-linechart{width:340px}.itoliet-cms-flow-row{margin:0 auto}}@media screen and (min-width: 1224px){.itoliet-cms-gender-icons{gap:25px}.itoliet-cms-table-row>div{padding:1.5vh 0}.itoliet-cms-content{width:1266px;height:888px}.itoliet-cms-left-panel{width:370px;margin:20px;padding:24px}.itoliet-cms-3dmap{width:800px;height:660px;max-width:100%}.itoliet-cms-charts-section{flex-direction:row;justify-content:space-between}.itoliet-cms-flow-panel{width:100%}.itoliet-cms-pie-panel{width:50%;display:flex;flex-direction:column;gap:20px}.itoliet-cms-chart.itoliet-cms-piechart{width:100%}.itoliet-cms-chart.itoliet-cms-linechart{width:340px}}.itoliet-cms-left-panel{width:370px;background:linear-gradient(120deg,#0ff3,#0a1e3cf2);border:2px solid #3fd7ff;padding:32px 24px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box;align-items:stretch;margin:30px}.itoliet-cms-gender-header{margin-bottom:20px}.itoliet-cms-gender-icons{display:flex;justify-content:flex-end;padding-right:20px;padding-bottom:8px;position:relative}.itoliet-cms-gender-icons:after{content:"";display:block;position:absolute;left:109px;right:0;bottom:0;height:2px;background:#3fd7ff;border-radius:1px}.itoliet-cms-gender-icon{width:54px;object-fit:contain}.itoliet-cms-title-row{display:flex;align-items:center;justify-content:space-between;font-size:1.3rem;font-weight:700;margin-bottom:10px;color:#3fd7ff;border-bottom:1px solid #3fd7ff;padding:0 10px}.itoliet-cms-title-row span:not(:first-child){flex:1;text-align:center}.itoliet-cms-info-row{display:flex;align-items:center;gap:10px;font-size:1.08rem;margin-bottom:6px;color:#fff;height:32px;padding:0 10px}.itoliet-cms-info-row span:first-of-type{width:60px;text-align:left;flex-shrink:0}.itoliet-cms-info-icon{width:24px;margin-right:10px;flex-shrink:0}.itoliet-cms-value{min-width:80px;text-align:center;font-weight:700;flex-shrink:0;flex:1;font-size:1.35rem}.itoliet-cms-value.female,.itoliet-cms-value.male{color:#fff}.itoliet-cms-warn{color:#f22!important;font-weight:700;font-size:1.15rem}.itoliet-cms-ok{color:#00e600!important;font-weight:700;font-size:1.15rem}.itoliet-cms-title-main{font-size:2.1rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.18);margin-bottom:0;letter-spacing:2px;line-height:1.2}.itoliet-cms-title-main span{font-size:2.1rem;letter-spacing:1px}.itoliet-cms-header{width:100%;display:flex;justify-content:flex-end;align-items:flex-start}.itoliet-cms-main-panel{flex:1;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.itoliet-cms-3dmap{display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#7fd7ff;position:relative;width:800px;height:660px;max-width:100%;min-width:0;overflow:visible}.itoliet-cms-3dmap img{width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}.itoliet-cms-header-onmap{position:absolute;top:18px;right:24px;z-index:2;text-align:right}.itoliet-cms-charts-section{width:100%;display:flex;align-items:center;margin-bottom:12px}.itoliet-cms-charts-title{font-size:2rem;color:#fff;letter-spacing:2px;margin-bottom:24px;text-align:center;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.18)}.itoliet-cms-charts{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:flex-start;width:100%}.itoliet-cms-flow-panel{display:flex;flex-direction:column;gap:0px;justify-content:center;position:relative}.itoliet-cms-flow-panel .itoliet-cms-charts-title{position:absolute;top:-23px;left:50%;transform:translate(-50%);margin-bottom:0;font-size:1.3rem;font-weight:100}.itoliet-cms-flow-row{display:flex;flex-direction:row;align-items:center;height:140px}.itoliet-cms-gender-icon-vertical{width:60px;height:100%;display:flex;align-items:center;justify-content:center}.itoliet-cms-gender-icon-vertical.female img,.itoliet-cms-gender-icon-vertical.male img{width:48px;height:80px;filter:none}.itoliet-cms-chart.itoliet-cms-linechart{height:120px;background:transparent;border-radius:0;display:flex;align-items:center;justify-content:center;box-shadow:none;border:none}.itoliet-cms-pie-panel{display:flex;flex-direction:row;gap:6px;align-items:flex-start;justify-content:center;height:280px;padding:0}.itoliet-cms-chart.itoliet-cms-piechart{width:220px;height:250px;background:transparent;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:none;border:none;padding:0}.pie-title{color:#fff;font-size:1.1rem;text-align:center;margin-top:8px;margin-bottom:8px;letter-spacing:1px}.pie-legend{display:flex;justify-content:center;gap:16px;margin-top:8px}.pie-legend-item{display:flex;align-items:center;gap:4px;font-size:.95rem;color:#fff}.pie-legend-color{width:16px;height:16px;border-radius:3px;display:inline-block}.itoliet-cms-table{width:100%;display:table;margin-bottom:20px;height:calc(100% - 100px)}.itoliet-cms-table-row{display:table-row;height:calc(100% / 9)}.itoliet-cms-table-row>div{display:table-cell;text-align:center;vertical-align:middle;font-size:1rem;font-weight:100}.itoliet-cms-table-row>div:first-child{text-align:left;width:100px;color:#fff;display:flex;align-items:center;white-space:nowrap;font-size:1.3rem}.itoliet-cms-gender-row>div:first-child{width:130px}.itoliet-cms-gender-row>div{padding-bottom:10px}.itoliet-cms-piechart-frame{position:relative;display:flex;align-items:center;justify-content:center}.itoliet-cms-piechart-frame .corner{position:absolute;width:10px;height:10px;pointer-events:none}.itoliet-cms-piechart-frame .corner.tl{top:0;left:0;border-top:3px solid #ffffff;border-left:3px solid #ffffff}.itoliet-cms-piechart-frame .corner.tr{top:0;right:0;border-top:3px solid #ffffff;border-right:3px solid #ffffff}.itoliet-cms-piechart-frame .corner.bl{bottom:0;left:0;border-bottom:3px solid #ffffff;border-left:3px solid #ffffff}.itoliet-cms-piechart-frame .corner.br{bottom:0;right:0;border-bottom:3px solid #ffffff;border-right:3px solid #ffffff}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.loading-indicator{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#103441;opacity:.8;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-indicator img{width:100vw}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-right-4{right:-1rem}.-top-4{top:-1rem}.bottom-0{bottom:0}.left-0{left:0}.left-16{left:4rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.right-5{right:1.25rem}.top-0{top:0}.top-1{top:.25rem}.top-2{top:.5rem}.top-20{top:5rem}.top-4{top:1rem}.top-5{top:1.25rem}.z-10{z-index:10}.float-right{float:right}.mx-auto{margin-left:auto;margin-right:auto}.mb-0{margin-bottom:0}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.ml-0{margin-left:0}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-64{margin-left:16rem}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-40{margin-right:10rem}.mr-5{margin-right:1.25rem}.mr-64{margin-right:16rem}.ms-2{margin-inline-start:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.size-6{width:1.5rem;height:1.5rem}.size-9{width:2.25rem;height:2.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\/5{height:60%}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-96{height:24rem}.h-\[500px\]{height:500px}.h-\[55rem\]{height:55rem}.h-\[80vh\]{height:80vh}.h-\[calc\(100\%-4rem\)\]{height:calc(100% - 4rem)}.h-full{height:100%}.h-screen{height:100vh}.max-h-40{max-height:10rem}.max-h-\[85vh\]{max-height:85vh}.min-h-0{min-height:0px}.min-h-screen{min-height:100vh}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2\/3{width:66.666667%}.w-3{width:.75rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-full{width:100%}.w-screen{width:100vw}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-md{max-width:28rem}.max-w-screen-2xl{max-width:1536px}.max-w-screen-lg{max-width:1024px}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[120\%\]{--tw-translate-x: 120%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-items-center{justify-items:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.gap-x-10{column-gap:2.5rem}.gap-x-2{column-gap:.5rem}.gap-y-0{row-gap:0px}.gap-y-5{row-gap:1.25rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-9>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2.25rem * var(--tw-space-x-reverse));margin-left:calc(2.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-none{border-style:none}.\!border-cyan-500{--tw-border-opacity: 1 !important;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))!important}.border-\[\#00FFFF\]{--tw-border-opacity: 1;border-color:rgb(0 255 255 / var(--tw-border-opacity, 1))}.border-blue-500\/30{border-color:#3b82f64d}.border-cyan-400{--tw-border-opacity: 1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-green-500\/30{border-color:#22c55e4d}.border-red-500\/50{border-color:#ef444480}.border-slate-600{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.border-slate-700{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.border-white\/80{border-color:#fffc}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-yellow-500\/50{border-color:#eab30880}.bg-\[\#00161b\]{--tw-bg-opacity: 1;background-color:rgb(0 22 27 / var(--tw-bg-opacity, 1))}.bg-\[\#003a4d\]{--tw-bg-opacity: 1;background-color:rgb(0 58 77 / var(--tw-bg-opacity, 1))}.bg-\[\#00FFFF\]{--tw-bg-opacity: 1;background-color:rgb(0 255 255 / var(--tw-bg-opacity, 1))}.bg-\[\#06101B\]{--tw-bg-opacity: 1;background-color:rgb(6 16 27 / var(--tw-bg-opacity, 1))}.bg-\[\#0A1A2A\]{--tw-bg-opacity: 1;background-color:rgb(10 26 42 / var(--tw-bg-opacity, 1))}.bg-\[\#133F50\]{--tw-bg-opacity: 1;background-color:rgb(19 63 80 / var(--tw-bg-opacity, 1))}.bg-\[\#1C2B3A\]{--tw-bg-opacity: 1;background-color:rgb(28 43 58 / var(--tw-bg-opacity, 1))}.bg-\[\#264E5D\]{--tw-bg-opacity: 1;background-color:rgb(38 78 93 / var(--tw-bg-opacity, 1))}.bg-\[\#484848\]{--tw-bg-opacity: 1;background-color:rgb(72 72 72 / var(--tw-bg-opacity, 1))}.bg-\[\#5D2626\]{--tw-bg-opacity: 1;background-color:rgb(93 38 38 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/20{background-color:#3b82f633}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-gray-900\/50{background-color:#11182780}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-500\/20{background-color:#22c55e33}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-slate-700{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.bg-slate-800\/50{background-color:#1e293b80}.bg-transparent{background-color:transparent}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-yellow-500\/10{background-color:#eab3081a}.bg-yellow-500\/20{background-color:#eab30833}.bg-yellow-900{--tw-bg-opacity: 1;background-color:rgb(113 63 18 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.\!p-2{padding:.5rem!important}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[14px\]{padding:14px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pr-2{padding-right:.5rem}.pr-5{padding-right:1.25rem}.pt-4{padding-top:1rem}.\!text-left{text-align:left!important}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.\!text-xs{font-size:.75rem!important;line-height:1rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[3rem\]{font-size:3rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.leading-relaxed{line-height:1.625}.text-\[\#00FF00\]{--tw-text-opacity: 1;color:rgb(0 255 0 / var(--tw-text-opacity, 1))}.text-\[\#00FFFF\],.text-\[\#00ffff\]{--tw-text-opacity: 1;color:rgb(0 255 255 / var(--tw-text-opacity, 1))}.text-\[\#06101B\]{--tw-text-opacity: 1;color:rgb(6 16 27 / var(--tw-text-opacity, 1))}.text-\[\#FFA500\]{--tw-text-opacity: 1;color:rgb(255 165 0 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-cyan-300{--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-cyan-500{--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-teal-200{--tw-text-opacity: 1;color:rgb(153 246 228 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-200{--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.\!shadow-cyan-500\/50{--tw-shadow-color: rgb(6 182 212 / .5) !important;--tw-shadow: var(--tw-shadow-colored) !important}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia: sepia(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}body{background-color:#000}.main-section{height:100%;transition:margin-left 1s ease,margin-right 1s ease}.leaflet-container{width:100%;height:100%;position:relative}.left-sidebar,.right-sidebar{transition:transform 1s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#00b3bd;border-radius:4px}.device-list li{transition:background-color 1s,border-color 1s;display:flex;justify-content:space-between;align-items:center;color:#01d2d4;border-bottom:1px solid;padding-top:.5rem}.device-list li.selected{background-color:#003a4d;border-color:#0ff;color:#0ff;font-weight:700}.device-list li:after{content:"";width:2px;height:100%;background-color:transparent;transition:background-color 1s}.device-list li:hover:after,.device-list li.selected:after{background-color:#00b3bd}.group-title{color:#0ff;font-weight:700;border-bottom:1px solid #00b3bd}.tab-active{background-color:#00243a;color:#0ff;font-weight:700}.tab-inactive{background-color:#00243a;color:#6c757d;border-bottom:2px solid transparent}.tab-active:hover,.tab-inactive:hover{background-color:#003a4d}.tab-divider{width:2px;background-color:#00b3bd}button{transition:background-color 1s,color 1s}button.bg-blue-500{background-color:#00b3bd}button.bg-gray-500{background-color:#6c757d}button.bg-blue-500:hover,button.bg-gray-500:hover{background-color:#005f73}.title{background-color:#00243a;color:#0ff;font-weight:700;text-align:center;padding:4px;border-top:1px solid #00FFFF;border-bottom:1px solid #00FFFF}.toggle-button{flex:1;padding:.25rem .5rem;border:2px solid transparent;background-color:#00243a;color:#6c757d;border-radius:.25rem;text-align:center;font-weight:700;font-size:.875rem}.toggle-button.active{color:#0ff;border-color:#0ff}.toggle-button:not(.active):hover{background-color:#003a4d}input[type=range]{-webkit-appearance:none;width:100%;height:.5rem;outline:none;opacity:.7;transition:opacity 1s}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;cursor:pointer}input[type=range]::-ms-thumb{width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;cursor:pointer}.range-default{background:linear-gradient(to right,#0ff 50%,#6c757d 50%)}.range-red{background:linear-gradient(to right,red,red)}.range-green{background:linear-gradient(to right,#0dff00,#0dff00)}.range-blue{background:linear-gradient(to right,#0900ff,#0900ff)}.range-container{padding:10px}.device-section{background-color:#0f3341;position:absolute;width:100%;transition:opacity 1s ease,transform 1s ease;z-index:10}.tool-section{border-bottom:1px solid #00FFFF;flex-grow:1;display:flex;align-items:center;justify-content:space-between;padding:10px;background-color:#06101b}.tool-section img{cursor:pointer;transition:transform .2s}.tool-section img:hover{transform:scale(1.2)}.tool-section .flex{display:flex;gap:.5rem}.tool-divider{width:1px;height:1.5rem;background-color:#00b3bd}.event-logs{max-height:100%;overflow-y:auto}.log-item{border-bottom:1px solid #00FFFF;cursor:pointer}.log-type{width:80px;text-align:center;margin-left:3px}.device-info{display:flex;justify-content:space-between}.device-info .model,.device-info .property,.device-info .tag{padding:1rem;color:#fff}.device-info .model{flex:1;display:flex;align-items:center;justify-content:center}.device-info .property{flex:2}.device-info .tag{flex:.8;background-color:#133f50;margin:1.5rem .875rem 0}.device-info .model img{height:auto}.device-info .property h2{width:105%;background-color:#0b282e;color:#fff;padding:.5rem 2.5rem;box-sizing:border-box;margin-left:-1.0625rem;font-size:1.25rem;margin-top:-1rem}.expanded-device-info-body .section-title{width:106%;background-color:#0b282e;color:#fff;padding:.5rem 2.5rem;box-sizing:border-box;margin-left:-1.0625rem;font-size:1.25rem;margin-top:-1rem}.expanded-device-info-body .property .property-info p,.expanded-device-info-body .tag .tag-info p{color:#0ff;padding:.625rem .625rem .625rem 1.25rem;font-size:1.25rem}.device-info .tag h2{width:113%;background-color:#0b282e;color:#fff;padding:.5rem 1.5rem;box-sizing:border-box;margin-left:-1.0625rem;font-size:1.25rem;margin-top:-1rem}.device-info .tag .tag-info{margin-top:.9375rem}.device-info .tag p{color:#0ff;padding:.25rem;font-size:1.25rem;margin-left:.9375rem}.device-info .property .property-info{padding:1rem;display:flex;flex-wrap:wrap}.device-info .property .property-info p{flex:1 1 50%;color:#0ff;padding:.625rem 0;font-size:1.25rem}.section-block{margin-top:3.4375rem;color:#fff;background-color:#133f50}.pie-status-info{padding:.625rem;margin-top:-.625rem}.pie-status-info p{color:#0ff;padding:.625rem;font-size:1.25rem}.device-info .property .property-info p span{color:#fff}.device-info .property{margin-top:1.5625rem;color:#fff;background-color:#133f50;display:flex;flex-direction:column}.device-info .play-button{position:absolute}.play-button{padding:.25rem .5rem;border-radius:.25rem;align-items:center;justify-content:center;width:3.75rem;background-color:transparent;border:1px solid #00FFFF;cursor:pointer;transition:background-color 1s,transform 1s;color:#0ff}.device-info .property .play-button:hover{background-color:#00b3bd;transform:scale(1.1);color:#00243a}.refresh-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border:.125rem solid #00FFFF;border-radius:50%;position:relative;cursor:pointer;margin-left:1.875rem;top:.1875rem;margin-right:.25rem}.refresh-checkbox:checked:before{content:"";position:absolute;top:50%;left:50%;width:.625rem;height:.625rem;background-color:#0ff;border-radius:50%;transform:translate(-50%,-50%)}.triangle-button{position:absolute;top:10px;left:50%;width:0;height:0;cursor:pointer;color:#0ff}.square-button{position:absolute;top:.625rem;right:.625rem;width:1.875rem;height:1.25rem;background-color:#194754;border:1px solid #00FFFF;cursor:pointer}.toolbar{z-index:10;position:relative;display:flex;align-items:center}.left-triangle,.right-triangle{width:0;height:0;border-style:solid;transition:transform 1s ease;z-index:60}.left-triangle{border-width:.625rem .625rem .625rem 0;border-color:transparent #00ffff transparent transparent;cursor:pointer}.left-triangle.collapsed{border-width:.625rem 0 .625rem .625rem;border-color:transparent transparent transparent #00ffff;margin-left:.3125rem}.right-triangle{border-width:.625rem 0 .625rem .625rem;border-color:transparent transparent transparent #00ffff;cursor:pointer}.right-triangle.collapsed{border-width:.625rem .625rem .625rem 0;border-color:transparent #00ffff transparent transparent;margin-right:.3125rem}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.gap-4{gap:1rem}.rounded-lg{border-radius:.5rem}.fixed.inset-0{display:flex;align-items:center;justify-content:center}.bg-opacity-50{background-opacity:50%}.z-50{z-index:50}.expand-device-info{position:absolute;top:.625rem;right:.625rem;width:1.875rem;height:1.25rem;background-color:#194754;border:1px solid #00FFFF;cursor:pointer}.expanded-device-info{padding:1.25rem}.expanded-device-info .property-info p,.expanded-device-info .list-inside{color:#0ff;font-size:1rem}.expanded-device-info .corner{position:absolute}.expanded-device-info .corner-left-up{top:0;left:0;transform:rotate(270deg)}.expanded-device-info .corner-left-down{bottom:0;left:0;transform:rotate(90deg)}.expanded-device-info .corner-right-up{top:0;right:0}.expanded-device-info .corner-right-down{bottom:0;right:0}.expanded-device-info-body{border:1px solid rgba(255,255,255,.5);transition:transform 1s ease,opacity 1s ease;width:100%}.close-button{background:none;border:none;cursor:pointer}.close-icon{display:block}input[type=date]{background-color:#264e5e;color:#fff;border:1px solid rgba(255,255,255,.8);width:12.875rem;padding:.25rem .5rem;text-align:center}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(58%) sepia(100%) saturate(7500%) hue-rotate(180deg) brightness(200%) contrast(120%);cursor:pointer}.search-item button,.search-item select{background-color:#264e5e;color:#fff;padding:.25rem .5rem;border:1px solid rgba(255,255,255,.8);width:12.875rem}.piechart-modal,.expanded-device-info{position:fixed;left:10%;z-index:50;padding:1.25rem;border-radius:.625rem;width:80%;height:66%;top:17%}.expanded-device-info-body{background:#0f3341;opacity:.9;position:relative}.piechart-modal{opacity:0;transform:scale(.9);transition:opacity 1s ease,transform 1s ease}.piechart-modal.visible{opacity:1;transform:scale(1)}p,label{padding:.25rem}.camera-grid{display:flex;justify-content:center;align-items:center;height:2.5rem;gap:.625rem}.camera-icon{transition:box-shadow 1s ease}.active-shadow{box-shadow:0 0 .5rem #0ff}.modal-enter{opacity:0;transform:scale(.9)}.modal-enter-active{opacity:1;transform:scale(1);transition:opacity 1s,transform 1s}.modal-exit{opacity:1;transform:scale(1)}.modal-exit-active{opacity:0;transform:scale(.9);transition:opacity 1s,transform 1s}.custom-select{text-align:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB3SURBVHgBlZFLDYAwEETngAAkVAoSkAAOkFAJOAAnlVIJlTBs2oRP6G9fMnvZvGwyC5CnhMockGEkQSGF6ERIqxAtbshR4jskjx/k3CEuyEK6iuRQhJwqokEVcs/X3yIVFT6FNK898vs9G1SkS760HirqKjGl5QWzExAnsu7GSwAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.leaflet-control-attribution{display:none}.leaflet-control-zoom-in,.leaflet-control-zoom-out{background-color:#06101b!important;color:#fff!important;border:1px solid #8E8E8E!important;width:63px!important;height:35px!important;line-height:35px!important;text-align:center!important;font-size:18px!important;display:inline-block!important}.leaflet-control-zoom-out{border-radius:0 9px 9px 0/0px 9px 9px 0px!important}.leaflet-control-zoom-in{border-radius:9px 0 0 9px/9px 0px 0px 9px!important}.locate-device{position:absolute;top:60px;left:20px;display:flex;align-items:center;gap:5px;z-index:10}.app-container{min-width:1920px;min-height:1080px;height:100%;overflow:hidden;transform-origin:top left}@media (max-width: 1365px){.app-container{overflow-x:auto}}#root{width:100%;height:100%;background-color:#06101b}.btn-general{background-color:transparent;border:1px solid #00FFFF;color:#0ff;width:10rem;box-shadow:#0ff 2px 2px 2px}.dropdown-menu{position:absolute;background-color:#06101b;border:1px solid #00FFFF;z-index:1000;width:90px;top:53px;right:0}.dropdown-menu ul{list-style:none;padding:0;margin:0}.dropdown-menu li{padding:10px;color:#0ff;cursor:pointer}.dropdown-menu li:hover{background-color:#003a4d}.device-item{padding:.5rem 1rem;--tw-border-opacity: 1;border-color:rgb(0 255 255 / var(--tw-border-opacity));border-bottom-width:1px}.custom-alert{background:#0f3341;opacity:.9;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:15%;height:15%;border:1px solid rgba(255,255,255,.5);transition:transform 1s ease,opacity 1s ease;text-align:center}.tag-section .section-title{width:106%;background-color:#0b282e;color:#fff;padding:.5rem 2.5rem;box-sizing:border-box;margin-left:-1.0625rem;font-size:1.25rem;margin-top:-1rem}.tag-section .property .property-info p,.tag-section .tag .tag-info p{color:#0ff;padding:.625rem .625rem .625rem 1.25rem;font-size:1.25rem}.tag-section{border:1px solid rgba(255,255,255,.5);transition:transform 1s ease,opacity 1s ease;width:100%;background:#0f3341}.tag-section .corner{position:absolute}.tag-section .corner-left-up{top:0;left:0;transform:rotate(270deg)}.tag-section .corner-left-down{bottom:0;left:0;transform:rotate(90deg)}.tag-section .corner-right-up{top:0;right:0}.tag-section .corner-right-down{bottom:0;right:0}.piechart-modal .section-block{height:12.5rem}.system-list li{transition:background-color 1s,border-color 1s;display:flex;align-items:center;color:#01d2d4;border-bottom:1px solid;padding-top:.5rem}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-white:hover{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#003a4d\]:hover{--tw-bg-opacity: 1;background-color:rgb(0 58 77 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#00CCCC\]:hover{--tw-bg-opacity: 1;background-color:rgb(0 204 204 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#00FFFF\]:hover{--tw-bg-opacity: 1;background-color:rgb(0 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-800\/50:hover{background-color:#1e293b80}.hover\:bg-yellow-600:hover{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.hover\:text-\[\#00CCCC\]:hover{--tw-text-opacity: 1;color:rgb(0 204 204 / var(--tw-text-opacity, 1))}.hover\:text-\[\#06101B\]:hover{--tw-text-opacity: 1;color:rgb(6 16 27 / var(--tw-text-opacity, 1))}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.hover\:text-green-700:hover{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-\[\#00FFFF\]:focus{--tw-border-opacity: 1;border-color:rgb(0 255 255 / var(--tw-border-opacity, 1))}.focus\:border-cyan-500:focus{--tw-border-opacity: 1;border-color:rgb(6 182 212 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-cyan-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(6 182 212 / var(--tw-ring-opacity, 1))}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:p-6{padding:1.5rem}}@media (min-width: 768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:p-12{padding:3rem}.md\:p-5{padding:1.25rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:p-8{padding:2rem}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-Dc4VJyIJ.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-BPnxn4xp.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-BLGc9T1a.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-ZzOtrSSW.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-Bput3-QP.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-DCpCPQOf.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-DxZsaF_h.woff2) format("woff2"),url(/assets/inter-greek-400-normal-BZzXV7-1.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-BUNmGMP1.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-hnt3BR84.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-C1t-h-pH.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-BOOGhInR.woff2) format("woff2"),url(/assets/inter-latin-400-normal-gitzw0hO.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-BShVwWPj.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-CUiC4oBV.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-D4Vwzodn.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-DH2hs3aW.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-B6guLgqG.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-M2hEX8vc.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-CeQXL5ds.woff2) format("woff2"),url(/assets/inter-greek-500-normal-d_eO-yCQ.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-DQPw2Hwd.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CIS2RHJS.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-UMdmhHu2.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-D2bGa7uu.woff2) format("woff2"),url(/assets/inter-latin-500-normal-deR1Tlfd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-ClVoMEGq.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-Ced3hgUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-bGtGjVdZ.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal-Bc8_fv8J.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-SzCdnevJ.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal-DXvzx4Na.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-Cxpycf-U.woff2) format("woff2"),url(/assets/inter-greek-700-normal-BRYTaFLL.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-CGpBpxLq.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-dAnkLlTo.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-CzikT_rs.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal-6V9MnIL5.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Sckx8rpT.woff2) format("woff2"),url(/assets/inter-latin-700-normal-B8MtJ_2k.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.elevator-transition{transition:transform .5s ease-in-out}.triangle-up{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid #BA6C6C}.triangle-down{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #BA6C6C}.itoilet-user-root{font-family:Inter,Segoe UI,sans-serif;background-color:#000814;color:#e0e0e0;min-height:100vh;animation:fadeInBody 1s ease-in}.itoilet-user-header{background-color:#001d3d;padding:1rem;text-align:center;font-size:1.25rem;font-weight:700;border-bottom:1px solid #003566;color:#fff;box-shadow:0 4px 6px #0000001a}@media (min-width: 640px){.itoilet-user-header{font-size:1.5rem}}.itoilet-user-main{padding:1rem}@media (min-width: 640px){.itoilet-user-main{padding:1.5rem}}.itoilet-user-container{max-width:64rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.itoilet-user-card{background-color:#001d3dcc;border:1px solid #003566;padding:1.25rem;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.itoilet-user-card-title{font-size:1.125rem;font-weight:700;border-left:4px solid white;padding-left:1rem;margin-bottom:1rem;color:#58d2ff}.itoilet-user-card-title.announcement{color:#ffde59}.itoilet-user-selector{display:flex;align-items:center;justify-content:space-between}.itoilet-user-label{font-weight:500;color:#ade8f4}.itoilet-user-select{background-color:#003566;border:1px solid #004e92;color:#fff;font-size:.875rem;border-radius:.5rem;padding:.625rem;outline:none}.itoilet-user-select:focus{outline:2px solid #3b82f6;outline-offset:2px;border-color:#3b82f6}.itoilet-user-announcement{color:#fff;margin:0}.itoilet-user-tabs{display:flex;justify-content:center;border-bottom:1px solid #003566}.itoilet-user-tab{font-size:1rem;padding:.5rem 1rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease;color:#ade8f4}@media (min-width: 640px){.itoilet-user-tab{font-size:1.125rem;padding:.75rem 1.5rem}}.itoilet-user-tab.active{border-color:#58d2ff;color:#fff}.itoilet-user-tab:hover{color:#fff}.itoilet-user-content{display:block}.itoilet-user-content.hidden{display:none}.itoilet-user-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.itoilet-user-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}@media (max-width: 1024px) and (min-width: 768px){.itoilet-user-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.itoilet-user-status-list{display:flex;flex-direction:column;gap:.75rem;color:#e0e0e0}.itoilet-user-status-item{display:flex;justify-content:space-between;align-items:center}.itoilet-user-value{font-weight:600;color:#fff}.itoilet-user-value.normal{color:#70ff7c}.itoilet-user-value.status-alert{color:#ff7d7d!important}.itoilet-user-value.normal{color:#70ff7c!important}@media (max-width: 640px){.itoilet-user-container{gap:1rem}.itoilet-user-card{padding:1rem}.itoilet-user-selector{flex-direction:column;gap:.5rem;align-items:flex-start}}.itoilet-user-loading,.itoilet-user-error,.itoilet-user-no-data{display:flex;justify-content:center;align-items:center;min-height:50vh;font-size:1.25rem;font-weight:500;text-align:center;padding:2rem}.itoilet-user-loading{color:#58d2ff;animation:pulse 1.5s infinite}.itoilet-user-error{color:#ff7d7d;background-color:#ff7d7d1a;border:1px solid rgba(255,125,125,.3);border-radius:.75rem;margin:1rem}.itoilet-user-no-data{color:#ffde59;background-color:#ffde591a;border:1px solid rgba(255,222,89,.3);border-radius:.75rem;margin:1rem}.itoilet-user-map-root{font-family:Inter,Segoe UI,sans-serif;background-color:#000814;color:#e0e0e0;min-height:100vh;min-height:100dvh;width:100vw;width:100dvw;overflow-x:hidden;animation:fadeInBody 1s ease-in;position:relative;border:1px solid rgba(88,210,255,.4)}.itoilet-user-map-header{background-color:#001d3d;padding:1rem;text-align:center;font-size:1.625rem;font-weight:700;border-bottom:1px solid #003566;color:#fff;box-shadow:0 4px 6px #0000001a}@media (min-width: 640px){.itoilet-user-map-header{font-size:1.95rem}}.itoilet-user-map-main{padding:0;width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative}.itoilet-user-map-container{width:100%;margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.itoilet-user-map-main-card{width:100%;border-radius:0;box-shadow:none;padding:.5rem;padding-top:max(.5rem,env(safe-area-inset-top));padding-bottom:max(.5rem,env(safe-area-inset-bottom));padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right));display:flex;flex-direction:column;gap:.5rem;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;box-sizing:border-box;overflow:hidden}@media (min-width: 640px){.itoilet-user-map-main-card{padding:.75rem;gap:.75rem}}@media (min-width: 768px){.itoilet-user-map-main-card{padding:1rem;gap:.875rem}}.itoilet-user-map-subtitle{color:#8fa3c9;font-size:.875rem;font-weight:500;margin-bottom:.125rem;padding:0 .25rem;flex-shrink:0}@media (min-width: 640px){.itoilet-user-map-subtitle{font-size:1.04rem;padding:0 .5rem}}.itoilet-user-map-map-wrapper{width:100%;height:30vh;border-radius:.75rem;overflow:hidden;border:1px solid rgba(88,210,255,.4);flex-shrink:0}.itoilet-user-map-map-wrapper .leaflet-image-layer,.itoilet-user-map-map-wrapper .leaflet-tile-container img,.itoilet-user-map-map-wrapper img{image-rendering:auto;image-rendering:-webkit-optimize-contrast;-ms-interpolation-mode:bicubic;transform:translateZ(0);backface-visibility:hidden;will-change:transform;max-width:100%;max-height:100%;object-fit:contain}@media (min-resolution: 192dpi){.itoilet-user-map-map-wrapper .leaflet-image-layer,.itoilet-user-map-map-wrapper .leaflet-tile-container img,.itoilet-user-map-map-wrapper img{image-rendering:auto;-ms-interpolation-mode:bicubic}}.itoilet-user-map-map-wrapper .leaflet-control-center-button-wrapper{border-radius:9px;overflow:hidden}.itoilet-user-map-map-wrapper .leaflet-control-center-button-wrapper a{background-color:#06101b!important;color:#fff!important;border:1px solid #8E8E8E!important;width:63px!important;height:35px!important;text-decoration:none;cursor:pointer;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:center!important}.itoilet-user-map-map-wrapper .leaflet-control-center-button-wrapper a:hover{background-color:#0a1620!important;opacity:.9}.itoilet-user-map-map-wrapper .leaflet-control-center-button-wrapper a svg{display:block}.itoilet-user-map-map-wrapper .leaflet-top.leaflet-left{display:flex;flex-direction:row;align-items:flex-start}.itoilet-user-map-map-wrapper .leaflet-container{background-color:#06191f;backface-visibility:hidden;transform:translateZ(0);will-change:transform}@media (min-width: 640px){.itoilet-user-map-map-wrapper{height:35vh;border-radius:1rem}}@media (min-width: 768px){.itoilet-user-map-map-wrapper{height:38vh}}@media (min-width: 1024px){.itoilet-user-map-map-wrapper{height:40vh}}.itoilet-user-map-info{display:flex;flex-direction:column;gap:.5rem;padding:.5rem .25rem;flex:1;overflow:hidden;min-height:0}@media (min-width: 640px){.itoilet-user-map-info{padding:.5rem .5rem .75rem;gap:.625rem}}@media (min-width: 768px){.itoilet-user-map-info{padding:.75rem .75rem 1rem;gap:.75rem}}.itoilet-user-map-title-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}@media (min-width: 640px){.itoilet-user-map-title-row{flex-wrap:nowrap}}.itoilet-user-map-place{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.itoilet-user-map-place-area{background:#58d2ff14;color:#8fa3c9;font-size:.875rem;padding:.15rem .4rem;border-radius:999px;flex-shrink:0}@media (min-width: 640px){.itoilet-user-map-place-area{font-size:.975rem;padding:.15rem .45rem}}@media (min-width: 768px){.itoilet-user-map-place-area{font-size:1rem;padding:.2rem .5rem}}.itoilet-user-map-place-name{color:#f4f7ff;font-weight:600;font-size:1.17rem;word-break:break-word}@media (min-width: 640px){.itoilet-user-map-place-name{font-size:1.25rem}}@media (min-width: 768px){.itoilet-user-map-place-name{font-size:1.35rem}}.itoilet-user-map-distance-row{display:flex;align-items:center;gap:.4rem;color:#a5b4d8;font-size:.875rem;flex-shrink:0;margin:.125rem 0}.itoilet-user-map-distance-icon{font-size:1.17rem}.itoilet-user-map-distance-text{white-space:normal;overflow:visible;word-break:break-word;flex:1;font-size:1.014rem;color:#c6d3f5}@media (max-width: 639px){.itoilet-user-map-distance-text{font-size:.95rem}}@media (min-width: 640px){.itoilet-user-map-distance-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (min-width: 768px){.itoilet-user-map-distance-text{font-size:1.1rem}}.itoilet-user-map-coordinate-info{display:none!important;margin-top:.25rem;margin-bottom:.25rem;padding:.375rem .625rem;background-color:#f5f5f51a;border-radius:.5rem;font-size:.8rem;color:#a5b4d8;word-break:break-word;line-height:1.4;flex-shrink:0}@media (min-width: 640px){.itoilet-user-map-coordinate-info{font-size:.95rem;padding:.625rem 1rem;border-radius:.625rem}}@media (min-width: 768px){.itoilet-user-map-coordinate-info{font-size:1rem;padding:.75rem 1.25rem;border-radius:.75rem}}.itoilet-user-map-coordinate-label{font-weight:700;margin-right:.5rem;display:inline-block}.itoilet-user-map-coordinate-value{word-break:break-all;display:inline}.itoilet-user-map-alert-row{display:flex;align-items:center;gap:.4rem;color:#ff7d7d;font-size:.975rem;background:#ff7d7d1a;border:1px solid rgba(255,125,125,.3);border-radius:.5rem;padding:.5rem;margin-bottom:.25rem}.itoilet-user-map-alert-icon{font-size:1.17rem}.itoilet-user-map-alert-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.itoilet-user-map-progress-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.125rem}.itoilet-user-map-progress-item{display:flex;flex-direction:column;gap:.125rem}.itoilet-user-map-progress-label-row{display:flex;justify-content:space-between;align-items:center;font-size:1.014rem;color:#c6d3f5;flex-wrap:wrap;gap:.5rem}@media (max-width: 639px){.itoilet-user-map-progress-label-row{font-size:.95rem}}@media (min-width: 768px){.itoilet-user-map-progress-label-row{font-size:1.1rem}}.itoilet-user-map-progress-label{display:flex;align-items:center;gap:.25rem}.itoilet-user-map-progress-icon{font-size:1.17rem}.itoilet-user-map-progress-value{color:#9fb3e3;font-weight:500;font-size:.95rem;text-align:right;white-space:nowrap}@media (min-width: 640px){.itoilet-user-map-progress-value{font-size:1rem}}@media (min-width: 768px){.itoilet-user-map-progress-value{font-size:1.05rem}}.itoilet-user-map-progress-bar{width:100%;height:6px;border-radius:999px;background:#111827;overflow:hidden}.itoilet-user-map-progress-bar-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:999px;transition:width .4s ease}.itoilet-user-map-footer-time{margin-top:.25rem;padding-top:.25rem;padding-bottom:.25rem;font-size:.75rem;color:#6b7280;text-align:right;word-break:break-word;flex-shrink:0;opacity:1;visibility:visible}@media (min-width: 640px){.itoilet-user-map-footer-time{font-size:.91rem}}@media (min-width: 768px){.itoilet-user-map-footer-time{font-size:.95rem}}.custom-toilet-marker,.custom-user-marker{background:transparent!important;border:none!important}.toilet-popup{text-align:center}.toilet-popup h3{margin:0 0 .5rem;color:#001d3d;font-size:1.3rem}.toilet-popup p{margin:0;color:#666;font-size:1.1375rem}.user-location-popup{text-align:center}.user-location-popup h3{margin:0;color:#001d3d;font-size:1.3rem}.itoilet-user-map-announcement{color:#fff;margin:0}.itoilet-user-map-tabs{display:flex;justify-content:center;border-bottom:1px solid #003566}.itoilet-user-map-tab{font-size:1.3rem;padding:.5rem 1rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease;color:#ade8f4}@media (min-width: 640px){.itoilet-user-map-tab{font-size:1.4625rem;padding:.75rem 1.5rem}}.itoilet-user-map-tab.active{border-color:#58d2ff;color:#fff}.itoilet-user-map-tab:hover{color:#fff}.itoilet-user-map-content{display:block}.itoilet-user-map-content.hidden{display:none}.itoilet-user-map-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.itoilet-user-map-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (max-width: 1024px) and (min-width: 768px){.itoilet-user-map-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.itoilet-user-map-status-list{display:flex;flex-direction:column;gap:.75rem;color:#e0e0e0}.itoilet-user-map-status-item{display:flex;justify-content:space-between;align-items:center}.itoilet-user-map-value{font-weight:600;color:#fff}.itoilet-user-map-value.normal{color:#70ff7c}.status-alert{animation:pulse 1.5s infinite;color:#ff7d7d!important}.itoilet-user-map-value.status-alert{color:#ff7d7d!important}.itoilet-user-map-value.normal{color:#70ff7c!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.fade-in-up{animation:popIn .5s ease-out forwards;opacity:0}@media (max-width: 639px){.itoilet-user-map-root{height:70vh;max-height:70vh;min-height:70vh;overflow:hidden}.itoilet-user-map-main{height:70vh;max-height:70vh;min-height:70vh}.itoilet-user-map-container{gap:0;height:70vh;max-height:70vh;min-height:70vh}.itoilet-user-map-main-card{padding:.5rem;padding-top:max(.5rem,env(safe-area-inset-top));padding-bottom:max(.5rem,env(safe-area-inset-bottom));padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right));gap:.375rem;height:70vh;max-height:70vh;min-height:70vh}.itoilet-user-map-map-wrapper{height:40vh;border-radius:.5rem;flex-shrink:0}.itoilet-user-map-info{padding:.375rem .25rem .5rem;gap:.25rem;flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column}.itoilet-user-map-subtitle{font-size:.8rem;padding:0;margin-bottom:.125rem;flex-shrink:0}.itoilet-user-map-title-row{flex-shrink:0}.itoilet-user-map-place-name{font-size:1rem}.itoilet-user-map-progress-label-row{font-size:.875rem}.itoilet-user-map-progress-list{gap:.25rem;margin-top:0;flex-shrink:0}.itoilet-user-map-footer-time{font-size:.7rem;margin-top:.25rem;padding-top:.25rem;padding-bottom:.25rem;flex-shrink:0;opacity:1;visibility:visible;display:block}.itoilet-user-map-coordinate-info{font-size:.75rem;padding:.25rem .5rem;margin-top:.125rem;margin-bottom:.125rem}.itoilet-user-map-distance-row{font-size:.875rem;margin:.125rem 0;flex-shrink:0;color:#c6d3f5}.itoilet-user-map-distance-text{font-size:.95rem;color:#c6d3f5}.itoilet-user-map-coordinate-info{flex-shrink:0}}@media (min-width: 768px) and (max-width: 1023px){.itoilet-user-map-main-card{padding:1.5rem;gap:1.5rem}.itoilet-user-map-map-wrapper{height:60vh}.itoilet-user-map-info{padding:1.25rem 1rem 2rem}.itoilet-user-map-subtitle{font-size:1.125rem}.itoilet-user-map-place-name{font-size:1.3rem}}.itoilet-user-map-loading,.itoilet-user-map-error,.itoilet-user-map-no-data{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;font-size:1.25rem;font-weight:500;text-align:center;padding:2rem;box-sizing:border-box}@media (min-width: 640px){.itoilet-user-map-loading,.itoilet-user-map-error,.itoilet-user-map-no-data{font-size:1.625rem}}.itoilet-user-map-loading{color:#58d2ff;animation:pulse 1.5s infinite}.itoilet-user-map-error{color:#ff7d7d;background-color:#ff7d7d1a;border:1px solid rgba(255,125,125,.3);border-radius:.75rem;margin:1rem}.itoilet-user-map-no-data{color:#ffde59;background-color:#ffde591a;border:1px solid rgba(255,222,89,.3);border-radius:.75rem;margin:1rem}.coordinate-tool-panel{position:absolute;top:10px;right:10px;width:320px;background-color:#06191f;border:2px solid #00ffff;border-radius:8px;z-index:1000;box-shadow:0 4px 20px #00ffff4d}.coordinate-tool-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#002d3d;border-bottom:1px solid #00ffff;border-radius:6px 6px 0 0}.coordinate-tool-header h3{margin:0;font-size:16px;color:#0ff;font-weight:700}.coordinate-tool-close{background:none;border:none;color:#0ff;font-size:24px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.coordinate-tool-close:hover{background-color:#0ff3;color:#fff}.coordinate-tool-content{padding:16px}.coordinate-info{margin-bottom:16px}.coordinate-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px;background-color:#002d3d;border-radius:4px}.coordinate-item label{color:#0ff;font-weight:500;font-size:14px}.coordinate-value{color:#fff;font-family:Courier New,monospace;font-size:14px;font-weight:700}.coordinate-value.clicked{color:#0f0}.coordinate-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.coordinate-btn{padding:10px 16px;background-color:#0ff;color:#00161b;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:14px;transition:all .2s}.coordinate-btn:hover:not(:disabled){background-color:#0cc;transform:translateY(-1px)}.coordinate-btn:disabled{background-color:#555;color:#999;cursor:not-allowed;opacity:.6}.coordinate-help{padding:12px;background-color:#002d3d;border-radius:4px;border-left:3px solid #00ffff}.coordinate-help p{margin:0;color:#aaa;font-size:12px;line-height:1.5}@media (max-width: 639px){.coordinate-tool-panel{width:calc(100% - 20px);top:5px;right:10px;left:10px}}.itoilet-user-map-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease-in-out;pointer-events:none}.itoilet-user-map-toast.itoilet-user-map-toast-visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.itoilet-user-map-toast-content{background-color:#000000d9;color:#ffde59;padding:12px 24px;border-radius:8px;border:1px solid #ffde59;font-size:.95rem;font-weight:500;box-shadow:0 4px 12px #0000004d;white-space:nowrap;text-align:center}@media (min-width: 640px){.itoilet-user-map-toast-content{font-size:1rem;padding:14px 28px}}.itoilet-user-map-map-wrapper .leaflet-control-zoom-in.leaflet-disabled{opacity:.5!important;cursor:not-allowed!important;background-color:#06101b80!important}.itoilet-user-map-map-wrapper .leaflet-control-zoom-in.leaflet-disabled:hover{background-color:#06101b80!important;opacity:.5!important}.iweather-bg{width:100vw;height:100vh;background:linear-gradient(120deg,#0a1a3c 60%,#1a2a4c);background-size:cover;color:#fff;font-family:Noto Sans TC,Microsoft JhengHei,Arial,sans-serif;position:relative;min-width:994px;min-height:888px;display:flex;flex-direction:column;align-items:center;overflow:hidden}.iweather-map-bg{position:absolute;top:0;left:0;width:100vw;height:100vh;background:url(/images/iWeather/map.png) center center no-repeat;background-size:cover;z-index:0;box-sizing:border-box}.iweather-bg:after{content:"";position:absolute;top:0;left:0;width:100vw;height:100vh;background:#0a1a3cb3;z-index:1;pointer-events:none}.iweather-header{width:100%;text-align:right;padding:48px 80px 0 0;position:relative;z-index:2}.iweather-title{font-size:3.2rem;font-weight:700;letter-spacing:.12em;line-height:1.1;margin-bottom:.1em;text-shadow:0 2px 12px #000a}.iweather-subtitle{font-size:3.1rem;font-weight:500;margin-top:.2em;text-shadow:0 2px 12px #000a;margin-right:30px}.iweather-content{display:flex;flex-direction:row;justify-content:space-between;width:90vw;max-width:1266px;min-height:600px;position:relative;z-index:2;gap:48px}.iweather-core-sensor,.iweather-air-quality,.iweather-right-panel{display:flex;flex-direction:column;align-items:flex-start;min-width:260px;flex:1;border-radius:24px;padding:32px 28px 32px 32px;margin:0 8px}.section-title{font-size:1.4rem;margin-bottom:32px;letter-spacing:.08em;min-height:40px;position:relative;padding-bottom:12px}.section-title:after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,#00bfff,#2196f3);border-radius:1px}.iweather-core-sensor ul,.iweather-air-quality ul,.iweather-right-panel ul{list-style:none;padding:0;margin:0}.iweather-core-sensor li,.iweather-air-quality li,.iweather-right-panel li{font-size:1.2rem;margin-bottom:28px;display:flex;align-items:center}.iweather-icon{width:48px;margin-right:20px;vertical-align:middle}.iweather-label{min-width:92px;display:inline-block;font-size:1.15rem;margin-right:18px;color:#e0f7fa}.iweather-value{font-size:1.7rem;font-weight:700;margin-right:8px;color:#fff;letter-spacing:.02em}.iweather-unit{font-size:1.1rem;color:#b8e0ff}.iweather-value.good{color:#00c853;font-weight:700;font-size:1.4rem}@media (max-width: 1200px){.iweather-content{flex-direction:column;align-items:center;padding:32px 10px;gap:32px}.iweather-core-sensor,.iweather-air-quality,.iweather-right-panel{min-width:unset;width:100%;margin-bottom:32px;align-items:center;border-right:none}.iweather-right-panel{border-bottom:none}}@media (max-width: 1000px){.iweather-bg{min-width:994px;min-height:888px}.iweather-content{max-width:994px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding:32px 10px;gap:24px}.iweather-core-sensor,.iweather-air-quality{width:48%;min-width:320px;margin-bottom:32px;border-right:none}.iweather-core-sensor{order:1}.iweather-air-quality{order:2}.iweather-right-panel{width:100%;min-width:320px;order:3;margin-bottom:0;align-items:flex-end;border-bottom:none}}.iweather-bg .loading,.iweather-bg .error{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:1.5rem;color:#58d2ff;text-align:center;padding:2rem;position:relative;z-index:3;background:#001d3dcc;border-radius:16px;margin:2rem}.iweather-bg .error{color:#ff6b6b;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3)}.iweather-bg .loading{background:transparent;animation:pulse 2s infinite}body{font-family:Inter,sans-serif;background-color:#000814;color:#e0e0e0;display:flex;justify-content:center;min-height:100vh;overflow-x:hidden}.bg-elevator-panel{background-color:#001d3d}.bg-inner-card{background-color:#00305cb3;border:1px solid #004e92}.text-accent-blue{color:#58d2ff}.text-status-green{color:#70ff7c}.text-status-yellow{color:#ffde59}.text-status-red{color:#ff7d7d}.main-info-panel{width:100%;min-height:100vh}.call-controls{background-color:#00305c80;padding:1.5rem;border-radius:.5rem;border:1px solid #004e92;margin-top:2rem}.call-controls select,.call-controls button{background-color:#001d3d;border:1px solid #004e92;color:#e0e0e0;padding:.75rem;border-radius:.375rem;width:100%;font-size:1rem}.call-controls button{background-color:#58d2ff;color:#001d3d;font-weight:700;cursor:pointer;transition:background-color .3s}.call-controls button:hover{background-color:#8aeaff}.report-card{cursor:pointer;transition:all .22s;text-align:center}.report-card:hover{transform:translateY(-3px);background-color:#00305ce6}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:1001;opacity:0;transition:opacity .3s ease;padding:1rem}.modal-overlay.show{display:flex;opacity:1}.modal-content{background:#001d3d;padding:1.5rem;border-radius:.5rem;border:1px solid #004e92;width:100%;max-width:400px;position:relative;box-shadow:0 10px 40px #00326433;transform:scale(.95);transition:transform .3s ease}.modal-overlay.show .modal-content{transform:scale(1)}.modal-close-btn{position:absolute;top:10px;right:15px;font-size:24px;color:#ade8f4;cursor:pointer;line-height:1;transition:color .2s}.modal-close-btn:hover{color:#fff}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:#ade8f4;margin-bottom:.5rem}.form-group select,.form-group textarea{width:100%;padding:.75rem;background-color:#001d3dcc;border:1px solid #004e92;border-radius:.25rem;color:#e0e0e0;font-size:1rem;box-sizing:border-box}.form-group textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.modal-actions button{flex:1;padding:.75rem;border-radius:.25rem;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.modal-actions .btn-submit{background:#58d2ff;color:#001d3d}.modal-actions .btn-cancel{background-color:transparent;border:1px solid #004e92;color:#ade8f4}.notification{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background:#004e92;color:#fff;padding:1rem 1.5rem;border-radius:.5rem;font-weight:600;z-index:1002;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out;box-shadow:0 4px 18px #004e9266;text-align:center}.notification.show{opacity:1;transform:translate(-50%) translateY(0)}.loading-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.elevator-card{transition:all .3s ease}.elevator-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #004e924d}@media (max-width: 768px){.main-info-panel{padding:1rem}.modal-content{margin:1rem;max-width:calc(100% - 2rem)}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.iweather-user{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;background:#000814;color:#e0e0e0;min-height:100vh;animation:fadeInBody 1s ease-in}@keyframes fadeInBody{0%{opacity:0}to{opacity:1}}.iweather-user header{background:#001d3d;padding:1rem .5rem;text-align:center;font-size:1.5rem;font-weight:700;border-bottom:1px solid #003566;color:#fff;letter-spacing:.1em;animation:slideDown .8s ease-out}@keyframes slideDown{0%{transform:translateY(-25px);opacity:0}to{transform:translateY(0);opacity:1}}.iweather-user .main{padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.iweather-user .card{background:#001d3dcc;border-radius:16px;padding:1rem 1.2rem;border:1px solid #003566;box-shadow:0 4px 20px #0006;animation:popIn .5s ease-out forwards;opacity:0}.iweather-user .main>.card:nth-child(1){animation-delay:.1s}.iweather-user .main>.card:nth-child(2){animation-delay:.2s}.iweather-user .sensor-grid-container{animation-delay:.3s}@keyframes popIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.iweather-user .group-title{font-size:1.15rem;color:#58d2ff;font-weight:700;margin-bottom:1rem;letter-spacing:.05em;border-left:4px solid #ffffff;padding-left:.8em;border-bottom:0px}.iweather-user .kv-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem;font-size:1.05rem;padding:.1rem 0}.iweather-user .kv-label{display:flex;align-items:center;gap:.6em}.iweather-user .kv-value-container{display:flex;align-items:center;gap:.8em}.iweather-user .value-text{font-weight:500;letter-spacing:.02em;color:#fff}.iweather-user .status-indicator{padding:.25em .7em;border-radius:8px;font-weight:700;font-size:.9em;letter-spacing:.05em;min-width:40px;text-align:center}.iweather-user .status-good{background:#1a4a1f;color:#70ff7c}.iweather-user .status-moderate{background:#5c4b00;color:#ffde59}.iweather-user .status-danger{background:#6b0f0f;color:#ff7d7d}.iweather-user .today-observation{display:flex;justify-content:space-around;text-align:center;gap:1rem}.iweather-user .observation-period .time{font-size:.9rem;color:#90e0ef;margin-bottom:.3rem}.iweather-user .observation-period .icon{font-size:1.8rem;margin-bottom:.3rem}.iweather-user .observation-period .temp{font-size:1.1rem;font-weight:700;color:#fff}.iweather-user .observation-period .pop{font-size:.9rem;color:#89c2d9;margin-top:.4rem}.iweather-user .weekly-forecast-container{overflow-x:auto;padding-bottom:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(88,210,255,.6) rgba(0,29,61,.3)}.iweather-user .weekly-forecast-container::-webkit-scrollbar{height:6px}.iweather-user .weekly-forecast-container::-webkit-scrollbar-track{background:#001d3d4d;border-radius:3px}.iweather-user .weekly-forecast-container::-webkit-scrollbar-thumb{background:#58d2ff99;border-radius:3px}.iweather-user .weekly-forecast-container::-webkit-scrollbar-thumb:hover{background:#58d2ffcc}.iweather-user .weekly-forecast{display:flex;gap:1rem;width:max-content}.iweather-user .forecast-day{background:#00305cb3;border-radius:12px;padding:1rem;text-align:center;min-width:100px;border:1px solid #004e92;display:flex;flex-direction:column;justify-content:space-between}.iweather-user .forecast-day .day-name{font-weight:700;color:#ade8f4;margin-bottom:.4rem}.iweather-user .forecast-day .icon{font-size:2rem;margin-bottom:.4rem}.iweather-user .forecast-day .temp-range{font-size:1rem;font-weight:500;color:#fff}.iweather-user .forecast-day .pop{font-size:.9rem;color:#89c2d9;margin-top:.4rem}.iweather-user .sensor-grid-container{display:flex;flex-direction:column;gap:1.5rem;animation:popIn .5s ease-out forwards;opacity:0}@media (min-width: 768px){.iweather-user .sensor-grid-container{flex-direction:row}.iweather-user .sensor-grid-container .card{flex:1}}.iweather-user .footer{text-align:center;font-size:.85rem;padding:2rem 1rem 1rem;color:#888}@media (max-width: 768px){.iweather-user .today-observation{flex-direction:row;gap:1rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.iweather-user .observation-period{min-width:100px;flex-shrink:0}.iweather-user .weekly-forecast{gap:.5rem}.iweather-user .forecast-day{min-width:80px;padding:.8rem}.iweather-user .forecast-day .icon{font-size:1.5rem}.iweather-user .forecast-day .temp-range{font-size:.9rem}.iweather-user .forecast-day .pop{font-size:.8rem}.iweather-user .kv-row{font-size:.9rem;flex-wrap:wrap;gap:.5rem}.iweather-user .kv-value-container{gap:.5rem}.iweather-user .status-indicator{font-size:.8em;min-width:35px;padding:.2em .5em}}@media (max-width: 480px){.iweather-user header{font-size:1.2rem;padding:.6rem .5rem}.iweather-user .main{padding:.6rem .4rem;gap:.8rem}.iweather-user .card{padding:.6rem .8rem;margin:0 .2rem}.iweather-user .group-title{font-size:.95rem;margin-bottom:.8rem}.iweather-user .kv-row{font-size:.85rem;margin-bottom:.6rem;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;padding:.3rem 0;flex-wrap:wrap}.iweather-user .kv-value-container{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.iweather-user .kv-label{font-weight:500;flex-shrink:0;min-width:80px}.iweather-user .status-indicator{font-size:.7em;min-width:28px;padding:.1em .3em;white-space:nowrap}.iweather-user .observation-period .icon{font-size:1.1rem}.iweather-user .observation-period .temp{font-size:.8rem}.iweather-user .observation-period .time,.iweather-user .observation-period .pop{font-size:.7rem}.iweather-user .observation-period .time,.iweather-user .observation-period .pop{font-size:.75rem}.iweather-user .forecast-day{min-width:70px;padding:.6rem}.iweather-user .forecast-day .day-name{font-size:.85rem}.iweather-user .forecast-day .icon{font-size:1.3rem}.iweather-user .forecast-day .temp-range{font-size:.8rem}.iweather-user .forecast-day .pop{font-size:.75rem}.iweather-user .value-text{font-size:.85rem;white-space:nowrap}.iweather-user .weekly-forecast-container::-webkit-scrollbar{height:4px}.iweather-user .weekly-forecast-container::-webkit-scrollbar-track{background:#001d3d33}.iweather-user .weekly-forecast-container::-webkit-scrollbar-thumb{background:#58d2ff80}.iweather-user .weekly-forecast-container{scrollbar-width:thin;scrollbar-color:rgba(88,210,255,.5) rgba(0,29,61,.2)}.iweather-user .today-observation::-webkit-scrollbar{height:4px}.iweather-user .today-observation::-webkit-scrollbar-track{background:#001d3d33}.iweather-user .today-observation::-webkit-scrollbar-thumb{background:#58d2ff80}.iweather-user .today-observation{scrollbar-width:thin;scrollbar-color:rgba(88,210,255,.5) rgba(0,29,61,.2)}}@media (max-width: 360px){.iweather-user header{font-size:1.1rem;padding:.5rem .3rem}.iweather-user .main{padding:.5rem .3rem;gap:.6rem}.iweather-user .card{padding:.5rem .6rem;margin:0 .1rem}.iweather-user .group-title{font-size:.9rem;padding-left:.6em}.iweather-user .kv-row{font-size:.8rem;padding:.2rem 0;gap:.3rem}.iweather-user .kv-label{gap:.3em;font-size:.8rem;min-width:70px}.iweather-user .kv-value-container{gap:.2rem}.iweather-user .value-text{font-size:.8rem;white-space:nowrap}.iweather-user .status-indicator{font-size:.65em;min-width:25px;padding:.08em .25em;white-space:nowrap}.iweather-user .today-observation{gap:.8rem}.iweather-user .observation-period{min-width:90px}.iweather-user .today-observation::-webkit-scrollbar{height:3px}.iweather-user .today-observation::-webkit-scrollbar-track{background:#001d3d26}.iweather-user .today-observation::-webkit-scrollbar-thumb{background:#58d2ff66}.iweather-user .today-observation{scrollbar-width:thin;scrollbar-color:rgba(88,210,255,.4) rgba(0,29,61,.15)}.iweather-user .observation-period .icon{font-size:1.2rem}.iweather-user .observation-period .temp{font-size:.85rem}.iweather-user .forecast-day{min-width:60px;padding:.5rem}.iweather-user .forecast-day .day-name{font-size:.8rem}.iweather-user .forecast-day .icon{font-size:1.2rem}.iweather-user .forecast-day .temp-range{font-size:.75rem}.iweather-user .forecast-day .pop{font-size:.7rem}.iweather-user .weekly-forecast-container::-webkit-scrollbar{height:3px}.iweather-user .weekly-forecast-container::-webkit-scrollbar-track{background:#001d3d26}.iweather-user .weekly-forecast-container::-webkit-scrollbar-thumb{background:#58d2ff66}.iweather-user .weekly-forecast-container{scrollbar-width:thin;scrollbar-color:rgba(88,210,255,.4) rgba(0,29,61,.15)}}.iweather-user .loading,.iweather-user .error{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:1.2rem;color:#58d2ff;text-align:center;padding:2rem}.iweather-user .error{color:#ff6b6b;background:#ff6b6b1a;border-radius:12px;margin:1rem;border:1px solid rgba(255,107,107,.3)}.iweather-user .loading{background:#58d2ff1a;border-radius:12px;margin:1rem;border:1px solid rgba(88,210,255,.3);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.itraffic-user-root{min-height:100vh;background:linear-gradient(135deg,#06101b,#00161b);color:#fff;font-family:Inter,sans-serif}.itraffic-user-header{color:#0ff;background-color:transparent;text-align:center;padding:1.5rem;font-size:2rem;font-weight:700}.itraffic-user-main{padding:2rem;max-width:1200px;margin:0 auto}.itraffic-user-container{display:flex;flex-direction:column;gap:2rem}.itraffic-user-time-card{background:linear-gradient(135deg,#06101b,#0a1a2a);border:2px solid #00FFFF;border-radius:15px;padding:2rem;text-align:center;box-shadow:0 8px 32px #0ff3}.itraffic-user-time{font-size:3rem;font-weight:700;color:#0ff;margin-bottom:.5rem;text-shadow:0 0 20px rgba(0,255,255,.5)}.itraffic-user-date{font-size:1.2rem;color:#b0b0b0}.itraffic-user-card{background:linear-gradient(135deg,#06101b,#0a1a2a);border:2px solid #00FFFF;border-radius:15px;padding:2rem;box-shadow:0 8px 32px #0ff3}.itraffic-user-card-title{font-size:1.5rem;font-weight:700;color:#0ff;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.itraffic-user-card-title span{color:#ff6b6b}.itraffic-user-selector{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.itraffic-user-label{font-weight:600;color:#b0b0b0;min-width:100px}.itraffic-user-select{background:#06101b;border:2px solid #00FFFF;border-radius:8px;color:#fff;padding:.75rem 1rem;font-size:1rem;min-width:200px;outline:none;transition:all .3s ease}.itraffic-user-select:focus{border-color:#ff6b6b;box-shadow:0 0 15px #ff6b6b4d}.itraffic-user-select option{background:#06101b;color:#fff}.itraffic-user-overview{margin-top:1rem}.itraffic-user-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.itraffic-user-status-card{background:linear-gradient(135deg,#0a1a2a,#06101b);border:1px solid #00FFFF;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.itraffic-user-status-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00ffff4d}.itraffic-user-status-icon{font-size:2.5rem;min-width:60px;text-align:center}.itraffic-user-status-content{flex:1}.itraffic-user-status-content h4{font-size:1rem;color:#b0b0b0;margin-bottom:.5rem;font-weight:600}.itraffic-user-status-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.itraffic-user-status-label{font-size:.9rem;color:gray;margin-bottom:.75rem}.itraffic-user-progress-bar{width:100%;height:6px;background:#333;border-radius:3px;overflow:hidden}.itraffic-user-progress-fill{height:100%;border-radius:3px;transition:width .5s ease}.itraffic-user-chart-container{height:350px;margin-top:1rem}.itraffic-user-events{display:flex;flex-direction:column;gap:1rem}.itraffic-user-event-item{background:linear-gradient(135deg,#0a1a2a,#06101b);border:1px solid #00FFFF;border-radius:10px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.itraffic-user-event-item:hover{transform:translate(5px);box-shadow:0 5px 20px #0ff3}.itraffic-user-event-icon{font-size:2rem;min-width:50px;text-align:center}.itraffic-user-event-content{flex:1}.itraffic-user-event-content h4{font-size:1.1rem;font-weight:600;color:#0ff;margin-bottom:.25rem}.itraffic-user-event-time{font-size:.9rem;color:gray}.itraffic-user-event-status{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.itraffic-user-event-severity{padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600;color:#fff;text-transform:capitalize}.itraffic-user-event-badge{padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600}.itraffic-user-event-badge.active{background:red;color:#fff}.itraffic-user-event-badge.scheduled{background:orange;color:#fff}.itraffic-user-transport-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.itraffic-user-transport-item{background:linear-gradient(135deg,#0a1a2a,#06101b);border:1px solid #00FFFF;border-radius:12px;padding:1.5rem;transition:all .3s ease}.itraffic-user-transport-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0ff3}.itraffic-user-transport-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.itraffic-user-transport-header h4{font-size:1.1rem;font-weight:600;color:#0ff}.itraffic-user-transport-status{display:flex;align-items:center;gap:.5rem}.itraffic-user-transport-indicator{width:12px;height:12px;border-radius:50%}.itraffic-user-transport-status span{font-size:.9rem;color:#b0b0b0}.itraffic-user-transport-details{display:flex;flex-direction:column;gap:.5rem}.itraffic-user-transport-detail{display:flex;justify-content:space-between;align-items:center}.itraffic-user-transport-detail span:first-child{color:gray;font-size:.9rem}.itraffic-user-transport-detail span:last-child{font-weight:600;color:#b0b0b0}.fade-in-up{animation:fadeInUp .6s ease-out forwards;opacity:0;transform:translateY(30px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.itraffic-user-main{padding:1rem}.itraffic-user-header{font-size:1.5rem;padding:1rem}.itraffic-user-time{font-size:2rem}.itraffic-user-status-grid,.itraffic-user-transport-grid{grid-template-columns:1fr}.itraffic-user-selector{flex-direction:column;align-items:flex-start}.itraffic-user-select{min-width:100%}.itraffic-user-event-item{flex-direction:column;text-align:center}.itraffic-user-event-status{align-items:center;flex-direction:row;gap:1rem}}@media (max-width: 480px){.itraffic-user-status-card{flex-direction:column;text-align:center}.itraffic-user-status-icon{margin-bottom:.5rem}.itraffic-user-chart-container{height:250px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#111827;color:#fff;min-height:100vh}.container{max-width:448px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.header{background-color:#1f293780;border-bottom:1px solid #374151;padding:1rem;position:sticky;top:0;z-index:10}.header-content{display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:.75rem}.header-icon{padding:.5rem;background-color:#2563eb;border-radius:.5rem}.header-text h1{font-size:1.125rem;font-weight:700}.header-text p{font-size:.75rem;color:#9ca3af}.simulate-btn{padding:.5rem;background:none;border:none;color:#fbbf24;font-size:.875rem;cursor:pointer;border-radius:.5rem;transition:background-color .2s}.simulate-btn:hover{background-color:#374151}.main-content{flex:1;padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.earthquake-card{padding:1.5rem;border-radius:1rem;transition:all .3s;border:1px solid #374151;background-color:#1f293780}.earthquake-card.warning{background:linear-gradient(135deg,#dc262633,#ea580c33);border:2px solid rgba(239,68,68,.5)}.earthquake-card.warning .status-header{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.status-icon{width:2rem;height:2rem}.status-title{font-size:1.5rem;font-weight:700}.status-title.warning{color:#f87171}.status-title.normal{color:#4ade80}.countdown-section{text-align:center;margin-bottom:1rem}.countdown-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.countdown-time{font-size:2.25rem;font-weight:700;color:#fb923c}.earthquake-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.info-item{background-color:#1f293780;padding:.75rem;border-radius:.5rem}.info-label{color:#9ca3af;font-size:.875rem;margin-bottom:.25rem}.info-value{color:#fff;font-weight:600;font-size:1.125rem}.location-info{display:flex;align-items:flex-start;gap:.5rem}.location-text{flex:1}.location-label{color:#9ca3af;font-size:.875rem}.location-value{color:#fff}.normal-state{text-align:center}.normal-state p{color:#d1d5db;margin-bottom:1rem}.monitoring-status{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.25rem;color:#9ca3af}.safety-card{background-color:#1f293780;border:1px solid #374151;padding:1.5rem;border-radius:1rem}.safety-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.safety-title{font-size:1.25rem;font-weight:600}.instructions-grid{display:flex;flex-direction:column;gap:1rem}.instruction-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:.75rem;transition:all .2s}.instruction-item.emergency{background-color:#dc26261a;border:1px solid rgba(239,68,68,.2)}.instruction-item.emergency:hover{background-color:#dc262633}.instruction-item.normal{background-color:#37415180}.instruction-item.normal:hover{background-color:#374151b3}.instruction-icon{padding:.5rem;border-radius:.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.instruction-icon.emergency{background-color:#ef444433;color:#f87171}.instruction-icon.normal{background-color:#3b82f633;color:#60a5fa}.instruction-content h4{font-weight:600;margin-bottom:.25rem}.instruction-content p{font-size:.875rem;color:#d1d5db}.device-card{background-color:#1f293780;border:1px solid #374151;padding:1.5rem;border-radius:1rem}.device-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.device-status-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#37415180;border-radius:.75rem;margin-bottom:1rem}.device-info{display:flex;align-items:center;gap:.75rem}.device-label{font-size:.875rem;color:#9ca3af}.device-value{color:#fff;font-weight:500}.device-status{display:flex;align-items:center;gap:.5rem}.status-text{font-weight:500}.status-text.normal{color:#4ade80}.status-text.warning{color:#fbbf24}.status-text.error{color:#f87171}.error-alert{padding:1rem;background-color:#dc26261a;border:1px solid rgba(239,68,68,.2);border-radius:.75rem;display:flex;align-items:center;gap:.5rem;color:#f87171;font-size:.875rem;font-weight:500}.footer{text-align:center;padding:1rem;font-size:.75rem;color:#6b7280;border-top:1px solid #1f2937;margin-top:2rem}.icon{width:1.25rem;height:1.25rem}.icon-lg{width:2rem;height:2rem}.hidden{display:none!important}@media (max-width: 359px){.container{max-width:100%;padding:0 .5rem}.header{padding:.75rem}.main-content{padding:.75rem;gap:.875rem}.earthquake-card,.safety-card,.device-card{padding:.875rem}.header-text h1{font-size:1rem}.header-text p{font-size:.75rem}.status-title{font-size:1.125rem}.countdown-time{font-size:1.5rem}.safety-title,.device-title{font-size:1.125rem}.earthquake-info{grid-template-columns:1fr!important;gap:.5rem}.instructions-grid{display:flex!important;flex-direction:column!important;gap:.75rem}.instruction-item{padding:.625rem;flex-direction:column;text-align:center;gap:.5rem}.instruction-icon{align-self:center}.device-status-item{padding:.625rem;flex-direction:column;gap:.5rem;text-align:center}.device-info{flex-direction:column;gap:.25rem}.device-status{justify-content:center}.status-header,.safety-header{flex-direction:column;gap:.5rem;text-align:center}.countdown-header{flex-direction:column;gap:.25rem}}@media (min-width: 360px) and (max-width: 479px){.container{max-width:100%;padding:0 .75rem}.header{padding:.875rem}.main-content{padding:.875rem;gap:1rem}.earthquake-card,.safety-card,.device-card{padding:1rem}.status-title{font-size:1.25rem}.countdown-time{font-size:1.875rem}.earthquake-info{grid-template-columns:1fr!important;gap:.75rem}.instructions-grid{display:flex!important;flex-direction:column!important;gap:.75rem}.instruction-item,.device-status-item{padding:.75rem}}@media (min-width: 480px) and (max-width: 767px){.container{max-width:100%;padding:0 1rem}.header{padding:1rem}.main-content{padding:1rem;gap:1.25rem}.earthquake-card,.safety-card,.device-card{padding:1.25rem}.status-title{font-size:1.375rem}.countdown-time{font-size:2rem}.earthquake-info{grid-template-columns:1fr!important;gap:1rem}.instructions-grid{display:flex!important;flex-direction:column!important;gap:1rem}}@media (min-width: 768px) and (max-width: 1023px){.container{max-width:100%;padding:0}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;padding:0}.earthquake-card{grid-column:1 / -1;margin:0;border-radius:0;border-left:none;border-right:none;border-bottom:1px solid #374151}.safety-card,.device-card{margin:0;border-radius:0;border-top:none;border-bottom:none;border-left:none;border-right:none}.safety-card{border-right:1px solid #374151}.device-card{border-left:none}.header{padding:1.25rem 1.5rem}.header-text h1{font-size:1.375rem}.status-title{font-size:1.75rem}.countdown-time{font-size:2.5rem}.earthquake-info{grid-template-columns:repeat(2,1fr)!important;gap:1.25rem}.instructions-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0}.instruction-item{border-radius:0;margin:0}.instruction-item:first-child{border-right:1px solid #374151}.device-status-item{border-radius:0;margin:0}}@media (min-width: 1024px){.container{max-width:100%;padding:0}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;padding:0}.earthquake-card{grid-column:1 / -1;margin:0;border-radius:0;border-left:none;border-right:none;border-bottom:1px solid #374151}.safety-card,.device-card{margin:0;border-radius:0;border-top:none;border-bottom:none;border-left:none;border-right:none}.safety-card{border-right:1px solid #374151}.device-card{border-left:none}.header{padding:1.5rem 2rem}.header-text h1{font-size:1.5rem}.header-text p{font-size:1rem}.status-title{font-size:2rem}.countdown-time{font-size:3rem}.earthquake-info{grid-template-columns:repeat(2,1fr)!important;gap:1.5rem}.instructions-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0}.instruction-item{border-radius:0;margin:0}.instruction-item:first-child{border-right:1px solid #374151}.device-status-item{border-radius:0;margin:0}}