@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{font-family:DM Sans,system-ui,sans-serif;color:#172033;background:#f4f6fa;font-synthesis:none;--navy: #0c172b;--navy2: #13233e;--blue: #2563eb;--blue2: #3b82f6;--green: #10b981;--muted: #69758a;--line: #e4e9f1;--surface: #fff;--shadow: 0 8px 30px rgba(20, 35, 60, .07)}.noc-page{--noc-navy: #071525;--noc-blue: #1689ff;display:grid;gap:16px}.noc-command{position:relative;min-height:225px;display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:28px;overflow:hidden;padding:32px 35px;border:1px solid #1a4368;border-radius:17px;background:radial-gradient(circle at 85% 15%,#1689ff36,transparent 28%),linear-gradient(115deg,#061320,#092944 62%,#0a3452);color:#fff;box-shadow:0 18px 45px #0413242e}.noc-command:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.09;pointer-events:none;background-image:linear-gradient(#7bc5ff 1px,transparent 1px),linear-gradient(90deg,#7bc5ff 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}.noc-command-copy,.noc-score,.noc-refresh{position:relative;z-index:1}.noc-live{display:inline-flex;align-items:center;gap:8px;color:#70c8ff;font-size:9px;font-weight:800;letter-spacing:1.4px}.noc-live i{width:7px;height:7px;border-radius:50%;background:#27e3a1;box-shadow:0 0 0 5px #27e3a118,0 0 15px #27e3a1;animation:noc-pulse 1.8s infinite}@keyframes noc-pulse{50%{opacity:.55;box-shadow:0 0 0 9px #27e3a108}}.noc-command h2{max-width:650px;margin:13px 0 8px;font-size:clamp(24px,3vw,38px);letter-spacing:-1px}.noc-command-copy>p{max-width:680px;margin:0;color:#a9c4dc;font-size:11px;line-height:1.7}.noc-command-meta{display:flex;flex-wrap:wrap;gap:17px;margin-top:20px}.noc-command-meta span{display:flex;align-items:center;gap:6px;color:#7fa7c7;font-size:8px}.noc-command-meta svg{width:13px}.noc-score{display:grid;justify-items:center;color:#27e3a1}.noc-score.attention{color:#ffbd4a}.noc-score.critical{color:#ff5f6d}.noc-score>div{width:128px;height:128px;display:grid;place-items:center;border-radius:50%;box-shadow:0 0 35px currentColor}.noc-score>div>span{width:103px;height:103px;display:grid;place-content:center;border-radius:50%;background:#082039;text-align:center}.noc-score strong{font-size:33px;line-height:1}.noc-score small{margin-top:3px;color:#86a6bf;font-size:8px}.noc-score p{margin:12px 0 0;color:#abc3d7;font-size:9px;font-weight:700}.noc-refresh{position:absolute;right:20px;bottom:17px;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #65b9f63a;border-radius:8px;background:#1689ff16;color:#9dd6ff;cursor:pointer;font-size:9px}.noc-refresh svg{width:14px}.noc-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.noc-kpis article{min-width:0;padding:15px;border:1px solid #e0e8f1;border-top:3px solid #91a2b7;border-radius:11px;background:#fff;box-shadow:0 7px 22px #12243d0b}.noc-kpis article.good{border-top-color:#18b67a}.noc-kpis article.warning{border-top-color:#f3a72c}.noc-kpis article.critical{border-top-color:#e34857}.noc-kpis article>div{display:flex;align-items:center;justify-content:space-between;gap:6px}.noc-kpis article span{color:#718197;font-size:8px;font-weight:700;text-transform:uppercase}.noc-kpis article svg{width:16px;color:#7990aa}.noc-kpis article.good svg{color:#18a974}.noc-kpis article.warning svg{color:#e4931c}.noc-kpis article.critical svg{color:#db3e4d}.noc-kpis article>strong{display:block;margin:11px 0 4px;color:#172a43;font-size:27px;line-height:1}.noc-kpis article small{color:#929dad;font-size:8px}.noc-resource-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.noc-resource-strip article{min-width:0;padding:15px 17px;border:1px solid #174061;border-radius:11px;background:linear-gradient(135deg,#081a2d,#0e304d);color:#fff;box-shadow:0 9px 25px #071a2a24}.noc-resource-strip span{display:flex;align-items:center;gap:7px;color:#78b9e8;font-size:8px;font-weight:700;text-transform:uppercase}.noc-resource-strip span svg{width:15px}.noc-resource-strip strong{display:block;margin:9px 0 4px;font-size:24px}.noc-resource-strip strong small{margin-left:2px;color:#82a8c4;font-size:10px}.noc-resource-strip p{overflow:hidden;margin:0;color:#7795ae;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.noc-panel{min-width:0;padding:19px;border:1px solid #dde6ef;border-radius:13px;background:#fff;box-shadow:0 7px 25px #12243d0a}.noc-panel>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.noc-panel>header span{color:#1689d8;font-size:8px;font-weight:800;letter-spacing:1px}.noc-panel>header h3{margin:4px 0 0;color:#1d3049;font-size:15px}.noc-panel>header>svg{width:19px;color:#7990a9}.noc-decision-grid,.noc-analysis-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:16px}.noc-decision-list{display:grid;gap:7px}.noc-decision-list button{display:grid;grid-template-columns:30px minmax(0,1fr) auto 18px;align-items:center;gap:11px;width:100%;padding:10px;border:1px solid #e5ebf2;border-radius:9px;background:#fbfcfe;color:#2c3c52;text-align:left;cursor:pointer}.noc-decision-list button:hover{border-color:#a9cdef;background:#f6faff}.noc-decision-list button>i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#eaf0f7;font-size:10px;font-style:normal;font-weight:800}.noc-decision-list button>i.critical{background:#ffe9eb;color:#d63748}.noc-decision-list button>i.high{background:#fff1d9;color:#c2700a}.noc-decision-list button>i.medium{background:#e7f2ff;color:#1c74bf}.noc-decision-list button>span{display:grid;gap:3px}.noc-decision-list b{font-size:10px}.noc-decision-list small{color:#8492a5;font-size:8px;line-height:1.4}.noc-decision-list em{padding:4px 7px;border-radius:12px;background:#edf2f7;color:#66778e;font-size:7px;font-style:normal;font-weight:800}.noc-decision-list em.critical{background:#ffe9eb;color:#c34}.noc-decision-list em.high{background:#fff0d8;color:#b96a08}.noc-decision-list em.medium{background:#e7f2ff;color:#176aae}.noc-decision-list svg{width:15px;color:#99a7b8}.noc-signals{display:grid;justify-items:center}.noc-signals>header{width:100%}.noc-signal-ring{width:155px;height:155px;display:grid;place-items:center;border-radius:50%}.noc-signal-ring>span{width:118px;height:118px;display:grid;place-content:center;border-radius:50%;background:#fff;text-align:center;box-shadow:inset 0 0 0 1px #e7edf3}.noc-signal-ring strong{color:#1b304a;font-size:25px}.noc-signal-ring small{color:#8491a2;font-size:8px}.noc-signal-legend{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.noc-signal-legend span{display:flex;align-items:center;gap:6px;color:#758398;font-size:8px}.noc-signal-legend span>i{width:7px;height:7px;border-radius:50%;background:#a7b0bc}.noc-signal-legend span.good>i{background:#19b77b}.noc-signal-legend span.warning>i{background:#f4a62a}.noc-signal-legend span.critical>i{background:#e54855}.noc-signal-legend b{margin-left:auto;color:#263950}.noc-fleet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.noc-olt{min-width:0;padding:13px;border:1px solid #e0e7ef;border-radius:10px;background:#fbfcfd;color:#273a51;text-align:left;cursor:pointer}.noc-olt:hover{border-color:#8fc2ec;background:#f6fbff;transform:translateY(-1px)}.noc-olt-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.noc-olt-head>span{display:flex;align-items:center;gap:5px;color:#13825f;font-size:7px;font-weight:800}.noc-olt.offline .noc-olt-head>span{color:#d13b4c}.noc-olt-head>span i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.noc-olt-head em{padding:3px 6px;border-radius:9px;font-size:7px;font-style:normal;font-weight:700}.noc-olt-head em.good{background:#e4f7ef;color:#0a7b59}.noc-olt-head em.warning{background:#fff0d9;color:#b76a08}.noc-olt-head em.critical{background:#ffe8ea;color:#c93445}.noc-olt h4{overflow:hidden;margin:13px 0 4px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.noc-olt>small{display:block;overflow:hidden;color:#8794a5;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.noc-health-bar{height:5px;overflow:hidden;margin:13px 0;border-radius:5px;background:#e8edf3}.noc-health-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#1689ff,#20c997)}.noc-olt.offline .noc-health-bar i{background:#df4050}.noc-olt-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.noc-olt-stats span{color:#8794a4;font-size:7px}.noc-olt-stats b{color:#263a52;font-size:11px}.noc-olt-stats .bad b{color:#d63d4c}.noc-olt-stats .warn b{color:#d58214}.noc-olt-resources{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.noc-olt-resources>span{position:relative;display:grid;grid-template-columns:19px minmax(0,1fr) auto;align-items:center;gap:4px;min-width:0;padding:7px;border:1px solid #e5ebf1;border-radius:7px;background:#fff}.noc-olt-resources>span>i{grid-row:1 / 3;width:18px;height:18px;display:grid;place-items:center;border-radius:5px;background:#e9f4ff;color:#1a7fc9}.noc-olt-resources>span>i svg{width:11px;height:11px}.noc-olt-resources small{overflow:hidden;color:#8996a7;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.noc-olt-resources b{overflow:hidden;color:#294059;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.noc-olt-resources em{grid-column:2 / 4;height:3px;overflow:hidden;border-radius:3px;background:#e8edf2}.noc-olt-resources em i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#1488e6,#19bd8a)}.noc-olt-resources>span.critical{border-color:#f3c7cc;background:#fff8f8}.noc-olt-resources>span.critical>i{background:#ffe8ea;color:#d13a4a}.noc-olt-resources>span.critical em i{background:#df4050}.noc-olt footer{display:grid;grid-template-columns:1fr 1fr 15px;gap:6px;margin-top:13px;padding-top:10px;border-top:1px solid #e6ebf1}.noc-olt footer span{display:grid;gap:2px;color:#929dab;font-size:7px}.noc-olt footer b{color:#31465f;font-size:8px}.noc-olt footer svg{width:14px;color:#8ea0b5}.noc-analysis-grid{grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr)}.noc-trend-chart{height:190px;display:flex;align-items:flex-end;gap:6px;padding:15px 8px 23px;border-bottom:1px solid #dfe6ee;background:linear-gradient(#f8fbfe 1px,transparent 1px);background-size:100% 25%}.noc-trend-chart>div{position:relative;height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:2px}.noc-trend-chart span{width:38%;min-height:2px;border-radius:4px 4px 0 0}.noc-trend-chart span.online{background:linear-gradient(#17b87d,#55d7ab)}.noc-trend-chart span.offline{background:#f09b31}.noc-trend-chart small{position:absolute;bottom:-18px;color:#8c98a8;font-size:7px}.noc-trend>footer{display:flex;justify-content:center;gap:18px;margin-top:10px}.noc-trend>footer span{display:flex;align-items:center;gap:5px;color:#8190a2;font-size:8px}.noc-trend>footer i{width:7px;height:7px;border-radius:2px}.noc-trend>footer i.online{background:#20bd84}.noc-trend>footer i.offline{background:#f09b31}.noc-alert-feed>div{display:grid}.noc-alert-feed>div>button{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 3px;border:0;border-bottom:1px solid #edf1f5;background:transparent;color:#2c4059;text-align:left;cursor:pointer}.noc-alert-feed>div>button:hover{background:#f8fbfe}.noc-alert-feed button>i{width:7px;height:7px;border-radius:50%;background:#a8b2bf}.noc-alert-feed button>i.new{background:#e44655;box-shadow:0 0 8px #e44655}.noc-alert-feed button>span{display:grid;gap:2px;min-width:0}.noc-alert-feed button b{font-size:9px}.noc-alert-feed button small{overflow:hidden;color:#8491a3;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.noc-alert-feed time{color:#929dac;font-size:7px}.noc-empty{padding:30px;color:#8391a4;text-align:center;font-size:9px}.noc-critical-list>header>button{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#1875bd;cursor:pointer;font-size:9px}.noc-critical-list>header>button svg{width:13px}.noc-critical-table{display:grid}.noc-critical-table>button{display:grid;grid-template-columns:minmax(230px,1.3fr) minmax(180px,1fr) 100px 120px 18px;align-items:center;gap:12px;width:100%;padding:10px 8px;border:0;border-bottom:1px solid #e9eef3;background:transparent;color:#30435a;text-align:left;cursor:pointer}.noc-critical-table>button:hover{background:#f7fbfe}.noc-critical-table>button>span{display:grid;gap:2px;min-width:0}.noc-critical-table>button>span:first-child{grid-template-columns:27px minmax(0,1fr);align-items:center}.noc-critical-table>button>span:first-child svg{grid-row:1 / 3;width:15px;color:#6f849d}.noc-critical-table b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.noc-critical-table small{overflow:hidden;color:#8794a5;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.noc-critical-table>button>svg{width:14px;color:#9aa8b9}@media(max-width:1250px){.noc-kpis{grid-template-columns:repeat(3,1fr)}.noc-resource-strip,.noc-fleet-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.noc-command{grid-template-columns:1fr 120px;padding:24px 20px 54px}.noc-score>div{width:105px;height:105px}.noc-score>div>span{width:84px;height:84px}.noc-score strong{font-size:25px}.noc-decision-grid,.noc-analysis-grid{grid-template-columns:1fr}.noc-critical-table>button{grid-template-columns:minmax(0,1fr) auto}.noc-critical-table>button>span:nth-child(2),.noc-critical-table>button>span:nth-child(4){grid-column:1}.noc-critical-table>button>em{grid-column:2;grid-row:1}.noc-critical-table>button>svg{grid-column:2;grid-row:2 / 4}}@media(max-width:620px){.noc-page{gap:11px}.noc-command{grid-template-columns:1fr;align-items:start;min-height:0}.noc-command h2{font-size:25px}.noc-score{position:absolute;right:17px;top:18px;transform:scale(.68);transform-origin:top right}.noc-command-copy{padding-top:75px}.noc-command-meta{display:grid;gap:6px}.noc-kpis{grid-template-columns:repeat(2,1fr)}.noc-resource-strip{grid-template-columns:1fr 1fr}.noc-kpis article{padding:12px}.noc-kpis article>strong{font-size:22px}.noc-panel{padding:14px}.noc-decision-list button{grid-template-columns:27px minmax(0,1fr) 15px}.noc-decision-list em{grid-column:2;justify-self:start}.noc-decision-list svg{grid-column:3;grid-row:1 / 3}.noc-fleet-grid{grid-template-columns:1fr}.noc-trend-chart{gap:3px}.noc-trend-chart small{font-size:6px;transform:rotate(-45deg)}}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{transition:.18s ease}button:hover{transform:translateY(-1px)}.shell{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:268px;background:linear-gradient(180deg,var(--navy),#0a1324);color:#aab7cc;padding:25px 18px;display:flex;flex-direction:column;z-index:5;border-right:1px solid #ffffff0d}.brand{height:52px;display:flex;align-items:center;gap:12px;color:#fff;font-size:20px;font-weight:700;letter-spacing:-.4px;padding:0 7px}.brand>span:last-child{display:grid}.brand small{font-size:9px;letter-spacing:2px;color:#71839f;margin-top:2px}.logo-mark{width:38px;height:38px;border-radius:11px;display:grid!important;place-items:center;background:linear-gradient(140deg,#2f7cf6,#20b8cf);box-shadow:0 8px 22px #1e75e944}.logo-mark svg{width:21px}.tenant{display:flex;align-items:center;gap:11px;background:#ffffff08;border:1px solid #ffffff0e;border-radius:12px;padding:12px;margin:20px 0 25px;color:#eef4ff;font-size:12px;font-weight:600}.tenant-dot{width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:#24446f;display:grid;place-items:center;color:#75a9fa}.tenant div{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant small{display:block;color:#7486a2;font-size:9px;margin-top:3px;text-transform:uppercase;letter-spacing:.7px}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#52637d;padding:0 12px 9px}nav{display:grid;gap:5px}nav button,.logout{width:100%;border:0;background:transparent;color:#91a0b8;padding:11px 13px;border-radius:9px;text-align:left;display:flex;align-items:center;gap:12px;cursor:pointer;font-size:13px;font-weight:500}nav button svg,.logout svg{flex:0 0 auto}nav button:hover{background:#ffffff09;color:#dce7f9;transform:none}nav button.active{color:#fff;background:linear-gradient(90deg,#2563eb33,#2563eb12);box-shadow:inset 3px 0 #3b82f6}.logout{margin-top:auto;border-top:1px solid #ffffff0d;border-radius:0;padding-top:20px}.logout:hover{color:#fff;transform:none}main{grid-column:2;min-width:0}header{height:112px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#f8f9fc;border-bottom:1px solid #e9edf3}header h1{font-size:25px;letter-spacing:-.6px;margin:5px 0 2px;color:#182238}header p{margin:0;color:#7a8699;font-size:12px}.breadcrumb{font-size:9px;font-weight:700;color:#8a96a8;letter-spacing:1.1px}.header-actions{display:flex;align-items:center;gap:22px;position:relative}.system-status{display:flex;align-items:center;gap:7px;font-size:11px;color:#527065;background:#eaf8f2;border:1px solid #d5efe4;border-radius:20px;padding:7px 11px}.system-status i{width:7px;height:7px;background:#10b981;border-radius:50%;box-shadow:0 0 0 4px #10b9811c}.avatar{display:flex;align-items:center;gap:10px;background:linear-gradient(145deg,#dbeafe,#c7dbfb);color:#1e56a5;width:38px;height:38px;border-radius:11px;justify-content:center;font-weight:700}.avatar>span{display:grid;white-space:nowrap;color:#344054;font-size:11px;font-weight:500}.avatar small{color:#8a94a6;font-size:9px;font-weight:400}.content{padding:30px 38px 45px;max-width:1600px;margin:auto}.cards{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:14px}.cards article{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:18px;box-shadow:0 3px 15px #16233a08}.cards article:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent)}.cards span{display:block;color:#788499;font-size:11px;font-weight:500}.cards strong{display:block;font-size:27px;letter-spacing:-1px;margin:9px 0 7px}.cards small{color:#a0a9b8;font-size:9px}.cards .blue{--accent: #3b82f6}.cards .green{--accent: #10b981}.cards .gray{--accent: #94a3b8}.cards .red{--accent: #ef4444}.cards .orange{--accent: #f59e0b}.cards .purple{--accent: #8b5cf6}.panel{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);margin-top:20px;padding:22px}.trap-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.trap-status-card{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px;box-shadow:var(--shadow)}.trap-status-card>svg{width:25px;color:#3478ef}.trap-status-card.good>svg{color:#07916a}.trap-status-card.bad>svg{color:#d43e4f}.trap-status-card span{display:grid;min-width:0}.trap-status-card small{color:#8792a5;font-size:8px;font-weight:800;letter-spacing:1px}.trap-status-card strong{margin-top:3px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trap-status-card em{color:#8792a5;font-size:9px;font-style:normal;margin-top:2px}.trap-filters{display:grid;grid-template-columns:1fr 1fr 2fr auto;align-items:end;gap:12px;padding:16px}.trap-filters label{display:grid;gap:5px}.trap-filters label>span{color:#697587;font-size:9px;font-weight:700}.trap-filters select,.trap-filters input{width:100%;height:38px;border:1px solid #dfe4ec;border-radius:8px;background:#fff;padding:0 10px;color:#334155;outline:none}.trap-search>div{position:relative}.trap-search svg{position:absolute;width:14px;left:11px;top:12px;color:#8792a5}.trap-search input{padding-left:33px}.trap-filters>button{height:38px;border-radius:8px;padding:0 17px;border:0;cursor:pointer;display:flex;align-items:center;gap:7px}.trap-filters>button svg{width:14px}.trap-badge{display:inline-flex;border-radius:14px;padding:5px 8px;background:#eef2f7;color:#56657a;font-size:8px;font-weight:800;white-space:nowrap}.trap-badge.info{background:#e7f8f1;color:#08785a}.trap-badge.warning{background:#fff1d6;color:#a85d05}.trap-badge.critical{background:#fee2e2;color:#c62828}.cell-subtitle{display:block;margin-top:3px;color:#8792a5;font-size:8px}.trap-details{position:relative}.trap-details summary{color:#2563eb;cursor:pointer;font-size:9px;white-space:nowrap}.trap-details>div{position:absolute;right:0;z-index:5;width:min(560px,75vw);max-height:320px;overflow:auto;background:#101827;color:#dce7f8;border-radius:9px;padding:13px;box-shadow:0 12px 35px #10182755}.trap-details code{display:block;color:#8fc5ff;font-size:9px;overflow-wrap:anywhere}.trap-details p{margin:10px 0 0;border-top:1px solid #ffffff18;padding-top:8px}.trap-details p span{display:block;margin-top:3px;font-size:10px;overflow-wrap:anywhere}.trap-security-note{color:#8792a5;font-size:9px;text-align:right}@media(max-width:1000px){.trap-status-grid{grid-template-columns:repeat(2,1fr)}.trap-filters{grid-template-columns:1fr 1fr}}@media(max-width:600px){.trap-status-grid,.trap-filters{grid-template-columns:1fr}.trap-details>div{position:fixed;left:4vw;right:4vw;bottom:80px;width:auto}}.welcome{min-height:155px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#13294b,#174275);border:0;color:#fff;padding:30px 34px;overflow:hidden;position:relative}.welcome:after{content:"";position:absolute;width:260px;height:260px;border:55px solid #ffffff08;border-radius:50%;right:-55px;top:-95px}.welcome h2{font-size:21px;margin:0 0 8px}.welcome p{margin:0;color:#b8cce7;font-size:13px;max-width:600px}.welcome svg{opacity:.35;z-index:1}.dashboard-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.dashboard-title>div>span,.panel-title span,.pon-heading span{font-size:8px;letter-spacing:1.5px;font-weight:700;color:#7f8ca0}.dashboard-title h2{margin:5px 0 3px;font-size:22px}.dashboard-title p{margin:0;color:#8792a5;font-size:11px}.live-pill{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #caeadf;background:#eaf8f2;color:#18765b;border-radius:18px;font-size:9px;font-weight:700}.live-pill i{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px #10b98118}.quick-search{position:relative;padding:0 18px;height:54px;display:flex;align-items:center;gap:11px;box-shadow:0 3px 15px #16233a08}.quick-search>svg{width:17px;color:#8995a6}.quick-search input{border:0;outline:0;flex:1;height:100%;color:#2d3b52;background:transparent;font-size:11px}.search-results{position:absolute;z-index:4;top:58px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 18px 45px #17233d25;overflow:hidden}.search-results>div{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:11px 15px;border-bottom:1px solid #edf0f4;font-size:10px}.search-results>div:last-child{border-bottom:0}.search-results span{color:#8792a5}.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h3,.pon-heading h3{margin:4px 0 0;font-size:15px}.panel-title>svg{color:#4774b7;background:#edf4ff;border-radius:9px;padding:8px;width:35px;height:35px}.signal-chart{display:flex;align-items:center;justify-content:center;gap:45px;padding:22px 5px 8px}.donut{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #0000000a}.donut>div{width:106px;height:106px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 3px 18px #17233d12}.donut strong{font-size:25px}.donut span{font-size:8px;color:#8b96a7}.signal-legend{display:grid;gap:13px;min-width:200px}.signal-legend>span,.summary-row>span{display:flex;align-items:center;gap:8px;font-size:10px;color:#657287}.signal-legend strong{margin-left:auto;color:#2f3c51;font-size:12px}.green-dot,.amber-dot,.red-dot,.blue-dot{display:inline-block;width:8px;height:8px;border-radius:3px;background:#10b981}.amber-dot{background:#f59e0b}.red-dot{background:#ef4444}.blue-dot{background:#3b82f6}.network-summary{padding-bottom:13px}.summary-row{display:flex;align-items:center;justify-content:space-between;padding:15px 2px;border-bottom:1px solid #edf0f4}.summary-row:last-child{border-bottom:0}.summary-row strong{font-size:14px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.toolbar h2{margin:0;font-size:18px;letter-spacing:-.3px}.toolbar p{margin:5px 0 0;color:#8792a5;font-size:11px}.toolbar>div:last-child,.actions,.row-actions{display:flex;gap:8px;align-items:center}.toolbar button,.actions button,.row-actions button,.icon,.notice button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dfe4ec;background:#fff;color:#4d5b70;border-radius:8px;padding:9px 12px;cursor:pointer;font-size:11px;font-weight:600}.toolbar button:hover,.actions button:hover,.row-actions button:hover{border-color:#b8c6db;background:#f8fafc}.toolbar svg,.actions svg,.row-actions svg{width:14px;height:14px}.template-title-cell{display:flex;min-width:210px;align-items:center;justify-content:space-between;gap:10px}.template-title-cell button{border:1px solid #cfd9e7;border-radius:8px;background:#fff;color:#2563eb;padding:7px 10px;font-size:11px;font-weight:700;cursor:pointer}.primary{background:linear-gradient(135deg,#2563eb,#3478ef)!important;color:#fff!important;border-color:#2563eb!important;box-shadow:0 5px 14px #2563eb25}.danger{color:#d43e4f!important}.action-btn{border:0;border-radius:7px;padding:8px 13px;cursor:pointer;font-weight:600}.entity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.entity{background:#fff;border:1px solid var(--line);border-radius:13px;padding:21px;box-shadow:0 3px 14px #16233a08}.entity-head{display:flex;gap:12px;align-items:center}.entity-head h3{margin:0 0 4px;font-size:15px}.entity-head small{color:#8994a6;font-size:10px}.dot{width:9px;height:9px;border-radius:50%;background:#94a3b8}.dot.ok{background:#10b981;box-shadow:0 0 0 4px #10b98118}.entity dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:21px 0;border:1px solid #edf0f5;background:#fafbfc;border-radius:10px;padding:13px}.entity dl div{min-width:0}.entity dt{color:#9aa4b4;font-size:8px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.entity dd{margin:5px 0 0;font-size:11px;overflow:hidden;text-overflow:ellipsis}.actions{flex-wrap:wrap}.olt-card{cursor:pointer;transition:.18s}.olt-card:hover{border-color:#b8c9e2;box-shadow:0 10px 30px #17233d12;transform:translateY(-2px)}.olt-card .entity-head>svg{margin-left:auto;color:#9ba7b7;width:17px}.table-wrap{overflow:auto;padding:0;margin-top:0}table{width:100%;border-collapse:collapse;text-align:left}thead{background:#f8fafc}th{font-size:9px;letter-spacing:.65px;text-transform:uppercase;color:#8792a5;font-weight:700}th,td{padding:14px 16px;border-bottom:1px solid #edf0f4;white-space:nowrap}td{font-size:11px;color:#425066}tbody tr{transition:.15s}tbody tr:hover{background:#fafcff}tbody tr:last-child td{border-bottom:0}.empty{text-align:center;padding:72px 20px;color:#919cad}.empty svg{width:44px;height:44px;padding:10px;background:#eef3f9;border-radius:13px;color:#6c82a2}.empty h3{color:#38465c;margin:14px 0 5px;font-size:15px}.empty p{margin:0;font-size:11px}.loading{display:flex;gap:10px;align-items:center;justify-content:center;color:#778399;padding:70px;font-size:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}html,body,#root{max-width:100%;overscroll-behavior-x:none}body,#root,.reference-shell,.reference-shell>main,.reference-shell>main>.content{width:100%;min-width:0;max-width:100%;overflow-x:hidden}.reference-shell>main>.content{contain:inline-size;touch-action:pan-y}.entry-shortcuts,.provisioning-chart-scroll,.table-wrap{overscroll-behavior-x:contain}@media(max-width:700px){html,body,#root,.reference-shell,.reference-shell>main{overscroll-behavior-y:none!important}.dashboard-critical-signals>header{min-height:70px;padding:12px}.dashboard-critical-signals header p{display:none}.dashboard-critical-list>button{grid-template-columns:22px minmax(0,1fr) auto 14px;gap:7px;padding:12px 10px}.dashboard-critical-location{grid-column:2;grid-row:2}.dashboard-critical-rx{grid-column:3;grid-row:1 / 3}.dashboard-critical-list>button>svg{grid-column:4;grid-row:1 / 3}}.status-age-page{display:grid;gap:14px;min-width:0}.status-age-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:170px;overflow:hidden;padding:28px 32px;border:1px solid #194766;border-radius:15px;background:radial-gradient(circle at 84% 15%,#1a92d94a,transparent 31%),linear-gradient(120deg,#071726,#0a324b 67%,#0b4961);color:#fff;box-shadow:0 16px 40px #081b2b25}.status-age-hero>div:first-child{min-width:0}.status-age-hero>div:first-child>span{display:flex;align-items:center;gap:7px;color:#75cfff;font-size:9px;font-weight:800;letter-spacing:1.3px}.status-age-hero>div:first-child>span svg{width:15px}.status-age-hero h2{margin:11px 0 7px;font-size:clamp(24px,3vw,35px);letter-spacing:-1px}.status-age-hero p{max-width:720px;margin:0;color:#a9c5d8;font-size:11px;line-height:1.65}.status-age-hero-total{flex:0 0 215px;padding:18px;border:1px solid #83d5ff2b;border-radius:12px;background:#05131f4f;text-align:center}.status-age-hero-total strong{display:block;font-size:38px;line-height:1}.status-age-hero-total span{display:block;margin-top:7px;color:#b9d7e8;font-size:9px}.status-age-hero-total small{display:block;margin-top:11px;color:#6e9ab5;font-size:7px}.status-age-statuses{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.status-age-statuses button{display:flex;align-items:center;gap:11px;min-width:0;padding:13px 14px;border:1px solid #dfe6ed;border-left:3px solid #8998aa;border-radius:10px;background:#fff;color:#66768a;cursor:pointer;text-align:left;box-shadow:0 5px 18px #26394f0a}.status-age-statuses button:hover,.status-age-statuses button.active{border-color:#8dc5e8;background:#f3faff}.status-age-statuses button.active{box-shadow:inset 0 0 0 1px #89c9ef,0 7px 21px #1579ad18}.status-age-statuses button.offline{border-left-color:#e18a26}.status-age-statuses button.dying_gasp{border-left-color:#2788d2}.status-age-statuses button.los{border-left-color:#dc3e4d}.status-age-statuses button.online{border-left-color:#18ac77}.status-age-statuses button>svg{flex:0 0 30px;width:30px;height:30px;padding:7px;border-radius:8px;background:#edf2f7}.status-age-statuses button.offline>svg{background:#fff0dd;color:#c97312}.status-age-statuses button.dying_gasp>svg{background:#e8f4ff;color:#1978bf}.status-age-statuses button.los>svg{background:#ffe9eb;color:#d13848}.status-age-statuses button.online>svg{background:#e5f7ef;color:#109268}.status-age-statuses button span{display:grid;min-width:0}.status-age-statuses button small{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.status-age-statuses button strong{margin-top:3px;color:#20344b;font-size:20px}.status-age-filters{display:grid;grid-template-columns:minmax(430px,1.4fr) minmax(180px,.5fr) minmax(240px,.8fr) auto;align-items:end;gap:12px;padding:15px;border:1px solid #dfe6ed;border-radius:11px;background:#fff;box-shadow:0 5px 18px #26394f09}.status-age-filters label,.status-age-periods{display:grid;gap:6px;min-width:0}.status-age-filters label>span,.status-age-periods>span{color:#738195;font-size:8px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.status-age-periods>div{display:flex;gap:4px;min-width:0}.status-age-periods button{min-height:39px;padding:7px 9px;border:1px solid #dfe5eb;border-radius:7px;background:#f8fafc;color:#67778b;cursor:pointer;font-size:8px;font-weight:700;white-space:nowrap}.status-age-periods button.active{border-color:#1689d8;background:#eaf6ff;color:#126fae}.status-age-filters select,.status-age-search>div{width:100%;min-width:0;height:40px;border:1px solid #dce3ea;border-radius:8px;background:#fafbfd}.status-age-filters select{padding:0 10px;color:#34465c;font-size:10px}.status-age-search>div{display:flex;align-items:center;gap:7px;padding:0 10px}.status-age-search svg{flex:0 0 14px;width:14px;color:#8b98a8}.status-age-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:10px}.status-age-actions{display:flex;align-items:stretch;gap:7px}.status-age-refresh,.status-age-export{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 13px;border:0;border-radius:8px;background:#1689d8;color:#fff;cursor:pointer;font-size:9px;font-weight:800;white-space:nowrap}.status-age-export{border:1px solid #b9d6c9;background:#e9f7f0;color:#087451}.status-age-export:disabled{cursor:not-allowed;opacity:.48}.status-age-refresh svg,.status-age-export svg{width:14px}.status-age-results{overflow:hidden;border:1px solid #dce5ed;border-radius:12px;background:#fff;box-shadow:0 7px 24px #26394f0c}.status-age-results>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 19px;border-bottom:1px solid #e8edf2}.status-age-results>header span{color:#1785c9;font-size:7px;font-weight:900;letter-spacing:1px}.status-age-results>header h3{margin:3px 0 0;color:#253950;font-size:14px}.status-age-results>header small{color:#8491a1;font-size:9px}.status-age-list{display:grid}.status-age-list>button{display:grid;grid-template-columns:38px minmax(220px,1.3fr) minmax(145px,.8fr) 115px minmax(180px,.8fr) 17px;align-items:center;gap:12px;width:100%;min-width:0;padding:12px 17px;border:0;border-bottom:1px solid #edf1f4;background:#fff;color:#31465d;cursor:pointer;text-align:left}.status-age-list>button:hover{background:#f7fbfe;transform:none}.status-age-list>button>svg{width:15px;color:#93a2b3}.status-age-device{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#edf2f7;color:#73869c}.status-age-device svg{width:17px}.status-age-device.offline{background:#fff0df;color:#cc7615}.status-age-device.dying_gasp{background:#e8f4ff;color:#1878bf}.status-age-device.los{background:#ffe8eb;color:#cf3445}.status-age-device.online{background:#e5f7ef;color:#109268}.status-age-identity,.status-age-location,.status-age-duration{display:grid;gap:3px;min-width:0}.status-age-identity b,.status-age-location b,.status-age-duration b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.status-age-identity small,.status-age-location small,.status-age-duration small{overflow:hidden;color:#8995a4;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.status-age-duration>i{display:block;height:4px;overflow:hidden;margin-top:3px;border-radius:5px;background:#e8edf2}.status-age-duration>i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f0a02d,#df4050)}.status-age-empty{padding:45px 20px;color:#8492a3;text-align:center}.status-age-empty svg{width:30px}.status-age-empty h3{margin:9px 0 4px;color:#405269;font-size:14px}.status-age-empty p{margin:0;font-size:9px}@media(max-width:1200px){.status-age-statuses{grid-template-columns:repeat(3,minmax(0,1fr))}.status-age-filters{grid-template-columns:minmax(0,1fr) minmax(180px,.4fr)}.status-age-search{grid-column:1}.status-age-actions{grid-column:2}}@media(max-width:760px){.status-age-hero{align-items:stretch;flex-direction:column;min-height:0;padding:21px 17px}.status-age-hero-total{flex:none;width:100%}.status-age-statuses{grid-template-columns:repeat(2,minmax(0,1fr))}.status-age-statuses button{padding:10px}.status-age-filters{grid-template-columns:minmax(0,1fr);padding:12px}.status-age-search,.status-age-actions{grid-column:1}.status-age-actions button{flex:1}.status-age-periods>div{overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.status-age-periods button{flex:0 0 auto}.status-age-list{gap:9px;padding:10px;background:#f4f7fa}.status-age-list>button{grid-template-columns:36px minmax(0,1fr) auto;gap:9px;overflow:hidden;padding:12px;border:1px solid #dfe6ed;border-radius:10px}.status-age-identity{grid-column:2}.status-age-list>button>.status-pill{grid-column:3;grid-row:1}.status-age-location{grid-column:2}.status-age-duration{grid-column:2 / 4;padding-top:7px;border-top:1px solid #edf1f4}.status-age-list>button>svg{grid-column:3;grid-row:2}}@media(max-width:390px){.status-age-statuses{grid-template-columns:minmax(0,1fr)}}.badge{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:8px;font-weight:700;letter-spacing:.3px}.badge.success{background:#e7f8f1;color:#08785a}.badge.warn{background:#fff4df;color:#a76306}.badge.mode{background:#eaf1fd;color:#315f9f;text-transform:uppercase}.notice{display:flex;justify-content:space-between;align-items:center;background:#eaf8f3;color:#16745a;border:1px solid #ccecdf;padding:11px 14px;border-radius:9px;margin-bottom:15px;font-size:11px}.notice button{border:0;background:transparent;padding:0}.error{color:#b42334;background:#fff0f1;border:1px solid #ffd8dc;padding:10px;border-radius:8px;font-size:11px}.info-box{background:#eef5ff;color:#315b91;border:1px solid #d5e5fa;border-radius:9px;padding:13px;font-size:11px;line-height:1.55}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#081224b5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;display:grid;place-items:center;padding:20px}.modal-open .mobile-bottom-nav{visibility:hidden!important;pointer-events:none!important}.modal{background:#fff;width:min(720px,100%);max-height:90vh;overflow:auto;border-radius:16px;box-shadow:0 35px 90px #0007}.modal-head{position:sticky;top:0;z-index:1;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:19px 24px;border-bottom:1px solid #e8ecf2}.modal-head h2{margin:0;font-size:17px;letter-spacing:-.2px}.modal-head button{border:0;background:#f2f5f8;border-radius:8px;width:32px;height:32px;display:grid;place-items:center;cursor:pointer;color:#65748a}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:24px}.field{display:grid;gap:7px}.field span{font-size:10px;font-weight:700;color:#556176}.field input,.field select{width:100%;padding:11px 12px;border:1px solid #d5dce7;border-radius:8px;background:#fff;color:#26334a;outline:none;font-size:12px}.field input:focus,.field select:focus{border-color:#4f86e8;box-shadow:0 0 0 3px #3479df12}.span2,.form-actions{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;padding-top:7px}.form-actions button{border:0;border-radius:8px;padding:11px 25px;font-weight:600;cursor:pointer;font-size:12px}.icon{padding:7px!important}.modal:has(.olt-overview){width:min(1240px,100%)}.olt-overview{padding:0 24px 26px}.olt-hero{margin:0 -24px 18px;padding:25px 28px;background:linear-gradient(115deg,#10243f,#174b79);display:flex;align-items:center;justify-content:space-between;color:#fff}.olt-hero h2{margin:9px 0 4px;font-size:22px}.olt-hero p{margin:0;color:#a9c1dd;font-size:10px}.olt-hero button{display:flex;align-items:center;gap:7px;border:1px solid #ffffff32;background:#ffffff12;color:#fff;border-radius:8px;padding:9px 12px;cursor:pointer;font-size:10px}.olt-hero button svg{width:14px}.collector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.collector-grid article{display:grid;padding:15px;border:1px solid #e6ebf2;background:#fafbfd;border-radius:10px}.collector-grid span{font-size:8px;color:#8a96a8;font-weight:700;letter-spacing:.8px}.collector-grid strong{font-size:14px;margin:7px 0 3px}.collector-grid small{color:#8a95a5;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ok-text{color:#098b65!important}.warn-text{color:#b46b08!important}.bad-text{color:#cf3d4d!important}.pon-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:22px 2px 12px}.pon-heading small{font-size:8px;color:#929dad}.pon-table{border:1px solid #e5eaf1;border-radius:10px;overflow:auto}.pon-table th,.pon-table td{padding:12px 13px}.pon-table tbody td:first-child{color:#244f8c}.pon-table tbody tr:hover{background:#f7fbff}@media(max-width:800px){.dashboard-grid{grid-template-columns:1fr}.signal-chart{gap:20px}.collector-grid{grid-template-columns:1fr}.olt-hero{align-items:flex-start;gap:15px}.pon-heading{align-items:flex-start;gap:8px;flex-direction:column}}.hardware-strip{display:grid;grid-template-columns:repeat(6,1fr);margin-top:12px;border:1px solid #e6ebf2;border-radius:10px;overflow:hidden}.hardware-strip>div{min-width:0;padding:12px;border-right:1px solid #e8edf3;background:#fff}.olt-detail-page{display:grid;gap:14px;animation:detail-enter .18s ease-out}.olt-detail-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border:1px solid #e3e9f0;border-radius:12px;background:#fff;box-shadow:0 5px 18px #162b4610}.olt-detail-nav>div{display:flex;align-items:center;gap:14px}.olt-detail-nav button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dfe6ee;border-radius:8px;background:#f7f9fc;color:#254a70;padding:9px 12px;cursor:pointer;font-size:10px;font-weight:700}.olt-detail-nav button:hover{border-color:#99b9d7;background:#eef6fc}.olt-detail-nav button>svg{width:16px;height:16px}.olt-detail-nav>div>button{width:40px;height:40px;padding:0}.olt-detail-nav span{color:#738296;font-size:8px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.olt-detail-nav h2{margin:4px 0 2px;color:#112e4b;font-size:19px}.olt-detail-nav p{margin:0;color:#8591a1;font-size:9px}@keyframes detail-enter{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.olt-dashboard-page{display:grid;gap:16px}.olt-dashboard-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:20px 24px;border:1px solid #e4eaf1;border-radius:12px;background:#fff;box-shadow:0 5px 18px #162b4610}.olt-dashboard-toolbar>div>span,.panel-title span{color:#718096;font-size:9px;font-weight:800;letter-spacing:.9px}.olt-dashboard-toolbar h2{margin:5px 0 3px;color:#10243f;font-size:21px}.olt-dashboard-toolbar p{margin:0;color:#7f8b9b;font-size:10px}.olt-dashboard-toolbar label{display:grid;gap:6px;min-width:260px;color:#6f7d8f;font-size:9px;font-weight:700}.olt-dashboard-toolbar select{border:1px solid #dce3eb;border-radius:8px;background:#f9fbfd;padding:10px 12px;color:#193653;font-weight:650}.olt-overview.embedded{padding:0 20px 24px;overflow:hidden;border:1px solid #e4eaf1;border-radius:12px;background:#fff;box-shadow:0 5px 18px #162b4610}.olt-overview.embedded .olt-hero{margin-left:-20px;margin-right:-20px}.olt-live-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.olt-live-kpis article{position:relative;min-width:0;padding:14px 15px;overflow:hidden;border:1px solid #e5eaf1;border-radius:10px;background:#fafcfe}.olt-live-kpis article:before{position:absolute;inset:0 auto 0 0;width:3px;background:#3a78b8;content:""}.olt-live-kpis article.good:before{background:#13a878}.olt-live-kpis article.attention:before{background:#e99822}.olt-live-kpis article.critical:before{background:#d94d5c}.olt-live-kpis span{display:block;overflow:hidden;color:#7b8797;font-size:8px;font-weight:800;letter-spacing:.65px;text-overflow:ellipsis;white-space:nowrap}.olt-live-kpis strong{display:block;margin:7px 0 4px;overflow:hidden;color:#163452;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.olt-live-kpis small{color:#8a96a5;font-size:8px}.olt-chart-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:12px;margin-bottom:14px}.traffic-panel,.health-panel{min-width:0;padding:16px;border:1px solid #e5eaf1;border-radius:10px;background:#fff}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-title h3{margin:5px 0 0;color:#173653;font-size:14px}.traffic-now{display:flex;gap:12px;font-size:9px}.traffic-now .rx{color:#178ec7}.traffic-now .tx{color:#875fd1}.traffic-chart{position:relative;margin-top:12px;height:155px}.traffic-chart svg{width:100%;height:130px;overflow:visible}.traffic-chart line{stroke:#e7ecf2;stroke-dasharray:4 4;stroke-width:1}.traffic-chart path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5;vector-effect:non-scaling-stroke}.traffic-chart .rx-line{stroke:#168ec7}.traffic-chart .tx-line{stroke:#875fd1}.chart-max{position:absolute;top:0;left:3px;color:#8b97a6;font-size:8px}.chart-axis{display:flex;justify-content:space-between;color:#929cab;font-size:8px}.chart-empty{display:flex;height:155px;align-items:center;justify-content:center;gap:9px;color:#8b97a6;font-size:10px}.chart-empty svg{width:18px}.health-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.health-metrics div{padding:11px;border-radius:8px;background:#f4f7fa}.health-metrics span{display:block;color:#8490a0;font-size:8px}.health-metrics strong{display:block;margin-top:5px;color:#173653;font-size:13px}.retention-note{display:block;margin-top:12px;color:#8793a2;font-size:8px}.interface-table td:first-child small{display:block;margin-top:3px;color:#94a0ae;font-size:7px}.interface-heading{margin-top:28px}@media(max-width:1100px){.olt-live-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.olt-detail-nav{align-items:flex-start}.olt-detail-nav .back-list{display:none}.olt-dashboard-toolbar{align-items:stretch;flex-direction:column}.olt-dashboard-toolbar label{min-width:0}.olt-live-kpis{grid-template-columns:repeat(2,1fr)}.olt-chart-grid{grid-template-columns:1fr}}.collector-page{display:grid;gap:14px;color:#25374d}.collector-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:175px;padding:28px 32px;border-radius:14px;color:#fff;background:radial-gradient(circle at 78% 20%,#147acb66,transparent 31%),linear-gradient(125deg,#061321,#09283f 63%,#074e6c);box-shadow:0 12px 28px #09283f26}.collector-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:linear-gradient(#5ed9ff18 1px,transparent 1px),linear-gradient(90deg,#5ed9ff18 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(90deg,transparent 25%,#000);mask-image:linear-gradient(90deg,transparent 25%,#000)}.collector-hero>*{position:relative;z-index:1}.collector-live{display:flex;align-items:center;gap:8px;color:#65d8ff;font-size:9px;font-weight:800;letter-spacing:1.5px}.collector-live i{width:7px;height:7px;border-radius:50%;background:#25e6a8;box-shadow:0 0 12px #25e6a8;animation:noc-pulse 1.8s infinite}.collector-hero h2{margin:11px 0 7px;font-size:27px}.collector-hero p{max-width:660px;margin:0;color:#a9c6d9;font-size:11px;line-height:1.6}.collector-hero-meta{display:flex;gap:18px;margin-top:18px}.collector-hero-meta span{display:flex;align-items:center;gap:6px;color:#82a9c1;font-size:8px}.collector-hero-meta svg{width:13px}.collector-actions{display:flex;gap:8px}.collector-actions button{display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #5fc9ee45;border-radius:8px;background:#ffffff10;color:#d7eff8;cursor:pointer;font-size:9px;font-weight:700}.collector-actions button:hover{background:#ffffff1c}.collector-actions button:disabled{cursor:wait;opacity:.58}.collector-actions svg{width:14px}.collector-global-runs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.collector-global-runs>article{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;overflow:hidden;padding:15px 16px;border:1px solid #dfe7ee;border-left:4px solid #19a977;border-radius:10px;background:#fff;box-shadow:0 4px 14px #23364b0e}.collector-global-runs>article.running{border-left-color:#168cdb;background:linear-gradient(135deg,#fff,#f1f9ff)}.collector-global-runs>article.failed{border-left-color:#d83b4c}.collector-global-runs>article>i{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#e6f7ef;color:#15956c}.collector-global-runs>article.running>i{background:#e1f2ff;color:#1687d1;animation:noc-pulse 1.4s infinite}.collector-global-runs>article.failed>i{background:#ffe8ea;color:#cf3546}.collector-global-runs svg{width:17px}.collector-global-runs article>div>span{color:#2788c6;font-size:6px;font-weight:900;letter-spacing:.8px}.collector-global-runs h3{margin:3px 0 0;color:#243a52;font-size:11px}.collector-global-runs article>em{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:12px;background:#e4f6ed;color:#087657;font-size:6px;font-style:normal;font-weight:900}.collector-global-runs article.running>em{background:#e3f2ff;color:#1179bd}.collector-global-runs article.failed>em{background:#ffe7e9;color:#c42e40}.collector-global-runs article>em i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}.collector-global-runs dl{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:3px 0 0;padding-top:10px;border-top:1px solid #edf1f4}.collector-global-runs dl div{display:grid;gap:3px}.collector-global-runs dt{color:#929eac;font-size:6px}.collector-global-runs dd{margin:0;color:#2d435a;font-size:9px;font-weight:800}.collector-global-runs article>p{grid-column:1 / -1;overflow:hidden;margin:0;color:#c53646;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.collector-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.collector-kpis article{padding:16px 17px;border:1px solid #e3e9ef;border-top:3px solid #268cd2;border-radius:9px;background:#fff;box-shadow:0 4px 13px #243a5210}.collector-kpis article.good{border-top-color:#1bb47d}.collector-kpis article.live{border-top-color:#218fe0;background:linear-gradient(135deg,#fff,#f1f9ff)}.collector-kpis article.warning{border-top-color:#efa329}.collector-kpis article.critical{border-top-color:#df4554}.collector-kpis span{display:flex;align-items:center;gap:7px;color:#718095;font-size:8px;font-weight:800;text-transform:uppercase}.collector-kpis svg{width:15px;color:#2588cb}.collector-kpis strong{display:block;margin:10px 0 4px;color:#182b42;font-size:25px}.collector-kpis small{color:#98a3b1;font-size:7px}.collector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.collector-device{overflow:hidden;border:1px solid #dfe7ee;border-radius:11px;background:#fff;box-shadow:0 5px 17px #23364b0e}.collector-device>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 18px 14px;border-bottom:1px solid #edf1f4;background:linear-gradient(90deg,#fbfdff,#f6faff)}.collector-device-state{display:flex;align-items:center;gap:5px;color:#13845f;font-size:7px;font-weight:900;letter-spacing:.8px}.collector-device-state i{width:6px;height:6px;border-radius:50%;background:#18bc83;box-shadow:0 0 8px #18bc83}.collector-device h3{margin:6px 0 3px;color:#20364e;font-size:13px}.collector-device header small{color:#8c99a8;font-size:7px}.collector-cpu{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #dce7f0;border-radius:8px;background:#fff}.collector-cpu>svg{width:18px;color:#2587ca}.collector-cpu span{display:grid}.collector-cpu small{font-size:6px!important;font-weight:800}.collector-cpu b{color:#203951;font-size:12px}.collector-device.warning .collector-cpu{border-color:#f2d7a9;background:#fffaf1}.collector-device.warning .collector-cpu>svg,.collector-device.warning .collector-cpu b{color:#c77a10}.collector-device.critical .collector-cpu{border-color:#f1bec5;background:#fff5f6}.collector-device.critical .collector-cpu>svg,.collector-device.critical .collector-cpu b{color:#cc3547}.collector-backoff{display:flex;align-items:center;gap:7px;padding:8px 18px;background:#fff6e7;color:#a96208;font-size:8px;font-weight:700}.collector-backoff.critical{background:#ffebed;color:#bd3040}.collector-backoff svg{width:13px}.collector-operation-list{display:grid;padding:4px 14px 10px}.collector-operation{position:relative;display:grid;grid-template-columns:31px minmax(110px,1.25fr) repeat(4,minmax(58px,.7fr)) auto;align-items:center;gap:8px;min-width:0;padding:12px 4px;border-bottom:1px solid #edf1f4}.collector-operation:last-child{border-bottom:0}.collector-operation-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#eaf5fd;color:#1d82c6}.collector-operation-icon svg{width:14px}.collector-operation.running .collector-operation-icon{background:#e1f4ff;color:#148dd7;animation:noc-pulse 1.5s infinite}.collector-operation.failed .collector-operation-icon{background:#ffe9eb;color:#d23b4b}.collector-operation.degraded .collector-operation-icon{background:#fff1d9;color:#c8790d}.collector-operation>span{display:grid;gap:2px;min-width:0}.collector-operation>span small{overflow:hidden;color:#98a3b1;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.collector-operation>span b{overflow:hidden;color:#30465d;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.collector-operation-name b{color:#20354d!important;font-size:9px!important}.collector-result{justify-self:end;padding:4px 7px;border-radius:10px;background:#e6f7ef;color:#087758;font-size:6px;font-style:normal;font-weight:900}.collector-operation.running .collector-result{background:#e5f3ff;color:#1378be}.collector-operation.failed .collector-result{background:#ffe8ea;color:#c63142}.collector-operation.degraded .collector-result{background:#fff0d6;color:#a86108}.collector-operation>p{grid-column:2 / -1;overflow:hidden;margin:-4px 0 0;color:#c33b49;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.collector-dots{color:#188bd4;font-style:normal;letter-spacing:2px;animation:noc-pulse 1.3s infinite}.collector-events{overflow:hidden;border:1px solid #dfe7ee;border-radius:11px;background:#fff;box-shadow:0 5px 17px #23364b0e}.collector-events>header{display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border-bottom:1px solid #e7edf2}.collector-events>header span{color:#1786cc;font-size:7px;font-weight:900;letter-spacing:1px}.collector-events>header h3{margin:3px 0 0;font-size:13px}.collector-events>header svg{width:18px;color:#7b91a7}.collector-events>div{max-height:330px;overflow:auto}.collector-events article{display:grid;grid-template-columns:31px minmax(180px,1.2fr) minmax(90px,.6fr) 150px 70px;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid #edf1f4}.collector-events article>i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e4f7ef;color:#13815f}.collector-events article.failed>i{background:#ffe8ea;color:#cc3547}.collector-events article svg{width:12px}.collector-events article>span{display:grid;gap:2px}.collector-events article b{color:#31465e;font-size:8px}.collector-events article small,.collector-events time{color:#8d99a8;font-size:7px}.collector-events article>em{justify-self:end;padding:4px 7px;border-radius:9px;background:#e5f6ee;color:#087858;font-size:6px;font-style:normal;font-weight:900}.collector-events article.failed>em{background:#ffe7e9;color:#c43142}@media(max-width:1250px){.collector-global-runs{grid-template-columns:1fr}.collector-kpis{grid-template-columns:repeat(3,1fr)}.collector-grid{grid-template-columns:1fr}}@media(max-width:760px){.collector-hero{align-items:flex-start;flex-direction:column;padding:22px 18px}.collector-hero-meta{align-items:flex-start;flex-direction:column;gap:7px}.collector-actions{width:100%}.collector-actions button{flex:1;justify-content:center}.collector-kpis{grid-template-columns:1fr 1fr}.collector-operation{grid-template-columns:31px minmax(0,1fr) minmax(0,1fr);row-gap:10px}.collector-operation-icon{grid-column:1;grid-row:1}.collector-operation-name{grid-column:2;grid-row:1}.collector-result{grid-column:3;grid-row:1}.collector-operation>span:nth-of-type(2){grid-column:2;grid-row:2}.collector-operation>span:nth-of-type(3){grid-column:3;grid-row:2}.collector-operation>span:nth-of-type(4){grid-column:2;grid-row:3}.collector-operation>span:nth-of-type(5){grid-column:3;grid-row:3}.collector-operation>span:not(.collector-operation-name){padding:7px;border-radius:6px;background:#f6f9fb}.collector-operation>p{grid-column:2 / -1}.collector-events article{grid-template-columns:28px minmax(0,1fr) auto}.collector-events article>span:nth-of-type(2),.collector-events time{display:none}}.mobile-bottom-nav,.mobile-menu-backdrop{display:none}@media(max-width:900px){body{overscroll-behavior-y:none}button,input,select,textarea{min-height:44px}button:hover{transform:none}.reference-shell,.reference-shell.menu-collapsed{display:block;min-height:100dvh}.reference-shell main,.reference-shell.menu-collapsed main{width:100%;min-height:100dvh;grid-column:auto}.reference-shell aside,.reference-shell.menu-collapsed aside{inset:0 auto 0 0;width:min(84vw,330px);padding:env(safe-area-inset-top,0) 14px calc(18px + env(safe-area-inset-bottom,0));z-index:100;transform:translate(0);transition:transform .22s ease;box-shadow:16px 0 42px #0f172a32}.reference-shell.menu-collapsed aside{width:min(84vw,330px);padding-left:14px;padding-right:14px;transform:translate(-105%);box-shadow:none}.reference-shell aside .brand,.reference-shell.menu-collapsed aside .brand{justify-content:flex-start;margin:0 -14px;padding:0 20px}.reference-shell aside .brand>span:last-child,.reference-shell aside .side-search input,.reference-shell aside .grouped-nav .nav-label,.reference-shell aside .grouped-nav button span,.reference-shell aside .grouped-nav .nav-arrow,.reference-shell aside .tenant div,.reference-shell aside .logout span{display:grid!important}.reference-shell aside .side-search{justify-content:flex-start;padding:0 12px}.reference-shell aside .grouped-nav button{justify-content:flex-start;min-height:46px;font-size:13px}.mobile-menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;border:0;background:#0f172a70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.reference-shell header{height:64px;padding:env(safe-area-inset-top,0) 14px 0;z-index:40}.header-left{gap:9px;min-width:0}.menu-trigger{width:44px;height:44px;justify-content:center;flex:0 0 44px;border-radius:10px;background:#fff1e8;font-size:0}.reference-shell header h1{max-width:64vw;margin:0;overflow:hidden;color:#232831;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.reference-shell header p,.reference-shell .breadcrumb,.reference-shell .header-brand,.reference-shell .header-actions{display:none}.reference-shell .content{width:100%;max-width:none;padding:14px 12px calc(88px + env(safe-area-inset-bottom,0))}.mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:80;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:7px 5px calc(7px + env(safe-area-inset-bottom,0));border-top:1px solid #dce1e7;background:#fffffff5;box-shadow:0 -8px 26px #1720331a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-bottom-nav button{min-width:0;min-height:48px;display:grid;place-items:center;gap:2px;padding:3px 1px;border:0;border-radius:9px;background:transparent;color:#737b87;font-size:9px;font-weight:700;text-align:center}.mobile-bottom-nav button.active{background:#fff1e8;color:#e85e08}.mobile-bottom-nav svg{width:20px;height:20px}.entry-welcome{padding:17px 14px;margin-bottom:10px}.entry-welcome h2{font-size:20px;text-align:left}.entry-overview,.entry-shortcuts,.inventory-head,.toolbar,.olt-dashboard-toolbar,.onu-page-heading{border-radius:10px}.entry-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.entry-kpis button{min-width:0;padding:12px 10px}.entry-kpis button:first-child,.entry-kpis button:last-child{grid-column:1 / -1}.entry-search{margin-top:12px}.entry-search input{font-size:13px;text-align:left}.entry-search .search-results>button{grid-template-columns:minmax(0,1fr) auto;gap:8px}.entry-search .search-result-location{grid-column:1 / -1;grid-row:2}.entry-search .search-results>button>b{grid-column:2;grid-row:1}.entry-search .search-result-summary{align-items:flex-start;flex-direction:column;gap:3px}.entry-shortcuts{display:flex;gap:5px;overflow-x:auto;padding:9px;scroll-snap-type:x mandatory}.entry-shortcuts button{flex:0 0 86px;scroll-snap-align:start}.dashboard-grid,.olt-health-grid,.olt-main-grid,.olt-telemetry-grid,.cards,.current-optical,.reference-detail-grid,.detail-sections{grid-template-columns:1fr!important}.toolbar,.inventory-head,.olt-dashboard-toolbar{padding:14px;gap:12px}.toolbar>div:last-child,.inventory-metrics,.olt-dashboard-toolbar>div:last-child{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.toolbar>div:last-child button,.inventory-metrics>span{justify-content:center}.panel.table-wrap{padding:0;overflow:visible;border:0;background:transparent;box-shadow:none}.panel.table-wrap table,.panel.table-wrap tbody{display:block;width:100%;min-width:0}.panel.table-wrap thead{display:none}.panel.table-wrap tbody{display:grid;gap:10px}.panel.table-wrap tbody tr{display:grid;overflow:hidden;border:1px solid #dfe3e8;border-radius:11px;background:#fff;box-shadow:0 3px 12px #1720330d}.panel.table-wrap tbody td{min-width:0;min-height:42px;display:grid;grid-template-columns:minmax(88px,.65fr) minmax(0,1.35fr);align-items:center;gap:10px;padding:9px 12px;border:0;border-bottom:1px solid #edf0f3;text-align:left;overflow-wrap:anywhere}.panel.table-wrap tbody td:last-child{border-bottom:0}.panel.table-wrap tbody td:before{content:attr(data-label);color:#8a929d;font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.panel.table-wrap tbody td[data-label=""]{display:block;min-height:0;padding:5px 12px}.panel.table-wrap tbody td[data-label=""]:before{display:none}.row-actions,.inventory-actions{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px}.row-actions button,.inventory-actions button,.action-btn{min-height:40px}.form-grid{grid-template-columns:1fr;padding:14px}.form-actions,.span2{grid-column:1}.form-actions button{width:100%}.modal-backdrop{align-items:flex-end;padding:0}.reference-shell .modal{width:100%;max-width:none;max-height:92dvh;overflow-y:auto;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom,0)}.modal-head{position:sticky;top:0;z-index:3;background:#fff}.onu-page-heading{padding:12px}.onu-page-breadcrumb>svg,.onu-page-breadcrumb>span{display:none}.onu-page-breadcrumb strong{max-width:55vw;overflow:hidden;text-overflow:ellipsis}.onu-page-actions{display:grid;grid-template-columns:1fr 1fr}.onu-page-actions .customer{grid-column:1 / -1}.onu-page .detail-hero{align-items:flex-start;flex-direction:column;gap:14px;padding:17px}.onu-hero-actions,.onu-hero-actions .signal{width:100%;text-align:left}.detail-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.detail-tabs button{flex:0 0 auto;min-height:44px;scroll-snap-align:start}.reference-card-rows>div{grid-template-columns:105px minmax(0,1fr)}.reference-card-rows span,.reference-card-rows strong{padding:9px}.metrics-table,.olt-interfaces-table,.pon-table{overflow-x:auto}.metrics-table table,.olt-interfaces-table table,.pon-table table{min-width:700px}.login-side{min-height:100dvh;padding:max(25px,env(safe-area-inset-top,0)) 20px max(25px,env(safe-area-inset-bottom,0))}.login-card{width:100%}}@media(max-width:420px){.entry-kpis{grid-template-columns:1fr 1fr}.entry-kpis strong{font-size:23px}.mobile-bottom-nav button{font-size:8px}.reference-card-rows>div{grid-template-columns:92px minmax(0,1fr)}}.hardware-strip>div:last-child{border-right:0}.hardware-strip span{display:block;font-size:7px;color:#929cad;text-transform:uppercase;letter-spacing:.65px;font-weight:700}.hardware-strip strong{display:block;margin-top:5px;font-size:9px;color:#344157;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:900px){.hardware-strip{grid-template-columns:repeat(3,1fr)}.hardware-strip>div:nth-child(3){border-right:0}}@media(max-width:800px){.hardware-strip{grid-template-columns:1fr 1fr}.hardware-strip>div:nth-child(3){border-right:1px solid #e8edf3}.hardware-strip>div:nth-child(2n){border-right:0}}.inventory-head{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#10243f,#174b79);border-radius:14px;padding:24px 27px;color:#fff;margin-bottom:22px;box-shadow:0 12px 35px #15355520}.inventory-head>div:first-child>span{font-size:8px;letter-spacing:1.5px;color:#77a8e5;font-weight:700}.inventory-head h2{font-size:21px;margin:6px 0 4px}.inventory-head p{font-size:10px;color:#adc2dd;margin:0}.inventory-metrics{display:flex;border:1px solid #ffffff1f;border-radius:11px;overflow:hidden;background:#ffffff0b}.inventory-metrics span{display:grid;min-width:82px;text-align:center;padding:10px 15px;color:#a8bdd7;font-size:8px;border-right:1px solid #ffffff17}.inventory-metrics span:last-child{border-right:0}.inventory-metrics strong{font-size:20px;color:#fff;margin-bottom:2px}.inventory-metrics .online strong{color:#69e6b9}.inventory-error{margin-bottom:15px}.inventory-search{min-height:50px;display:flex;align-items:center;gap:10px;padding:8px 13px;margin:-8px 0 15px;border:1px solid #dce5f0;border-radius:11px;background:#fff;box-shadow:0 4px 16px #16233a08}.inventory-search>svg{width:17px;color:#718096}.inventory-search input{flex:1;min-width:0;height:38px;border:0;outline:0;background:transparent;color:#26374e;font-size:11px}.inventory-search button{width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:#edf2f7;color:#607086;cursor:pointer}.inventory-search button svg{width:14px}.inventory-search>span{padding:5px 9px;border-radius:15px;background:#edf4ff;color:#2863b4;font-size:9px;font-weight:700;white-space:nowrap}.onu-identity{display:flex;align-items:center;gap:10px}.onu-identity>div,.olt-location{display:grid;gap:3px}.onu-identity small,.olt-location small,.onu-description-cell small,.optical-value small{font-size:8px;color:#96a1b1}.onu-description-cell{display:grid;gap:3px;min-width:150px;max-width:250px}.onu-description-cell strong{overflow:hidden;color:#34445a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.onu-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#f0f3f7;color:#8290a3}.onu-icon.online{background:#e5f8f0;color:#07916a}.onu-icon svg{width:14px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:15px;font-size:8px;font-weight:700}.status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.online{background:#e7f8f1;color:#08785a}.status-pill.offline{background:#f0f2f5;color:#697587}.status-pill.los{background:#fee2e2;color:#c62828}.status-pill.dying_gasp{background:#fff1d6;color:#b86400}.optical-value{display:grid;gap:3px}.optical-value strong{font-size:10px}.inventory-actions{flex-wrap:nowrap;min-width:max-content}.inventory-actions button{padding:7px 9px;min-width:38px;min-height:38px;flex:0 0 auto}.inventory-actions button svg{width:13px;height:13px}.inventory-actions .resync-btn{background:#edf4ff;color:#2863b4;border-color:#d3e3fa}.inventory-actions button:disabled{opacity:.65;cursor:wait;transform:none}@media(max-width:800px){.inventory-search{flex-wrap:wrap}.inventory-search input{width:calc(100% - 75px)}.inventory-search>span{width:100%;text-align:center}.onu-description-cell{min-width:0;max-width:none}.onu-description-cell strong{white-space:normal}.inventory-head{align-items:flex-start;gap:18px;flex-direction:column}.inventory-metrics{width:100%}.inventory-metrics span{flex:1;min-width:0}}@media(max-width:1100px){.inventory-actions button span{display:none}.inventory-actions button{width:38px;height:38px;padding:0}}@media(max-width:900px){.inventory-actions button{width:44px;height:44px;min-width:44px;min-height:44px}}.modal:has(.onu-detail-expanded){width:min(1180px,100%)}.onu-detail-expanded{padding-bottom:30px}.onu-hero{min-height:145px}.onu-hero-actions{display:flex;align-items:center;gap:24px;z-index:1}.onu-hero-actions button{display:flex;align-items:center;gap:7px;border:1px solid #ffffff30;background:#ffffff12;color:#fff;border-radius:8px;padding:9px 11px;cursor:pointer;font-size:9px}.onu-hero-actions button svg{width:13px}.event-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}.event-cards article{border:1px solid #e5eaf1;background:#fafbfd;border-radius:10px;padding:13px}.event-cards span{display:block;color:#8b96a8;font-size:7px;font-weight:700;letter-spacing:.8px}.event-cards strong{display:block;font-size:17px;margin:7px 0 3px;color:#29374e}.event-cards small{font-size:7px;color:#99a3b2}.detail-sections{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-section{border:1px solid #e4e9f0;border-radius:11px;overflow:hidden}.detail-section h3{font-size:11px;margin:0;padding:11px 14px;background:#f7f9fc;border-bottom:1px solid #e8edf3;color:#344359}.detail-section>div{display:grid;grid-template-columns:1fr 1fr}.detail-section article{min-width:0;padding:10px 13px;border-right:1px solid #edf0f4;border-bottom:1px solid #edf0f4}.detail-section article:nth-child(2n){border-right:0}.detail-section article span,.gem-grid span{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.55px;color:#949faf;font-weight:700}.detail-section article strong,.gem-grid strong{display:block;font-size:9px;margin-top:5px;color:#334158;overflow:hidden;text-overflow:ellipsis}.onu-subsection{margin-top:20px}.section-heading{margin-bottom:10px}.section-heading>span{font-size:7px;color:#7e8ba0;font-weight:700;letter-spacing:1.2px}.section-heading h3{font-size:13px;margin:3px 0 0}.gem-grid{display:grid;gap:9px}.gem-grid>article{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #e5eaf1;border-radius:10px;overflow:hidden}.gem-grid>article>div{padding:11px 13px;border-right:1px solid #e9edf3;background:#fbfcfd}.gem-grid>article>div:last-child{border-right:0}.event-timeline{border:1px solid #e4e9f0;border-radius:11px;overflow:hidden}.event-timeline>div{display:grid;grid-template-columns:12px 1fr auto;align-items:start;gap:9px;padding:11px 13px;border-bottom:1px solid #edf0f4;background:#fff}.event-timeline>div:last-child{border-bottom:0}.event-timeline strong{font-size:9px;color:#344157}.event-timeline strong small{font-size:7px;color:#909bab;font-weight:500;margin-left:6px}.event-timeline p{font-size:8px;color:#7d899b;margin:4px 0 0}.event-timeline time{font-size:7px;color:#929dad}.event-dot{width:7px;height:7px;border-radius:50%;margin-top:2px;background:#94a3b8;box-shadow:0 0 0 3px #94a3b81a}.event-dot.up{background:#10b981}.event-dot.down{background:#ef4444}.event-dot.dying_gasp{background:#f59e0b}.event-dot.loss{background:#dc2626}.event-dot.discovered{background:#3b82f6}.no-events{border:1px dashed #dce3ec;border-radius:10px;padding:20px;color:#8b96a7;text-align:center;font-size:9px}.operations-list{border:1px solid #e5eaf1;border-radius:10px;overflow:hidden}.operations-list>div{display:grid;grid-template-columns:auto 130px 1fr;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid #edf0f4}.operations-list>div:last-child{border-bottom:0}.operations-list strong{font-size:9px}.operations-list small{font-size:8px;color:#8c97a8}.connection-history{margin-bottom:18px}.history-operations-heading{margin-top:20px}@media(max-width:760px){.onu-hero-actions button{display:none}.event-cards{grid-template-columns:1fr 1fr}.detail-sections{grid-template-columns:1fr}.gem-grid>article{grid-template-columns:repeat(3,1fr)}.event-timeline>div{grid-template-columns:12px 1fr}.event-timeline time{grid-column:2}.operations-list>div{grid-template-columns:auto 1fr}.operations-list small{grid-column:1/-1}}.entry-welcome{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px;margin-bottom:14px;background:#fff;border:1px solid #d9dde2;border-radius:5px;box-shadow:var(--shadow)}.entry-welcome>div{min-width:0}.entry-welcome h2{margin:0;color:#17191d;font-size:clamp(22px,2.2vw,34px);letter-spacing:-1px}.entry-welcome p{margin:6px 0 0;color:#7b8490;font-size:10px;font-weight:600}.dashboard-scope-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;margin:-2px 0 14px;border:1px solid #bcd8ea;border-left:4px solid #1686c0;border-radius:8px;background:linear-gradient(100deg,#f2f9fd,#fff 62%);box-shadow:var(--shadow)}.dashboard-scope-title{display:flex;align-items:center;gap:11px;color:#225a78}.dashboard-scope-title>svg{width:24px;height:24px}.dashboard-scope-title div{display:grid;gap:3px}.dashboard-scope-title strong{color:#183d52;font-size:13px}.dashboard-scope-title span{color:#718796;font-size:9px}.dashboard-olt-filter{position:relative;width:min(360px,40vw);min-width:250px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 12px;border:1px solid #d7dee7;border-radius:10px;background:#f8fafc;color:#31536f}.dashboard-olt-filter>svg{width:18px;height:18px}.dashboard-olt-filter>svg:last-child{width:15px;pointer-events:none}.dashboard-olt-filter span{position:absolute;top:4px;left:40px;color:#8a95a3;font-size:7px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.dashboard-olt-filter select{min-width:0;width:100%;padding:9px 0 0;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:#263b4c;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.entry-overview{position:relative;z-index:3;padding:28px 12px 12px;margin-bottom:14px;background:#fff;border:1px solid #d9dde2;border-radius:5px;box-shadow:var(--shadow)}.entry-kpis{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:8px;margin-bottom:28px}.entry-kpis button{min-width:0;text-align:center;padding:10px 6px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;font-family:inherit;transition:.15s ease}.entry-kpis button:hover,.entry-kpis button:focus-visible{border-color:#dce4ed;background:#f7f9fc;box-shadow:0 5px 14px #1e385313;outline:none;transform:translateY(-2px)}.entry-kpis button>span{display:block;color:#202327;font-size:9px;font-weight:800;text-transform:uppercase;white-space:nowrap}.entry-kpis button>div{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0 1px}.entry-kpis svg{width:31px;height:31px;stroke-width:2.2}.entry-kpis strong{color:#111317;font-size:31px;line-height:1;font-weight:500;letter-spacing:-1.5px}.entry-kpis small{color:#35393f;font-size:8px}.entry-kpis .total svg,.entry-kpis .olts svg{color:#16181b}.entry-kpis .online svg{color:#1db954}.entry-kpis .power svg{color:#2185d0;fill:#2185d0}.entry-kpis .loss svg{color:#df2525;transform:rotate(-12deg)}.entry-kpis .inactive svg{color:#f97316;stroke-width:2.8}.entry-kpis .unauthorized svg{color:#f5b400}.entry-search{position:relative;height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #d9dde2;border-radius:24px;background:#fafbfc}.entry-search>svg{width:17px;color:#767d86}.entry-search>input{flex:1;height:100%;border:0;outline:0;text-align:center;color:#343a42;background:transparent;font-size:11px}.entry-search-clear{width:30px;height:30px;display:grid;flex:0 0 30px;place-items:center;padding:0;border:0;border-radius:50%;background:#edf1f5;color:#667386;cursor:pointer}.entry-search-clear svg{width:13px}.entry-search .search-results{top:48px;max-height:min(520px,65vh);overflow-y:auto}.entry-search .search-results>button{width:100%;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:11px 15px;border:0;border-bottom:1px solid #edf0f4;background:#fff;color:#303843;text-align:left;cursor:pointer;font-size:10px}.entry-search .search-results>button:hover{background:#fff8f3;transform:none}.entry-search .search-results span{color:#8792a5}.entry-search .search-result-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 15px;border-bottom:1px solid #e6ebf1;background:#f6f8fb}.entry-search .search-result-summary strong{color:#34445a;font-size:10px}.entry-search .search-result-summary span{font-size:8px}.search-result-main,.search-result-location{display:grid;gap:3px;min-width:0}.entry-search .search-results .search-result-main strong,.entry-search .search-results .search-result-location strong{overflow:hidden;color:#303843;text-overflow:ellipsis;white-space:nowrap}.entry-search .search-results small{overflow:hidden;color:#8792a5;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.entry-search .search-result-empty{padding:22px 15px;color:#7b8798;text-align:center;font-size:10px}.dashboard-warning{margin-bottom:12px}.entry-shortcuts{display:flex;align-items:center;justify-content:center;gap:34px;min-height:82px;padding:12px 20px;background:#fff;border:1px solid #d9dde2;border-radius:5px;box-shadow:var(--shadow)}.entry-shortcuts button{min-width:70px;display:grid;justify-items:center;gap:5px;border:0;background:transparent;color:#171a1e;cursor:pointer;font-size:10px}.entry-shortcuts button:hover{color:#f97316}.entry-shortcuts svg{width:26px;height:26px;stroke-width:2.4}.dashboard-critical-signals{min-width:0;margin-top:14px;overflow:hidden;border:1px solid #efc7c7;border-radius:10px;background:#fff;box-shadow:var(--shadow);scroll-margin:90px}.dashboard-critical-signals>header{height:auto;min-height:76px;padding:14px 18px;border:0;border-bottom:1px solid #f2dddd;background:linear-gradient(100deg,#fff5f5,#fff 70%);box-shadow:none}.dashboard-critical-signals>header,.dashboard-critical-signals>header>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-critical-signals>header>div{justify-content:flex-start;min-width:0}.dashboard-critical-icon{width:40px;height:40px;display:grid;flex:0 0 40px;place-items:center;border-radius:11px;background:#fee7e7;color:#d83a48}.dashboard-critical-icon svg{width:21px}.dashboard-critical-signals header span:last-child{display:grid;gap:2px;min-width:0}.dashboard-critical-signals header small{color:#d04450;font-size:7px;font-weight:850;letter-spacing:.7px}.dashboard-critical-signals header h3{margin:0;color:#432b31;font-size:15px}.dashboard-critical-signals header p{margin:0;color:#8f7a7f;font-size:8px}.dashboard-critical-signals>header>strong{min-width:38px;padding:7px 10px;border-radius:20px;background:#e54855;color:#fff;font-size:14px;text-align:center}.dashboard-critical-signals>header>button{display:flex;flex:0 0 auto;align-items:center;gap:7px;min-height:36px;padding:6px 9px 6px 13px;border:1px solid #efb9be;border-radius:20px;background:#fff;color:#bc3441;cursor:pointer;font-size:8px;font-weight:800}.dashboard-critical-signals>header>button strong{min-width:27px;padding:5px 7px;border-radius:14px;background:#e54855;color:#fff;font-size:10px;text-align:center}.dashboard-critical-signals>header>button svg{width:13px}.dashboard-critical-signals>header>button:hover{background:#fff5f5;transform:none}.dashboard-critical-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#edf0f3}.dashboard-critical-list>button{min-width:0;display:grid;grid-template-columns:28px minmax(100px,1fr) minmax(100px,.9fr) auto 18px;align-items:center;gap:9px;padding:12px 14px;border:0;background:#fff;color:#384250;text-align:left;cursor:pointer}.dashboard-critical-list>button:hover{z-index:1;background:#fff8f8;transform:none}.dashboard-critical-list>button>em{color:#b8bec7;font-size:8px;font-style:normal;font-weight:800}.dashboard-critical-identity,.dashboard-critical-location,.dashboard-critical-rx{display:grid;gap:2px;min-width:0}.dashboard-critical-list b,.dashboard-critical-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-critical-list b{font-size:9px}.dashboard-critical-list small{color:#929ca8;font-size:7px}.dashboard-critical-rx{justify-items:end;color:#d63442}.dashboard-critical-rx b{font-size:10px}.dashboard-critical-list>button>svg{width:15px;color:#a8b0ba}.dashboard-critical-empty{display:flex;min-height:74px;align-items:center;justify-content:center;gap:8px;color:#28845e;font-size:10px}.dashboard-critical-empty svg{width:18px}.signal-critical-link{width:100%;display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid #f0d0d3;border-radius:7px;background:#fff7f7;color:#657287;cursor:pointer;font-size:10px;text-align:left}.signal-critical-link strong{margin-left:auto}.signal-critical-link>svg{width:13px;color:#d83a48}.signal-critical-link:disabled{cursor:default;opacity:.55}.signal-critical-link:hover:not(:disabled){border-color:#e7aeb4;background:#fff0f1;transform:none}.provisioning-summary-panel{display:grid;gap:16px;margin-top:14px;padding:20px;overflow:hidden;border:1px solid #d9e3eb;border-radius:9px;background:radial-gradient(circle at 92% -10%,rgba(43,130,190,.12),transparent 30%),#fff;box-shadow:var(--shadow)}.provisioning-summary-panel>header,.provisioning-summary-title,.provisioning-summary-kpis article,.provisioning-chart-head,.provisioning-chart-head>div{display:flex;align-items:center}.provisioning-summary-panel>header{justify-content:space-between;gap:16px}.provisioning-summary-title{min-width:0;gap:11px}.provisioning-summary-title>svg{width:38px;height:38px;flex:0 0 auto;padding:8px;border-radius:10px;background:linear-gradient(145deg,#235c83,#298cc4);color:#fff;box-shadow:0 7px 16px #235c8333}.provisioning-summary-title>span{display:grid;gap:2px}.provisioning-summary-title small{color:#2a7cad;font-size:8px;font-weight:850;letter-spacing:.65px}.provisioning-summary-title h3{margin:0;color:#233f53;font-size:16px}.provisioning-summary-title p{margin:0;color:#7a8b97;font-size:9px}.provisioning-period-tabs{display:flex;gap:4px;padding:4px;border:1px solid #d8e3eb;border-radius:8px;background:#f5f8fa}.provisioning-period-tabs button{min-width:66px;padding:8px 11px;border:1px solid transparent;border-radius:6px;background:transparent;color:#6c7f8d;cursor:pointer;font-size:9px;font-weight:800}.provisioning-period-tabs button.active{border-color:#b9d4e5;background:#fff;color:#176d9e;box-shadow:0 3px 9px #22527017}.provisioning-period-tabs button:disabled{cursor:wait;opacity:.65}.provisioning-summary-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.provisioning-summary-kpis article{min-width:0;gap:10px;padding:12px;border:1px solid #e0e8ee;border-radius:8px;background:#fafcfd}.provisioning-summary-kpis article>i{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:9px;background:#e8f2f8;color:#2b769f}.provisioning-summary-kpis article>i svg{width:17px}.provisioning-summary-kpis article.provisioned>i,.provisioning-summary-kpis article.positive>i{background:#dcf7e8;color:#138553}.provisioning-summary-kpis article.deprovisioned>i,.provisioning-summary-kpis article.negative>i{background:#fee7e7;color:#c43a3a}.provisioning-summary-kpis article>span{display:grid;min-width:0;gap:1px}.provisioning-summary-kpis small{overflow:hidden;color:#7c8d99;font-size:7px;font-weight:850;letter-spacing:.4px;text-overflow:ellipsis;white-space:nowrap}.provisioning-summary-kpis strong{color:#223e51;font-size:21px;line-height:1.1}.provisioning-summary-kpis em{overflow:hidden;color:#8796a0;font-size:7px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.provisioning-chart-wrap{min-width:0;padding:13px 14px 10px;border:1px solid #e0e8ee;border-radius:8px;background:#fafcfd}.provisioning-chart-head{justify-content:space-between;gap:12px;margin-bottom:13px}.provisioning-chart-head>span{display:grid;gap:2px}.provisioning-chart-head strong{color:#2a475a;font-size:10px}.provisioning-chart-head small,.provisioning-chart-head>div{color:#82929d;font-size:8px}.provisioning-chart-head>div{gap:6px}.provisioning-chart-head>div>i{width:8px;height:8px;border-radius:2px;background:#1eb56d}.provisioning-chart-head>div>i.deprovisioned{margin-left:5px;background:#ef6262}.provisioning-chart-scroll{overflow-x:auto;overflow-y:hidden}.provisioning-bars{display:grid;min-width:650px;height:180px;grid-template-columns:repeat(24,minmax(18px,1fr));gap:5px;padding-top:17px;border-bottom:1px solid #ccd9e2;background:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,#e9eff3 40px)}.provisioning-bars.week{min-width:480px;grid-template-columns:repeat(7,1fr);gap:14px}.provisioning-bars.month{min-width:760px;grid-template-columns:repeat(30,minmax(15px,1fr));gap:4px}.provisioning-bar-group{display:grid;min-width:0;grid-template-rows:145px 18px;align-items:end;gap:4px}.provisioning-bar-group>div{display:flex;height:100%;align-items:flex-end;justify-content:center;gap:2px}.provisioning-bar-group>div>i{position:relative;width:42%;max-width:16px;min-height:2px;border-radius:3px 3px 0 0;background:linear-gradient(#36c982,#16965b)}.provisioning-bar-group>div>i.deprovisioned{background:linear-gradient(#f38383,#dc4747)}.provisioning-bar-group b{position:absolute;top:-13px;left:50%;color:#657986;font-size:7px;font-style:normal;transform:translate(-50%)}.provisioning-bar-group>small{overflow:visible;color:#7f909c;font-size:7px;text-align:center;white-space:nowrap}.provisioning-summary-loading{display:flex;min-height:110px;align-items:center;justify-content:center;gap:8px;color:#718591;font-size:10px}.provisioning-summary-loading svg{width:17px}.provisioning-summary-loading button{border:0;background:transparent;color:#1873a8;cursor:pointer;font-weight:800}.active-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:10px 13px;border:1px solid #cfe1f2;border-radius:8px;background:#f2f8fd;color:#385a78;font-size:10px}.active-filter button{border:0;background:transparent;color:#14689f;cursor:pointer;font-size:9px;font-weight:800}@media(max-width:1200px){.entry-kpis{grid-template-columns:repeat(4,1fr)}}@media(max-width:720px){.entry-welcome{align-items:stretch;flex-direction:column;gap:14px}.dashboard-olt-filter{width:100%;min-width:0}.dashboard-scope-bar{align-items:stretch;flex-direction:column;gap:12px}.entry-kpis{grid-template-columns:repeat(2,1fr)}.entry-shortcuts{gap:12px;flex-wrap:wrap}.entry-shortcuts button{min-width:82px}.provisioning-summary-panel{padding:13px}.provisioning-summary-panel>header{align-items:stretch;flex-direction:column}.provisioning-period-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.provisioning-period-tabs button{min-width:0}.provisioning-summary-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.provisioning-chart-head{align-items:flex-start;flex-direction:column}.entry-welcome h2{font-size:21px}}@media(max-width:420px){.provisioning-summary-title p{display:none}.provisioning-summary-title h3{font-size:13px}.provisioning-summary-kpis article{gap:7px;padding:9px 7px}.provisioning-summary-kpis article>i{width:29px;height:29px}.provisioning-summary-kpis strong{font-size:17px}}.customer-head{background:linear-gradient(115deg,#203b56,#315f73)!important}.customer-identity{display:flex;align-items:center;gap:10px}.customer-identity>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#c6530a;background:#fff1e8;font-size:11px;font-weight:800}.customer-identity>div,.customer-contact,.onu-customer-cell{display:grid;gap:3px}.customer-identity small,.customer-contact small,.onu-customer-cell small{color:#929dab;font-size:8px}.onu-customer-cell strong{color:#334155;font-size:10px}.field textarea{width:100%;min-height:78px;resize:vertical;padding:11px 12px;border:1px solid #d5dce7;border-radius:4px;outline:none;color:#26334a;background:#fff;font:inherit;font-size:12px}.field textarea:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731612}.field textarea.template-code-editor{min-height:330px;-moz-tab-size:2;tab-size:2;white-space:pre;overflow:auto;color:#dbeafe;background:#111827;border-color:#334155;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.55}.customer-active{display:flex;align-items:center;gap:8px;color:#4b5563;font-size:10px}.onu-page-actions .customer{background:#16a34a;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-mode{display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid #dfe3e8;border-radius:5px;background:#f4f5f6}.link-mode button{border:0;padding:9px;border-radius:3px;color:#6b7280;background:transparent;cursor:pointer;font-size:10px;font-weight:700}.link-mode button.active{color:#c6530a;background:#fff;box-shadow:0 1px 4px #17203316}.customer-link-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.customer-link-actions button{border:1px solid #d9dee5;border-radius:4px;padding:10px 16px;cursor:pointer;font-size:10px;font-weight:700}.customer-link-actions .unlink{margin-right:auto;color:#dc2626;background:#fff}:root{--orange: #f97316;--orange-soft: #fff1e8;--navy: #fff;--navy2: #f8fafc;--blue: #f97316;--blue2: #fb923c;--surface: #fff;--line: #dfe3e8;--shadow: 0 2px 8px rgba(15, 23, 42, .08);background:#eceeef;color:#20242b}.reference-shell{grid-template-columns:252px minmax(0,1fr);background:#eceeef}.reference-shell aside{width:252px;background:#fff;color:#31363d;padding:0 13px 16px;border-right:1px solid #d8dde3;box-shadow:2px 0 8px #1720330b}.reference-shell .brand{height:78px;justify-content:center;color:#252a31;border-bottom:1px solid #e8ebef;margin:0 -13px;padding:0 16px}.reference-shell .brand>span:last-child{font-size:17px}.reference-shell .brand small{color:#f97316}.reference-shell .logo-mark{width:35px;height:35px;border-radius:50%;background:#f97316;box-shadow:0 5px 14px #f9731635}.side-search{height:38px;margin:14px 0 12px;display:flex;align-items:center;gap:7px;border:1px solid #dfe3e8;border-radius:20px;padding:0 11px;background:#fafbfc}.side-search svg{width:14px;color:#8b929c}.side-search input{width:100%;border:0;outline:0;background:transparent;font-size:10px}.grouped-nav{display:block;overflow-y:auto;flex:1}.grouped-nav section{display:grid;gap:3px;margin-bottom:10px}.grouped-nav .nav-label{display:block;color:#949aa4;font-size:8px;letter-spacing:1.2px;padding:8px 10px 4px}.grouped-nav button{color:#4b515b;border:1px solid transparent;padding:9px 10px;border-radius:5px;font-size:11px;gap:9px}.grouped-nav button:hover{color:#f97316;background:#fff7f2;border-color:#fee4d4}.grouped-nav button.active{color:#f97316;background:#fff1e8;border-color:#fed7bd;box-shadow:inset 3px 0 #f97316}.grouped-nav button svg{color:#777f8a}.grouped-nav button.active svg{color:#f97316}.grouped-nav .nav-arrow{width:11px;margin-left:auto;opacity:.45}.reference-shell .tenant{order:3;margin:8px 0;background:#f8f9fa;border:1px solid #e4e7eb;color:#343a43;padding:9px}.reference-shell .tenant-dot{background:#fff1e8;color:#f97316}.reference-shell .tenant small{color:#8c939e}.reference-shell .logout{order:4;color:#747b85;border-top:1px solid #e7eaee;padding:14px 10px 4px}.reference-shell .logout:hover{color:#dc2626}.reference-shell main{grid-column:2}.reference-shell header{height:84px;padding:0 28px;background:#fff;border-bottom:1px solid #d9dde2;box-shadow:0 2px 7px #1720330b;position:sticky;top:0;z-index:4}.header-left{display:flex;align-items:center;gap:20px}.menu-trigger{display:flex;align-items:center;gap:7px;border:0;background:#fff;color:#2e333a;font-weight:600;font-size:11px;cursor:pointer;padding:8px}.menu-trigger svg{width:19px;color:#f97316}.reference-shell header h1{font-size:19px;margin:3px 0 1px}.reference-shell header p{font-size:9px}.reference-shell .breadcrumb{color:#f97316;font-size:7px}.header-brand{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;color:#f97316;font-size:9px;font-weight:700;letter-spacing:1px}.header-brand svg{width:18px}.reference-shell .system-status{background:#ecf8f2;border-color:#d4eee2}.account{display:flex;align-items:center;gap:8px;color:#3e444d;border:0;background:transparent;cursor:pointer;text-align:left}.account>svg:first-child{width:29px;height:29px;color:#f97316}.account>svg:last-child{width:13px;color:#8c939e}.account span{display:grid}.account strong{font-size:10px}.account small{font-size:8px;color:#9299a3}.account-menu{position:absolute;top:45px;right:0;z-index:20;display:grid;min-width:220px;padding:13px;border:1px solid #dfe4ea;border-radius:8px;background:#fff;box-shadow:0 14px 35px #17203324}.account-menu>strong{color:#303741;font-size:11px}.account-menu>span{margin:3px 0 12px;color:#8b95a3;font-size:9px}.account-menu>button{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #f2d6d6;border-radius:6px;background:#fff7f7;color:#bb3131;cursor:pointer;font-size:9px;font-weight:700}.account-menu svg{width:14px}.reference-shell.menu-collapsed{grid-template-columns:74px minmax(0,1fr)}.reference-shell.menu-collapsed aside{width:74px;padding-left:8px;padding-right:8px}.reference-shell.menu-collapsed .brand{margin-left:-8px;margin-right:-8px}.reference-shell.menu-collapsed .side-search input,.reference-shell.menu-collapsed .brand>span:last-child,.reference-shell.menu-collapsed .grouped-nav .nav-label,.reference-shell.menu-collapsed .grouped-nav button span,.reference-shell.menu-collapsed .grouped-nav .nav-arrow,.reference-shell.menu-collapsed .tenant div,.reference-shell.menu-collapsed .logout span{display:none}.reference-shell.menu-collapsed .side-search{justify-content:center;padding:0}.reference-shell.menu-collapsed .grouped-nav button{justify-content:center}.ack-alert{padding:7px 10px;border:1px solid #cfe0f0;border-radius:5px;background:#f1f7fc;color:#266493;cursor:pointer;font-size:9px;font-weight:750}.ack-alert:disabled{opacity:.6;cursor:wait}.alert-page-tabs{display:flex;gap:5px;margin-bottom:12px;padding:5px;border:1px solid #dce6ee;border-radius:10px;background:#fff;box-shadow:var(--shadow)}.alert-page-tabs button{display:inline-flex;min-height:38px;align-items:center;gap:7px;padding:8px 14px;border:1px solid transparent;border-radius:7px;background:transparent;color:#667d8e;cursor:pointer;font-size:10px;font-weight:800}.alert-page-tabs button svg{width:15px;height:15px}.alert-page-tabs button.active{border-color:#bcd8eb;background:#eaf5fc;color:#176da7}.alert-analytics-panel{display:grid;gap:16px;margin-bottom:16px;padding:20px;overflow:hidden;border:1px solid #d8e4ef;border-radius:12px;background:radial-gradient(circle at 88% 0%,rgba(25,118,210,.09),transparent 30%),linear-gradient(135deg,#f6faff,#fff 55%);box-shadow:var(--shadow)}.alert-analytics-head,.alert-analytics-title,.alert-kpi-grid article,.alert-ranking header,.alert-type-summary header,.alert-ranking-row{display:flex;align-items:center}.alert-analytics-head{justify-content:space-between;gap:18px}.alert-analytics-title{min-width:0;gap:12px}.alert-analytics-title>svg{width:38px;height:38px;flex:0 0 auto;padding:8px;border-radius:11px;background:linear-gradient(145deg,#1769aa,#0d8ad1);color:#fff;box-shadow:0 7px 18px #1769aa38}.alert-analytics-title>span,.alert-kpi-grid article>span,.alert-ranking header>span,.alert-ranking-row>span,.alert-type-summary header{display:grid;gap:2px}.alert-analytics-title small{color:#2378b7;font-size:8px;font-weight:850;letter-spacing:.8px}.alert-analytics-title strong{color:#18394f;font-size:17px}.alert-analytics-title p{margin:0;color:#718493;font-size:10px}.alert-filter-bar{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(210px,1.2fr);gap:10px;width:min(480px,48%)}.alert-filter-bar label{display:grid;gap:5px}.alert-filter-bar label>span{color:#60788b;font-size:8px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.alert-filter-bar select{width:100%;min-height:38px;padding:0 10px;border:1px solid #ccdbe7;border-radius:7px;background:#fff;color:#29485e;font-size:10px;font-weight:700}.alert-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.alert-kpi-grid article{min-width:0;gap:10px;padding:13px;border:1px solid #dfebf3;border-radius:9px;background:#ffffffe6}.alert-kpi-grid article>svg{width:30px;height:30px;flex:0 0 auto;padding:7px;border-radius:8px;background:#eaf4fc;color:#2178b5}.alert-kpi-grid article:nth-child(2)>svg{background:#fff1e7;color:#dc6a1b}.alert-kpi-grid article:nth-child(3)>svg{background:#e9f8f1;color:#16885a}.alert-kpi-grid article small{overflow:hidden;color:#748796;font-size:7px;font-weight:850;letter-spacing:.35px;text-overflow:ellipsis;white-space:nowrap}.alert-kpi-grid article strong{overflow:hidden;color:#1d3c52;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.alert-kpi-grid article:last-child strong{font-size:11px}.alert-analysis-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,.72fr);gap:12px;min-width:0}.alert-ranking,.alert-type-summary{min-width:0;overflow:hidden;border:1px solid #dce7ef;border-radius:10px;background:#fff}.alert-ranking header,.alert-type-summary header{justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #e5edf3;background:#f8fbfd}.alert-ranking header strong,.alert-type-summary header strong{color:#29475d;font-size:11px}.alert-ranking header small,.alert-type-summary header small{color:#81919c;font-size:8px}.alert-ranking header>b{padding:4px 8px;border-radius:999px;background:#e8f3fb;color:#2774aa;font-size:8px}.alert-ranking-list{max-height:440px;overflow:auto}.alert-ranking-row{min-width:0;gap:10px;padding:10px 13px;border-bottom:1px solid #edf2f6}.alert-ranking-row:last-child{border-bottom:0}.alert-ranking-row.clickable{cursor:pointer;transition:background .15s ease,transform .15s ease}.alert-ranking-row.clickable:hover,.alert-ranking-row.clickable:focus-visible{outline:0;background:#f1f8fd;transform:translate(2px)}.alert-ranking-row>em{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border-radius:7px;background:#edf5fb;color:#317cad;font-size:9px;font-style:normal;font-weight:850}.alert-ranking-row:nth-child(-n+3)>em{background:#fff0dc;color:#bd6a13}.alert-ranking-row>span{min-width:0;flex:1}.alert-ranking-row>span strong{color:#253f53;font-size:10px}.alert-ranking-row>span small{overflow:hidden;color:#7b8d9a;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.alert-ranking-row>i{padding:4px 7px;border-radius:999px;background:#eef2f5;color:#677985;font-size:7px;font-style:normal;font-weight:850}.alert-ranking-row>i.online{background:#dcf8e8;color:#147b4b}.alert-ranking-row>i.los,.alert-ranking-row>i.offline{background:#fee8e8;color:#ad3030}.alert-ranking-row>i.dying_gasp{background:#fff0df;color:#b86115}.alert-ranking-row>b{display:grid;min-width:46px;color:#1f70aa;font-size:15px;text-align:right}.alert-ranking-row>b small{color:#8a9aa5;font-size:7px;font-weight:700}.alert-type-summary{align-self:start;padding-bottom:7px}.alert-type-summary header{display:grid}.alert-type-summary button{display:flex;width:calc(100% - 14px);align-items:center;justify-content:space-between;gap:8px;margin:7px 7px 0;padding:10px;border:1px solid transparent;border-radius:7px;background:#f6f9fb;color:#526b7d;cursor:pointer;font-size:9px;text-align:left}.alert-type-summary button:hover,.alert-type-summary button.active{border-color:#a8cee8;background:#eaf5fc;color:#17689f}.alert-type-summary button b{padding:3px 6px;border-radius:999px;background:#fff;color:#246f9f;font-size:8px}.alert-empty{padding:34px 15px;color:#80919d;font-size:10px;text-align:center}.alert-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;padding:11px 14px;border:1px solid #dce7ef;border-radius:9px;background:#fff}.alert-list-head>span{display:grid;gap:2px}.alert-list-head strong{color:#29475d;font-size:11px}.alert-list-head small{color:#80919d;font-size:8px}.alert-list-head>b{padding:5px 9px;border-radius:999px;background:#edf5fb;color:#2774aa;font-size:8px;white-space:nowrap}.alert-onu-link{display:inline-flex;max-width:230px;align-items:center;gap:7px;padding:5px 7px;border:1px solid #dce8f0;border-radius:7px;background:#f7fbfe;color:#285572;cursor:pointer;text-align:left}.alert-onu-link>svg:first-child{width:16px;flex:0 0 auto;color:#247aac}.alert-onu-link>svg:last-child{width:13px;flex:0 0 auto;color:#8ca5b5}.alert-onu-link>span{display:grid;min-width:0;flex:1;gap:1px}.alert-onu-link strong,.alert-onu-link small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-onu-link strong{font-size:9px}.alert-onu-link small{color:#8093a0;font-size:7px}.alert-onu-link:hover{border-color:#90c3e2;background:#eaf5fc}.onu-alert-list{display:grid;gap:8px}.onu-alert-list article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 12px;border:1px solid #e0e8ee;border-radius:9px;background:#fff}.onu-alert-list article>i{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#fff0e5;color:#d76b1c}.onu-alert-list article>i.acknowledged{background:#edf2f5;color:#738590}.onu-alert-list article>i svg{width:17px}.onu-alert-list article>span{display:grid;min-width:0;gap:3px}.onu-alert-list article strong{color:#29475b;font-size:10px}.onu-alert-list article p{margin:0;color:#5f7483;font-size:9px;line-height:1.45}.onu-alert-list article small{color:#8998a2;font-size:7px}.onu-alert-list article time{color:#657b8b;font-size:8px;white-space:nowrap}.whatsapp-alert-panel{display:grid;gap:16px;padding:20px;margin-bottom:16px;border:1px solid #b9dfcf;border-radius:12px;background:linear-gradient(135deg,#f0fbf6,#fff 58%);box-shadow:var(--shadow)}.whatsapp-alert-head,.whatsapp-alert-head>div,.whatsapp-actions,.whatsapp-qr,.whatsapp-enabled{display:flex;align-items:center}.whatsapp-alert-head{justify-content:space-between;gap:16px}.whatsapp-alert-head>div{gap:12px}.whatsapp-alert-head>div>svg{width:34px;height:34px;padding:7px;border-radius:10px;background:#16a66a;color:#fff}.whatsapp-alert-head span:not(.status-pill){display:grid;gap:2px}.whatsapp-alert-head small{color:#16845a;font-size:8px;font-weight:800;letter-spacing:.7px}.whatsapp-alert-head strong{color:#183f31;font-size:16px}.whatsapp-alert-head p{margin:0;color:#71827b;font-size:10px}.whatsapp-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.whatsapp-enabled{gap:10px;min-height:52px;padding:10px 12px;border:1px solid #cfddd7;border-radius:8px;background:#fff}.whatsapp-enabled input,.whatsapp-events input{accent-color:#13a365}.whatsapp-enabled span{display:grid;gap:2px}.whatsapp-enabled strong,.whatsapp-events>strong{color:#28463a;font-size:10px}.whatsapp-enabled small{color:#7f918a;font-size:8px}.whatsapp-events{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:10px 12px;border:1px solid #cfddd7;border-radius:8px;background:#fff}.whatsapp-events label{display:flex;align-items:center;gap:5px;color:#536860;font-size:9px}.whatsapp-actions{gap:8px;flex-wrap:wrap}.whatsapp-actions button{display:inline-flex;align-items:center;gap:6px}.whatsapp-actions button svg{width:15px}.whatsapp-qr{gap:16px;padding:14px;border:1px dashed #16a66a;border-radius:10px;background:#fff}.whatsapp-qr img{width:190px;max-width:45vw;border-radius:6px}.whatsapp-qr span{display:grid;gap:5px}.whatsapp-qr strong{color:#174b36}.whatsapp-qr small,.whatsapp-loading{color:#71827b;font-size:9px}.whatsapp-delivery{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eef2f5;color:#60707c;font-size:8px;font-weight:800;text-transform:uppercase}.whatsapp-delivery.sent{background:#dcfce7;color:#16804d}.whatsapp-delivery.failed{background:#fee2e2;color:#b42318}.whatsapp-delivery.sending{background:#dbeafe;color:#2463a8}@media(max-width:800px){.alert-analytics-panel{gap:12px;padding:13px}.alert-analytics-head{align-items:stretch;flex-direction:column}.alert-filter-bar{grid-template-columns:1fr;width:100%}.alert-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-analysis-grid{grid-template-columns:1fr}.alert-ranking-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px}.alert-ranking-row>i{display:none}.alert-ranking-row>b{grid-column:3;grid-row:1}.whatsapp-alert-head,.whatsapp-config-grid,.whatsapp-events{align-items:stretch}.whatsapp-alert-head{flex-direction:column}.whatsapp-config-grid{grid-template-columns:1fr}.whatsapp-events{flex-direction:column;gap:8px}.whatsapp-qr{align-items:flex-start;flex-direction:column}}@media(max-width:430px){.alert-analytics-title p{display:none}.alert-kpi-grid article{gap:7px;padding:10px 8px}.alert-kpi-grid article>svg{width:26px;height:26px}.alert-kpi-grid article strong{font-size:15px}.alert-ranking-row>span small{max-width:54vw}.alert-list-head{align-items:flex-start;flex-direction:column}.alert-page-tabs{display:grid;grid-template-columns:1fr 1fr}.alert-page-tabs button{justify-content:center;padding:7px}.onu-alert-list article{grid-template-columns:30px minmax(0,1fr);align-items:start}.onu-alert-list article>i{width:30px;height:30px}.onu-alert-list article time{grid-column:2}}.pon-vlan-editor{overflow:hidden;border:1px solid #dfe5ec;border-radius:8px;background:#f8fafc}.vlan-mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;background:#fff}.vlan-mode-selector button{padding:9px 12px;border:1px solid #dce3ea;border-radius:5px;background:#f8fafc;color:#617185;cursor:pointer;font-size:9px;font-weight:750}.vlan-mode-selector button.active{border-color:#f6b98f;background:#fff1e8;color:#c9560c;box-shadow:inset 0 0 0 1px #f9731622}.default-vlan-field{padding:14px}.default-vlan-field label{display:grid;gap:6px;color:#627286;font-size:9px;font-weight:750}.default-vlan-field input{max-width:260px;padding:10px 11px;border:1px solid #d9e0e8;border-radius:5px;background:#fff}.form-divider{display:grid;gap:4px;margin-top:4px;padding:11px 13px;border:1px solid #e1e6ec;border-radius:6px;background:#f7f9fb}.form-divider strong{color:#304a64;font-size:10px}.form-divider small{color:#8290a0;font-size:8px}.provider-head{background:linear-gradient(115deg,#173b58,#286778)!important}.pon-vlan-title{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-bottom:1px solid #e1e7ee;background:#f2f6fa}.pon-vlan-title>div{display:grid;gap:3px}.pon-vlan-title strong{color:#28445f;font-size:11px}.pon-vlan-title small{color:#7e8c9c;font-size:8px}.pon-vlan-title>button{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #bfd6e9;border-radius:5px;background:#fff;color:#28638e;cursor:pointer;font-size:9px;font-weight:750}.pon-vlan-title>span{padding:6px 9px;border-radius:14px;font-size:8px;font-weight:750}.pon-vlan-title .loading-pons{background:#fff4df;color:#a66b0d}.pon-vlan-title .pons-loaded{background:#e7f7f0;color:#147454}.pon-vlan-title svg{width:13px}.pon-vlan-rows{display:grid;gap:8px;padding:12px}.pon-vlan-rows>div{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr);align-items:end;gap:9px}.pon-vlan-rows label{display:grid;gap:5px;color:#667587;font-size:8px;font-weight:700}.pon-vlan-rows input{width:100%;padding:9px 10px;border:1px solid #d9e0e8;border-radius:5px;background:#fff}.pon-port-value{display:flex;min-height:36px;align-items:center;padding:9px 10px;border:1px solid #d9e0e8;border-radius:5px;background:#eef3f7;color:#2c4b67;font-size:10px;font-weight:800}.pon-vlan-rows>div>button{display:grid;width:36px;height:36px;place-items:center;border:1px solid #f0d1d1;border-radius:5px;background:#fff5f5;color:#c83d3d;cursor:pointer}.pon-vlan-rows>div>button svg{width:14px}.reference-shell .content{padding:24px 28px 45px;max-width:1700px}.reference-shell .panel,.reference-shell .entity,.reference-shell .cards article{border-radius:5px;border-color:#dfe3e8;box-shadow:0 2px 7px #1720330c}.reference-shell .cards{gap:10px;background:#fff;border:1px solid #dfe3e8;padding:13px;border-radius:5px;box-shadow:var(--shadow)}.reference-shell .cards article{box-shadow:none;border-color:#e7e9ed;border-radius:4px;padding:15px}.reference-shell .cards article:before{inset:auto 0 0 0;width:auto;height:3px}.reference-shell .cards strong{font-size:24px}.reference-shell .dashboard-title{background:#fff;border:1px solid #dfe3e8;border-radius:5px;padding:18px 22px;margin-bottom:12px;box-shadow:var(--shadow)}.reference-shell .dashboard-title h2{font-size:20px}.reference-shell .quick-search{border-radius:24px}.reference-shell .toolbar{background:#fff;border:1px solid #dfe3e8;border-radius:5px;padding:14px 16px;margin-bottom:13px;box-shadow:var(--shadow)}.reference-shell .toolbar h2{font-size:15px}.reference-shell .toolbar button,.reference-shell .actions button,.reference-shell .row-actions button{border-radius:4px}.reference-shell .primary{background:#f97316!important;border-color:#f97316!important;box-shadow:0 4px 12px #f9731625}.reference-shell thead{background:#f3f4f6}.reference-shell th{color:#656c76}.reference-shell tbody tr:hover{background:#fff8f3}.reference-shell .clickable-row:hover{box-shadow:inset 3px 0 #f97316}.reference-shell .inventory-head,.reference-shell .olt-hero,.reference-shell .detail-hero{background:linear-gradient(115deg,#383d44,#575e67)}.reference-shell .inventory-head{border-radius:5px}.reference-shell .inventory-head>div:first-child>span{color:#fdba8c}.reference-shell .modal{border-radius:6px}.reference-shell .modal-head{padding:15px 20px}.reference-shell .field input,.reference-shell .field select{border-radius:4px}.reference-shell .field input:focus,.reference-shell .field select:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731612}.reference-shell .resync-btn{background:#fff1e8;color:#c6530a;border-color:#fed7bd}.reference-shell .badge.mode{background:#fff1e8;color:#c6530a}@media(max-width:900px){.reference-shell{grid-template-columns:74px 1fr}.reference-shell aside{width:74px;padding-left:8px;padding-right:8px}.reference-shell .brand{margin:0 -8px}.side-search input,.reference-shell .brand>span:last-child,.grouped-nav .nav-label,.grouped-nav button span,.grouped-nav .nav-arrow,.reference-shell .tenant div,.reference-shell .logout span{display:none}.side-search{justify-content:center;padding:0}.grouped-nav button{justify-content:center}.header-brand{display:none}.menu-trigger{padding:5px}.menu-trigger{font-size:0}.reference-shell .content,.reference-shell header{padding-left:18px;padding-right:18px}}@media(max-width:620px){.reference-shell{grid-template-columns:60px 1fr}.reference-shell aside{width:60px}.reference-shell .cards{padding:8px}.account span,.account>svg:last-child{display:none}}.login{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(390px,.85fr);background:#0d1930}.login-visual{position:relative;overflow:hidden;padding:55px 8vw;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 80% 20%,#2765b940,transparent 36%),linear-gradient(145deg,#0a162b,#112a4c)}.login-visual:after{content:"";position:absolute;width:460px;height:460px;border:90px solid #ffffff05;border-radius:50%;right:-160px;bottom:-220px}.login-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700}.login-logo>svg{background:#2c71e7;padding:8px;width:40px;height:40px;border-radius:11px}.login-logo span{display:grid}.login-logo small{font-size:8px;letter-spacing:2px;color:#8399bb}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#5e91dd}.login-visual h1{font-size:clamp(34px,4.5vw,62px);line-height:1.04;letter-spacing:-2.5px;max-width:670px;margin:15px 0 20px}.login-visual>div>p{color:#a8bad3;max-width:580px;font-size:15px;line-height:1.6}.login-metrics{display:flex;gap:50px;z-index:1}.login-metrics span{display:grid;color:#8094b3;font-size:10px}.login-metrics strong{color:#fff;font-size:15px;margin-bottom:4px}.login-side{background:#f6f8fb;display:grid;place-items:center;padding:40px}.login-card{width:min(390px,100%)}.login-card h2{font-size:29px;letter-spacing:-1px;margin:10px 0 5px}.login-card>p{color:#7c8798;font-size:12px;margin:0 0 30px}.login-card form{display:grid;gap:16px}.login-card form button{width:100%;border:0;border-radius:9px;padding:13px;font-weight:700;cursor:pointer}.login-card>small{display:block;text-align:center;color:#9aa4b2;font-size:9px;margin-top:22px}.mobile-logo{display:none}@media(max-width:1250px){.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.shell{grid-template-columns:74px 1fr}aside{width:74px;padding:22px 10px}.brand{justify-content:center;padding:0}.brand>span:last-child,.tenant div,.nav-label,nav button span,.logout span{display:none}.tenant{justify-content:center;padding:10px 0}.tenant-dot{width:34px;height:34px}.entity-grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;gap:12px}.toolbar>div:last-child{flex-wrap:wrap;justify-content:flex-end}main{grid-column:2}.content,header{padding-left:24px;padding-right:24px}.system-status{display:none}.login{grid-template-columns:1fr}.login-visual{display:none}.login-side{min-height:100vh}.mobile-logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;margin-bottom:45px;color:#1a3154}.mobile-logo svg{color:#2563eb}}@media(max-width:620px){.cards{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.span2,.form-actions{grid-column:1}.toolbar{display:grid}.entity dl{grid-template-columns:1fr 1fr}.header-actions{display:none}.content,header{padding-left:16px;padding-right:16px}.login-side{padding:25px}}@media(max-width:430px){.cards{grid-template-columns:1fr}.shell{grid-template-columns:60px 1fr}aside{width:60px;padding-left:6px;padding-right:6px}}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f5f8fd;box-shadow:inset 3px 0 #3b82f6}.row-chevron{width:16px;color:#9ca8ba}.detail-body{padding:0 24px 25px}.detail-hero{margin:0 -24px 18px;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#112641,#174b79);color:#fff}.detail-hero h2{font-size:21px;margin:10px 0 4px}.detail-hero p{font-size:10px;color:#a9c2de;margin:0}.detail-state{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 9px;font-size:8px;font-weight:700;text-transform:uppercase}.detail-state i,.detail-source i{width:6px;height:6px;border-radius:50%;background:currentColor}.detail-state.online{color:#75efc5;background:#0e9f6e22;border:1px solid #55dbad44}.detail-state.offline{color:#ffafaf;background:#ef444422;border:1px solid #ef777744}.signal{text-align:right;display:grid}.signal small{font-size:8px;letter-spacing:1px;color:#86a5c8}.signal strong{font-size:24px;margin:3px 0}.signal span{font-size:9px;color:#9ab2cc}.detail-source{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.detail-source>span{display:flex;align-items:center;gap:6px;color:#7e8a9d;font-size:9px;font-weight:600}.detail-source>span.live{color:#0b8d67}.detail-source small{font-size:8px;color:#98a2b1}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e7ebf1;border-radius:11px;overflow:hidden}.detail-grid>div{min-width:0;padding:13px 14px;border-right:1px solid #edf0f4;border-bottom:1px solid #edf0f4;background:#fff}.detail-grid>div:nth-child(3n){border-right:0}.detail-grid span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.6px;color:#929dad;font-weight:700;margin-bottom:5px}.detail-grid strong{display:block;font-size:10px;color:#334057;overflow:hidden;text-overflow:ellipsis}.detail-body>.notice{margin-top:0}@media(max-width:620px){.detail-hero{align-items:flex-start}.signal{display:none}.detail-grid{grid-template-columns:1fr 1fr}.detail-grid>div:nth-child(3n){border-right:1px solid #edf0f4}.detail-grid>div:nth-child(2n){border-right:0}.detail-source{align-items:flex-start;gap:8px;flex-direction:column}}.form-hint{font-size:10px;color:#9a6508;background:#fff8e8;border:1px solid #f4dfae;border-radius:8px;padding:10px 12px}.provision-summary{overflow:hidden;border:1px solid #d7e2ef;border-radius:14px;background:linear-gradient(145deg,#f8fbff,#fff);box-shadow:0 8px 24px #1d395b12}.provision-summary-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid #e4ebf3}.provision-summary-head>div{display:flex;align-items:center;gap:11px}.provision-summary-head small,.provision-summary-grid small{display:block;color:#718198;font-size:9px;font-weight:800;letter-spacing:.07em}.provision-summary-head strong{display:block;margin-top:2px;color:#1d304a;font-size:14px}.provision-summary-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#2563eb;background:#e6efff}.provision-summary-icon svg{width:19px}.provision-vlan{padding:8px 12px;border-radius:9px;font-size:11px;font-weight:900;letter-spacing:.03em}.provision-vlan.ready{color:#057345;background:#dcf8e9;border:1px solid #a9e7c8}.provision-vlan.missing{color:#b42318;background:#fff0ee;border:1px solid #ffc9c2}.provision-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px 17px}.provision-summary-grid>div{min-width:0;padding:3px 14px;border-right:1px solid #e7edf4}.provision-summary-grid>div:first-child{padding-left:0}.provision-summary-grid>div:last-child{padding-right:0;border-right:0}.provision-summary-grid strong,.provision-summary-grid span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provision-summary-grid strong{margin-top:5px;color:#233751;font-size:11px}.provision-summary-grid span{margin-top:3px;color:#74839a;font-size:9px}.provision-vlan-warning{padding:10px 17px;color:#a33a22;background:#fff5ee;border-top:1px solid #ffdac9;font-size:10px;font-weight:650}.cto-page{display:grid;gap:14px}.cto-controls{display:grid;grid-template-columns:minmax(360px,1.35fr) minmax(430px,1fr);align-items:stretch;gap:14px;padding:0;overflow:hidden}.cto-filter-block,.cto-policy-block{min-width:0;padding:15px 16px 16px}.cto-policy-block{border-left:1px solid #e4e9ef;background:#fafbfc}.cto-control-heading{display:flex;align-items:center;gap:9px;margin-bottom:12px}.cto-control-heading>span{width:30px;height:30px;display:grid;flex:0 0 30px;place-items:center;border-radius:8px;color:#e96510;background:#fff0e6}.cto-control-heading svg{width:15px}.cto-control-heading>div{display:grid;gap:2px}.cto-control-heading strong{color:#2d3b4e;font-size:10px}.cto-control-heading small{color:#8995a4;font-size:8px}.cto-filter-fields{display:grid;grid-template-columns:minmax(170px,.65fr) minmax(260px,1.35fr);align-items:end;gap:10px}.cto-filter-fields.search-only{grid-template-columns:minmax(0,1fr)}.cto-filter-fields label>span{display:block;margin:0 0 6px 2px;color:#718096;font-size:7px;font-weight:900;letter-spacing:.08em}.cto-filter-fields select,.cto-search input{box-sizing:border-box;width:100%;height:42px;min-height:42px;border:1px solid #d8e0e9;border-radius:9px;outline:0;color:#2d4058;background:#fff;box-shadow:0 2px 5px #1b314c0a;font-size:10px;transition:border-color .18s ease,box-shadow .18s ease}.cto-filter-fields select{padding:0 10px}.cto-search>div{position:relative}.cto-search svg{position:absolute;z-index:1;left:13px;top:50%;width:16px;color:#e96510;pointer-events:none;transform:translateY(-50%)}.cto-search input{padding:0 14px 0 40px}.cto-search input::placeholder{color:#a1aab7}.cto-filter-fields select:focus,.cto-search input:focus{border-color:#f29a62;box-shadow:0 0 0 3px #f973161c}.cto-policy-fields{display:grid;grid-template-columns:minmax(135px,1fr) minmax(150px,1.1fr) auto;align-items:stretch;gap:8px}.cto-switch{display:flex;align-items:center;gap:9px;min-width:0;min-height:42px;padding:7px 9px;border:1px solid #dce5ef;border-radius:9px;background:#f9fbfd;cursor:pointer}.cto-switch>input{width:17px;height:17px;accent-color:#2563eb}.cto-switch>span{display:grid;gap:2px;min-width:0}.cto-switch strong{color:#2c405a;font-size:8px;white-space:nowrap}.cto-switch small{color:#8190a4;font-size:7px;white-space:nowrap}.cto-switch.disabled{opacity:.55}.cto-policy-readonly{display:flex;align-items:center;box-sizing:border-box;min-height:42px;max-width:155px;padding:7px 10px;border:1px solid #e1e6ec;border-radius:8px;color:#7e8998;background:#f5f7f9;font-size:8px;font-weight:700;line-height:1.35}.cto-policy-fields>.primary{min-height:42px;padding:0 13px;white-space:nowrap}@media(max-width:1500px){.cto-policy-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cto-policy-fields>.primary,.cto-policy-readonly{grid-column:1 / -1;width:100%;max-width:none;justify-content:center;text-align:center}}.cto-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cto-kpis article{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #dfe6ef;border-radius:12px;background:#fff;box-shadow:0 5px 18px #1c34520d}.cto-kpis svg{width:21px;color:#3169ae}.cto-kpis span{display:grid;gap:3px}.cto-kpis small{color:#8390a2;font-size:8px;font-weight:800;letter-spacing:.04em}.cto-kpis strong{color:#273b54;font-size:20px}.cto-kpis .good svg,.cto-kpis .good strong{color:#07805d}.cto-kpis .warn svg,.cto-kpis .warn strong{color:#dc7a16}.cto-workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:560px;overflow:hidden;border:1px solid #d8e1eb;border-radius:14px;background:#fff;box-shadow:0 12px 30px #1b314c14}.cto-map-shell{position:relative;min-width:0}.cto-map{width:100%;height:100%;min-height:560px;background:#e9eef3}.cto-map-help{position:absolute;z-index:500;left:12px;bottom:12px;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(200,213,226,.9);border-radius:9px;color:#415a77;background:#fffffff0;box-shadow:0 5px 16px #162b4524;font-size:9px;font-weight:700}.cto-map-help svg{width:14px}.cto-map-marker-wrap{background:transparent;border:0}.cto-map-marker{width:34px;height:34px;display:grid;place-items:center;border:3px solid #fff;border-radius:50% 50% 50% 12%;transform:rotate(-45deg);color:#fff;background:#07805d;box-shadow:0 3px 10px #0c2d454d;font-size:10px;font-weight:900}.cto-map-marker:first-line{transform:rotate(45deg)}.cto-map-marker.warn{background:#e68a1d}.cto-map-marker.full{background:#d33f4f}.cto-map-tooltip{display:grid;gap:3px}.cto-map-tooltip strong{color:#20364e;font-size:10px}.cto-map-tooltip span{color:#718195;font-size:9px}.cto-sidebar{overflow:auto;border-left:1px solid #dce4ed;background:#fbfcfe}.cto-sidebar-head{display:flex;align-items:flex-start;gap:11px;padding:17px;border-bottom:1px solid #e4eaf1;background:#f4f8fc}.cto-sidebar-head>span{width:38px;height:38px;display:grid;flex:0 0 38px;place-items:center;border-radius:10px;color:#2563eb;background:#e1ecff}.cto-sidebar-head svg{width:18px}.cto-sidebar-head small,.cto-address small{color:#7d8da1;font-size:8px;font-weight:850;letter-spacing:.06em}.cto-sidebar-head strong{display:block;margin-top:3px;color:#243a53;font-size:14px}.cto-sidebar-head p{margin:2px 0 0;color:#75869a;font-size:9px}.cto-capacity{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:14px 16px;border-bottom:1px solid #e8edf3}.cto-capacity span{display:grid;text-align:center}.cto-capacity strong{color:#2c435d;font-size:15px}.cto-capacity small{color:#8290a3;font-size:8px}.cto-capacity i{height:7px;overflow:hidden;border-radius:10px;background:#dce9e4}.cto-capacity b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#15a376,#e48b22)}.cto-address{display:grid;gap:4px;padding:13px 16px}.cto-address strong{color:#34495f;font-size:10px}.cto-address span{color:#8492a3;font-size:8px}.cto-ports{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:5px 14px 15px}.cto-ports button{display:grid;gap:2px;padding:8px 3px;border-radius:8px;text-align:center}.cto-ports button strong{font-size:11px}.cto-ports button small{font-size:6px;font-weight:900}.cto-ports .available{color:#087552;border-color:#b9e3d2;background:#ecf9f3}.cto-ports .occupied{color:#9e4b1f;border-color:#f1d2bd;background:#fff4ec}.cto-sidebar-actions{display:flex;gap:8px;padding:14px;border-top:1px solid #e2e9f0}.cto-sidebar-actions button{flex:1}.cto-sidebar-empty,.cto-viability{padding:35px 20px;text-align:center}.cto-sidebar-empty>svg,.cto-viability>svg{width:35px;color:#8ca0b7}.cto-sidebar-empty h3,.cto-viability h3{margin:10px 0 5px;color:#344b64;font-size:13px}.cto-sidebar-empty p,.cto-viability>p{margin:0;color:#8290a2;font-size:9px;line-height:1.5}.cto-viability>button{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:9px 10px;text-align:left}.cto-viability button span{display:grid;gap:2px}.cto-viability button strong{font-size:9px}.cto-viability button small{color:#7d8da0;font-size:8px}.cto-viability button svg{width:14px}.cto-table td:first-child strong{color:#263e58}.cto-file{position:relative;display:flex;align-items:center;gap:12px;min-height:88px;padding:16px;border:2px dashed #c8d8e9;border-radius:12px;color:#356ea9;background:#f7faff;cursor:pointer}.cto-file>svg{width:27px}.cto-file>span{display:grid;gap:4px}.cto-file strong{color:#344c67;font-size:11px}.cto-file small{color:#8291a4;font-size:9px}.cto-file input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.cto-provision-divider{border-color:#cfe3da;background:#f2faf6}@media(max-width:1050px){.cto-controls{grid-template-columns:minmax(0,1fr)}.cto-policy-block{border-top:1px solid #e4e9ef;border-left:0}.cto-kpis{grid-template-columns:1fr 1fr}.cto-workspace{grid-template-columns:1fr}.cto-sidebar{border-top:1px solid #dce4ed;border-left:0}}@media(max-width:640px){.cto-controls,.cto-kpis{grid-template-columns:1fr}.cto-map,.cto-workspace{min-height:450px}.cto-ports{grid-template-columns:repeat(4,1fr)}.cto-filter-fields,.cto-policy-fields{grid-template-columns:minmax(0,1fr)}.cto-policy-fields>.primary,.cto-policy-readonly{grid-column:auto}}.provision-progress{display:flex;align-items:center;gap:16px;padding:20px;background:#f7faff;border:1px solid #dce8fa;border-radius:12px}@media(max-width:760px){.provision-summary-head{align-items:flex-start;flex-direction:column}.provision-summary-grid{grid-template-columns:1fr 1fr;gap:12px 0}.provision-summary-grid>div:nth-child(2){border-right:0}.provision-summary-grid>div:nth-child(3){padding-left:0}}.progress-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:11px;background:#e4efff;color:#2563eb}.progress-icon svg{width:20px}.progress-content{flex:1}.progress-content>div:first-child{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#30415b}.progress-content>div:first-child span{color:#2563eb;font-weight:700}.progress-track{height:7px;background:#e2e9f3;border-radius:10px;overflow:hidden;margin:9px 0}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#20b7cb);border-radius:10px;transition:width .45s ease}.discovery-progress{min-height:150px}.discovery-form{width:min(760px,100%)}.olt-discovery-list{display:grid;gap:8px}.olt-discovery-all,.olt-discovery-item{display:grid;grid-template-columns:22px 34px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:58px;padding:10px 13px;border:1px solid #dce5f0;border-radius:11px;background:#fff;cursor:pointer}.olt-discovery-all{grid-template-columns:22px minmax(0,1fr);background:#f5f8fc;border-color:#ccd9e8}.olt-discovery-all input,.olt-discovery-item input{width:18px;height:18px;accent-color:#2563eb}.olt-discovery-item>svg{width:19px;color:#48709f}.olt-discovery-all span,.olt-discovery-item>span{display:grid;gap:3px;min-width:0}.olt-discovery-all strong,.olt-discovery-item strong{color:#26374e;font-size:11px}.olt-discovery-all small,.olt-discovery-item small{color:#8290a4;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discovery-state{padding:5px 8px;border-radius:20px;background:#edf2f8;color:#62748b;font-size:9px;font-style:normal;font-weight:700;white-space:nowrap}.discovery-state.running{background:#e4efff;color:#2563eb}.discovery-state.success{background:#e4f8ef;color:#07805d}.discovery-state.error{background:#fff0f1;color:#c73549}.olt-discovery-item .discovery-message{grid-column:3 / -1;white-space:normal}.olt-discovery-item .discovery-message.error{color:#c73549}.discovery-found{overflow:hidden;border:1px solid #cfe1da;border-radius:13px;background:#fbfefd}.discovery-found-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-bottom:1px solid #deebe6;background:#f1faf6}.discovery-found-head small,.discovery-found-list small{display:block;color:#789087;font-size:9px;font-weight:750}.discovery-found-head strong{display:block;margin-top:3px;color:#1f493b;font-size:12px}.discovery-found-head>span{padding:6px 9px;border-radius:20px;color:#087552;background:#dff6eb;font-size:9px;font-weight:800}.discovery-found-list{display:grid;gap:7px;padding:10px}.discovery-found-list article{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;border:1px solid #e3ebe8;border-radius:10px;background:#fff}.discovery-found-list article>div{min-width:0}.discovery-found-list article strong{display:block;color:#243b34;font-size:11px}.discovery-found-list article small{margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discovery-found-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#07805d;background:#e4f8ef}.discovery-found-icon svg{width:17px}.discovery-found-vlan{padding:5px 8px;border-radius:7px;color:#087552;background:#e4f8ef;font-size:9px;font-weight:800}.discovery-found-vlan.missing{color:#a84b20;background:#fff1e8}.discovery-found-empty{margin:0;padding:18px;color:#7b8a85;font-size:10px;text-align:center}.discovery-conflicts{overflow:hidden;border:1px solid #efb5bc;border-radius:13px;background:snow}.discovery-conflicts-head{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid #f1cbd0;color:#a92437;background:#fff0f2}.discovery-conflicts-head>svg{width:20px;flex:0 0 auto}.discovery-conflicts-head small{display:block;font-size:9px;font-weight:850;letter-spacing:.07em}.discovery-conflicts-head strong{display:block;margin-top:3px;font-size:12px}.discovery-conflicts-list{display:grid;gap:7px;padding:10px}.discovery-conflicts-list article{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px;border:1px solid #f0c7cc;border-radius:10px;background:#fff;box-shadow:inset 3px 0 #d5374e}.discovery-conflicts-list article>div{min-width:0}.discovery-conflicts-list strong{display:block;color:#8d1f30;font-size:11px}.discovery-conflicts-list small{display:block;margin-top:3px;overflow:hidden;color:#7f555b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.discovery-conflict-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#bd243b;background:#ffe7ea}.discovery-conflict-icon svg,.discovery-conflicts-list .action-btn svg{width:16px;height:16px}.discovery-conflict-status{padding:5px 8px;border-radius:7px;color:#a92437;background:#ffe7ea;font-size:9px;font-weight:800}.discovery-conflicts-list .action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.provision-success{display:grid;gap:13px;width:min(760px,100%)}.provision-success-banner{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #bce6d4;border-radius:13px;background:linear-gradient(135deg,#effbf6,#fbfffd)}.provision-success-banner>span{width:42px;height:42px;display:grid;flex:0 0 42px;place-items:center;border-radius:12px;color:#07805d;background:#d9f5e8}.provision-success-banner svg{width:20px}.provision-success-banner small,.provision-success-title small,.provision-success-grid small,.provision-success-links small{display:block;color:#70847d;font-size:8px;font-weight:850;letter-spacing:.07em}.provision-success-banner strong{display:block;margin-top:3px;color:#14533f;font-size:14px}.provision-success-banner p{margin:3px 0 0;color:#6c827a;font-size:9px}.provision-verification{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #f0d89e;border-radius:12px;background:#fff9e9;color:#9a6505}.provision-verification.online{border-color:#bce6d4;background:#effbf6;color:#087552}.provision-verification.offline{border-color:#fecaca;background:#fff1f2;color:#b42334}.provision-verification>svg{flex:0 0 25px;width:25px;height:25px}.provision-verification>div{display:grid;gap:3px;min-width:0}.provision-verification small{font-size:8px;font-weight:850;letter-spacing:.07em}.provision-verification strong{font-size:13px}.provision-verification span{font-size:10px;line-height:1.4}.provision-success-olt{overflow:hidden;border:1px solid #d9e3ee;border-radius:13px;background:#fff}.provision-success-title{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid #e6ecf3;background:#f7faff}.provision-success-title>svg{width:19px;color:#2563eb}.provision-success-title strong{display:block;margin-top:2px;color:#243951;font-size:13px}.provision-success-title>span{padding:5px 8px;border-radius:7px;color:#285b99;background:#e6efff;font-size:9px;font-weight:800}.provision-success-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.provision-success-grid>div{min-width:0;padding:13px 15px;border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5}.provision-success-grid>div:nth-child(3n){border-right:0}.provision-success-grid strong,.provision-success-links strong{display:block;margin-top:5px;color:#283b52;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provision-success-grid span{display:block;margin-top:3px;color:#658274;font-size:8px}.provision-success-grid .highlight{background:#effaf5}.provision-success-grid .highlight strong{color:#087552;font-size:13px}.provision-success-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid #e0e7ef;border-radius:11px;background:#e0e7ef}.provision-success-links>div{min-width:0;padding:12px 14px;background:#fff}@media(max-width:680px){.discovery-conflicts-list article{grid-template-columns:36px minmax(0,1fr)}.discovery-conflicts-list .discovery-conflict-status,.discovery-conflicts-list .action-btn{grid-column:2;width:100%}.discovery-found-list article{grid-template-columns:34px minmax(0,1fr) auto}.discovery-found-list article .action-btn{grid-column:2 / -1;width:100%}.provision-success-grid,.provision-success-links{grid-template-columns:1fr}.provision-success-grid>div{border-right:0}}.searching-device{animation:searching-device 1.1s ease-in-out infinite}@keyframes searching-device{0%,to{transform:translate(-3px,2px) scale(.94);opacity:.65}50%{transform:translate(4px,-3px) scale(1.08);opacity:1}}.progress-content small{color:#8793a6;font-size:9px}.operation-body{text-align:center;padding:34px 35px 38px}.operation-orb{width:62px;height:62px;margin:0 auto 16px;border-radius:18px;display:grid;place-items:center;background:#e8f1ff;color:#2563eb;font-size:25px;font-weight:700}.operation-orb svg{width:25px}.operation-orb.done{background:#e5f8ef;color:#099368}.operation-orb.failed{background:#fff0f1;color:#d23b4d}.operation-body h3{font-size:17px;margin:0 0 5px}.operation-body p{font-size:10px;color:#8792a5;margin:0 0 22px}.progress-track.large{height:9px;max-width:430px;margin:0 auto 8px}.progress-percent{display:block;color:#2563eb;font-size:12px;margin-bottom:20px}.operation-body>small{display:block;color:#929cac;font-size:9px}.operation-body>.error{margin:18px 0}.detail-tabs{display:flex;gap:0;border:1px solid #dfe3e8;background:#f5f6f8;margin:0 0 18px;border-radius:4px;overflow-x:auto}.detail-tabs button{border:0;border-right:1px solid #dfe3e8;background:transparent;color:#646c77;padding:11px 18px;font-size:9px;font-weight:700;white-space:nowrap;cursor:pointer}.detail-tabs button.active{background:#fff;color:#f97316;box-shadow:inset 0 -3px #f97316}.tab-section{margin-top:0}.current-optical{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:13px}.current-optical article{border:1px solid #e1e5ea;background:#fff;border-radius:5px;padding:16px}.current-optical span{display:block;font-size:7px;color:#8a929e;font-weight:700;letter-spacing:.8px}.current-optical strong{display:block;font-size:20px;color:#293544;margin:8px 0 3px}.current-optical strong small{font-size:8px;color:#87919f}.current-optical em{font-style:normal;font-size:8px;color:#8b95a3}.period-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.period-grid>article{border:1px solid #e1e5ea;border-radius:5px;background:#fff;overflow:hidden}.period-grid h3{font-size:10px;margin:0;padding:11px 13px;background:#f5f6f8;border-bottom:1px solid #e4e7eb}.period-grid>article>div{display:grid;grid-template-columns:1fr 1fr}.period-grid span{display:grid;gap:4px;padding:10px 12px;border-right:1px solid #edf0f3;border-bottom:1px solid #edf0f3;color:#9099a5;font-size:7px}.period-grid span:nth-child(2n){border-right:0}.period-grid strong{font-size:10px;color:#334052}.metrics-table{border:1px solid #e1e5ea;border-radius:5px;overflow:auto}.metrics-table table{min-width:720px}@media(max-width:850px){.current-optical{grid-template-columns:1fr 1fr}.period-grid{grid-template-columns:1fr}}@media(max-width:520px){.current-optical{grid-template-columns:1fr}.detail-tabs button{padding:10px 12px}}.onu-page{min-width:0}.onu-page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid #d9dde2;border-radius:5px;padding:14px 17px;margin-bottom:18px;box-shadow:var(--shadow)}.onu-page-breadcrumb{display:flex;align-items:center;gap:8px;color:#444b55;font-size:11px}.onu-page-breadcrumb>svg{width:12px;color:#a0a6ae}.onu-page-breadcrumb button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#3181c8;padding:5px 0;cursor:pointer;font-weight:700}.onu-page-breadcrumb button svg{width:14px;transform:rotate(180deg)}.onu-page-breadcrumb strong{color:#171b21}.onu-page-actions{display:flex;align-items:center;gap:8px}.onu-page-actions button{display:flex;align-items:center;gap:7px;border:0;border-radius:4px;padding:9px 13px;color:#fff;font-size:10px;font-weight:700;cursor:pointer}.onu-page-actions button svg{width:14px}.onu-page-actions .sync{background:#18a957}.onu-page-actions .reboot{background:#f97316}.onu-page-actions .remove{background:#dc2626}.onu-page-actions button:disabled{opacity:.65;cursor:wait}.onu-page .detail-body{padding:0}.onu-page .detail-hero{margin:0 0 13px;border-radius:5px;min-height:112px;padding:20px 24px}.onu-page .onu-detail-expanded{padding-bottom:20px}.reference-detail-grid{display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:18px;align-items:start}.reference-info-card{background:#fff;border:1px solid #cfd4da;border-radius:4px;overflow:hidden;box-shadow:0 2px 6px #17203314}.reference-info-card>header{height:55px;display:flex;align-items:center;justify-content:center;gap:7px;border-bottom:1px solid #d8dde2;background:#fff}.reference-info-card>header svg{width:16px}.reference-info-card.equipment>header svg{color:#a75d2d}.reference-info-card.status>header svg{color:#dc2626}.reference-info-card.optical>header svg{color:#16a34a}.reference-info-card>header h3{font-size:13px;margin:0;color:#24292f}.reference-card-rows{padding:12px}.reference-card-rows>div{display:grid;grid-template-columns:minmax(125px,.8fr) minmax(0,1.2fr);min-height:40px;border:1px solid #dfe3e7;border-bottom:0}.reference-card-rows>div:last-child{border-bottom:1px solid #dfe3e7}.reference-card-rows span,.reference-card-rows strong{display:flex;align-items:center;padding:9px 11px;font-size:10px}.reference-card-rows span{justify-content:flex-end;text-align:right;background:#f7f8f9;border-right:1px solid #dfe3e7;color:#242a31;font-weight:700}.reference-card-rows strong{color:#303740;font-weight:500;overflow-wrap:anywhere}.reference-card-rows>div.good strong{background:#7ce5b1;color:#0d5c3a}.reference-card-rows>div.warning strong{background:#ffd98f;color:#7a4a00}.reference-card-rows>div.bad strong{background:#fecaca;color:#991b1b}.reference-card-rows>div.muted strong{background:#f0f1f3;color:#7b828b}@media(max-width:1150px){.reference-detail-grid{grid-template-columns:1fr 1fr}.reference-info-card.optical{grid-column:1/-1}}@media(max-width:760px){.olt-discovery-all,.olt-discovery-item{grid-template-columns:22px 28px minmax(0,1fr);gap:9px}.olt-discovery-all{grid-template-columns:22px minmax(0,1fr)}.olt-discovery-item .discovery-state{grid-column:2 / -1;justify-self:start}.olt-discovery-item .discovery-message{grid-column:2 / -1}.onu-page-heading{align-items:flex-start;flex-direction:column}.onu-page-actions{width:100%;flex-wrap:wrap}.onu-page-actions button{flex:1;justify-content:center}.onu-page-breadcrumb{flex-wrap:wrap}.reference-detail-grid{grid-template-columns:1fr}.reference-info-card.optical{grid-column:auto}.reference-card-rows>div{grid-template-columns:120px 1fr}}.reference-shell{width:100%;min-width:0}.reference-shell>aside{box-sizing:border-box}.reference-shell>main{width:auto;min-width:0;max-width:100%}.reference-shell>main>.content{min-width:0;overflow-x:clip}.cto-page,.cto-controls,.cto-kpis,.cto-workspace,.cto-map-shell,.cto-sidebar,.cto-table{min-width:0;max-width:100%}.cto-controls>*,.cto-kpis>*{min-width:0}.cto-controls input,.cto-controls select{width:100%;min-width:0}.cto-workspace{isolation:isolate}.cto-map-shell{z-index:0;isolation:isolate;overflow:hidden}.cto-sidebar{position:relative;inset:auto;z-index:1;width:auto;height:auto;padding:0;color:inherit}.cto-sidebar-head{position:static;inset:auto;z-index:auto;width:auto;height:auto;min-height:72px;margin:0;box-shadow:none}.cto-table{overflow-x:auto}.cto-table table{min-width:840px}.leaflet-container{max-width:100%;font-family:inherit}@media(max-width:1050px){.cto-workspace{grid-template-columns:minmax(0,1fr)}.cto-sidebar{max-height:none}}@media(max-width:900px){.reference-shell,.reference-shell.menu-collapsed{display:block;width:100%}.reference-shell>aside,.reference-shell.menu-collapsed>aside{position:fixed;inset:0 auto 0 0;width:min(84vw,330px);padding:env(safe-area-inset-top,0) 14px calc(18px + env(safe-area-inset-bottom,0));z-index:100;transform:translate(0);transition:transform .22s ease;box-shadow:16px 0 42px #0f172a32}.reference-shell.menu-collapsed>aside{width:min(84vw,330px);padding-left:14px;padding-right:14px;transform:translate(-105%);box-shadow:none}.reference-shell>main,.reference-shell.menu-collapsed>main{width:100%;max-width:100%;grid-column:auto}.reference-shell>main>header{width:100%;box-sizing:border-box}.reference-shell>main>.content{width:100%;box-sizing:border-box}.cto-controls{grid-template-columns:minmax(0,1fr)}.cto-map,.cto-workspace{min-height:430px}.cto-map{height:430px}}@media(max-width:640px){.cto-controls,.cto-kpis{grid-template-columns:minmax(0,1fr)}.cto-map-help{right:10px;left:10px;justify-content:center}.cto-sidebar-head,.cto-capacity,.cto-address,.cto-sidebar-actions{box-sizing:border-box;width:100%}.cto-ports{grid-template-columns:repeat(4,minmax(0,1fr))}}html,body,#root{width:100%;min-width:0;min-height:100%;overflow-x:hidden}body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}button,a,input,select,textarea{touch-action:manipulation}img,svg,canvas{max-width:100%}.reference-shell>main>.content>*,.panel,.toolbar,.inventory-head,.entity,.detail-body{min-width:0;max-width:100%;box-sizing:border-box}@media(max-width:900px){:root{--mobile-nav-height: 70px}body{background:#eef2f6}.reference-shell>aside,.reference-shell.menu-collapsed>aside{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:calc(18px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}.reference-shell>main>header{position:sticky;top:0;z-index:42;min-height:calc(60px + env(safe-area-inset-top));height:auto;padding:max(8px,env(safe-area-inset-top)) 14px 8px;gap:10px;background:#fffefef2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.reference-shell>main>header .header-left{min-width:0;gap:10px}.reference-shell>main>header .header-left>div:last-child{min-width:0}.reference-shell>main>header .breadcrumb,.reference-shell>main>header .header-left p,.reference-shell>main>header .header-brand,.reference-shell>main>header .system-status,.reference-shell>main>header .account>span,.reference-shell>main>header .account>svg:last-child{display:none}.reference-shell>main>header h1{max-width:48vw;margin:0;overflow:hidden;font-size:17px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.reference-shell>main>header .menu-trigger,.reference-shell>main>header .account{width:42px;min-width:42px;height:42px;padding:0;border-radius:12px;justify-content:center;font-size:0}.reference-shell>main>header .menu-trigger svg,.reference-shell>main>header .account>svg:first-child{width:21px;height:21px}.reference-shell>main>header .account-menu{position:fixed;top:calc(58px + env(safe-area-inset-top));right:12px;left:12px;width:auto;max-width:none}.reference-shell>main>.content{padding:14px 12px calc(var(--mobile-nav-height) + 18px + env(safe-area-inset-bottom))}.mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:block;width:100%;height:100%;border:0;background:#0f172a78;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-bottom-nav{min-height:var(--mobile-nav-height);height:auto;padding:7px 6px max(7px,env(safe-area-inset-bottom));border-top:1px solid #dfe6ed;background:#fffffff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mobile-bottom-nav button{min-width:0;min-height:52px;padding:5px 2px;border-radius:10px}.mobile-bottom-nav button svg{width:20px;height:20px}.mobile-bottom-nav button span{max-width:100%;overflow:hidden;font-size:9px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.toolbar,.inventory-head,.onu-page-heading,.olt-dashboard-toolbar,.olt-detail-nav,.detail-hero,.dashboard-scope-bar{align-items:flex-start;flex-direction:column;gap:13px}.toolbar>div,.toolbar>div:last-child,.inventory-head>div,.inventory-metrics,.onu-page-actions,.onu-hero-actions,.olt-dashboard-toolbar>div,.dashboard-scope-bar>div{width:100%;max-width:100%;box-sizing:border-box}.toolbar>div:last-child,.onu-page-actions,.onu-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.toolbar button,.onu-page-actions button,.onu-hero-actions button,.row-actions button,.actions button,.form-actions button,.customer-link-actions button{min-height:44px;justify-content:center}.inventory-search,.entry-search,.dashboard-olt-filter,.trap-search{width:100%;max-width:100%;box-sizing:border-box}.entry-overview,.dashboard-grid,.olt-overview,.olt-chart-grid,.detail-sections,.whatsapp-config-grid,.noc-analysis-grid,.collector-grid,.reference-detail-grid,.provision-success-grid{grid-template-columns:minmax(0,1fr)}.entry-kpis,.olt-live-kpis,.event-cards,.health-metrics,.trap-status-grid,.collector-kpis,.cto-kpis,.entry-shortcuts,.noc-kpis,.noc-resource-strip,.noc-fleet-grid,.collector-global-runs{grid-template-columns:repeat(2,minmax(0,1fr))}.entity-grid{grid-template-columns:minmax(0,1fr)}.detail-tabs,.olt-detail-nav>div{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.detail-tabs::-webkit-scrollbar,.olt-detail-nav>div::-webkit-scrollbar{display:none}.detail-tabs button,.olt-detail-nav button{flex:0 0 auto;min-height:44px;white-space:nowrap}.cto-workspace{display:flex;flex-direction:column;min-height:0}.cto-map-shell{order:1}.cto-sidebar{order:2}.cto-map,.cto-workspace{min-height:360px}.cto-map{height:360px}.leaflet-control-attribution{max-width:72vw;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.table-wrap,.pon-table,.metrics-table,.trap-table{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.pon-table table,.metrics-table table,.trap-table table,.cto-table table{min-width:720px}}@media(max-width:760px){input,select,textarea{font-size:16px!important}.panel,.toolbar,.inventory-head,.entity,.detail-body,.entry-welcome,.entry-overview,.noc-panel,.collector-hero{border-radius:12px}.toolbar,.inventory-head,.panel,.detail-body{padding-left:14px;padding-right:14px}.toolbar h2,.inventory-head h2,.onu-page-heading h2,.entry-welcome h2,.olt-hero h2{font-size:clamp(19px,6vw,25px)}.form-grid,.trap-filters,.provision-summary-grid,.whatsapp-config-grid{grid-template-columns:minmax(0,1fr)!important}.form-grid>*,.form-grid .span2,.span2,.form-actions,.customer-link-actions,.pon-vlan-editor{grid-column:1!important;min-width:0}.form-actions,.customer-link-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%}.field input,.field select,.field textarea,.form-grid input,.form-grid select,.form-grid textarea{width:100%;max-width:100%;min-height:46px;box-sizing:border-box}.modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%;max-width:none;max-height:calc(94dvh - env(safe-area-inset-top));margin:0;padding-bottom:max(14px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border-radius:18px 18px 0 0;box-shadow:0 -18px 50px #0f172a3d}.modal-head{position:sticky;top:0;z-index:3;min-height:58px;padding:10px 14px;background:#fff;border-bottom:1px solid #e5eaf0}.modal-head h2{padding-right:8px;font-size:18px}.modal-head button{flex:0 0 42px;width:42px;height:42px}.table-wrap:has(tbody td[data-label]){padding:0;overflow:visible;border:0;background:transparent;box-shadow:none}.table-wrap:has(tbody td[data-label]) table,.table-wrap:has(tbody td[data-label]) thead,.table-wrap:has(tbody td[data-label]) tbody,.table-wrap:has(tbody td[data-label]) tr,.table-wrap:has(tbody td[data-label]) td{display:block;width:100%;min-width:0;box-sizing:border-box}.table-wrap:has(tbody td[data-label]) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.table-wrap:has(tbody td[data-label]) tbody{display:grid;gap:10px}.table-wrap:has(tbody td[data-label]) tbody tr{padding:8px 13px;overflow:hidden;border:1px solid #dfe6ed;border-radius:12px;background:#fff;box-shadow:0 4px 14px #23364b0b}.table-wrap:has(tbody td[data-label]) tbody td{display:grid;grid-template-columns:minmax(105px,38%) minmax(0,1fr);align-items:center;gap:10px;min-height:38px;padding:8px 0;overflow-wrap:anywhere;border:0;border-bottom:1px solid #edf1f4;text-align:right}.table-wrap:has(tbody td[data-label]) tbody td:last-child{border-bottom:0}.table-wrap:has(tbody td[data-label]) tbody td:before{content:attr(data-label);color:#6c7b8b;font-size:10px;font-weight:800;letter-spacing:.05em;text-align:left;text-transform:uppercase}.table-wrap:has(tbody td[data-label]) .row-actions,.table-wrap:has(tbody td[data-label]) .inventory-actions{justify-content:flex-end}.entry-kpis button,.olt-live-kpis article,.event-cards article,.cto-kpis article{min-height:102px;padding:13px}.entry-kpis strong,.olt-live-kpis strong{font-size:clamp(21px,7vw,29px)}.entry-shortcuts,.noc-kpis,.noc-resource-strip,.collector-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.noc-command,.noc-fleet-grid,.collector-global-runs,.collector-events article,.collector-operation{grid-template-columns:minmax(0,1fr)}.noc-command-meta,.collector-hero-meta{width:100%}.reference-card-rows>div{grid-template-columns:minmax(100px,38%) minmax(0,1fr)}.reference-card-rows span,.reference-card-rows strong{padding:9px;font-size:11px}.cto-controls,.cto-policy-fields,.cto-filter-fields{grid-template-columns:minmax(0,1fr)!important}.cto-map-help{bottom:10px;font-size:9px}.cto-ports{grid-template-columns:repeat(4,minmax(0,1fr))}.login{display:block;min-height:100dvh;padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))}.login-visual{display:none}.login-side{display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(100dvh - 36px);padding:0}.login-card{width:100%;max-width:430px}}@media(max-width:430px){.reference-shell>main>.content{padding-right:9px;padding-left:9px}.toolbar>div:last-child,.onu-page-actions,.onu-hero-actions,.entry-shortcuts,.noc-kpis,.collector-kpis{grid-template-columns:minmax(0,1fr)}.entry-kpis,.olt-live-kpis,.event-cards,.health-metrics,.trap-status-grid,.cto-kpis{gap:8px}.entry-kpis button,.olt-live-kpis article,.event-cards article,.cto-kpis article{min-height:92px;padding:11px}.inventory-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.table-wrap:has(tbody td[data-label]) tbody td{grid-template-columns:minmax(92px,36%) minmax(0,1fr)}.mobile-bottom-nav button span{font-size:8px}}@media(orientation:landscape)and (max-height:520px)and (max-width:900px){.reference-shell>main>header{position:relative}.modal{max-height:100dvh;border-radius:0}.mobile-bottom-nav{--mobile-nav-height: 58px}.mobile-bottom-nav button{min-height:42px}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(max-width:900px){body{min-width:0;font-size:15px}.reference-shell,.reference-shell>main,.reference-shell>main>.content{min-width:0!important;max-width:100vw!important;overflow-x:hidden}.reference-shell>main>.content{margin:0!important}.reference-shell .panel,.reference-shell .entity,.reference-shell .entry-overview,.reference-shell .entry-welcome,.reference-shell .inventory-head,.reference-shell .toolbar,.reference-shell .detail-body,.reference-shell .noc-panel,.reference-shell .collector-hero{width:100%;min-width:0;max-width:100%}.reference-shell p,.reference-shell li,.reference-shell dd,.reference-shell td,.reference-shell input,.reference-shell select,.reference-shell textarea,.reference-shell button{line-height:1.4}.reference-shell .toolbar p,.reference-shell .inventory-head p,.reference-shell .entry-welcome p,.reference-shell .detail-hero p,.reference-shell .olt-hero p,.reference-shell .collector-hero p,.reference-shell .noc-command-copy>p{font-size:13px}.reference-shell .toolbar button,.reference-shell .action-btn,.reference-shell .actions button,.reference-shell .row-actions button,.reference-shell .form-actions button,.reference-shell .onu-page-actions button,.reference-shell .onu-hero-actions button,.reference-shell .detail-tabs button,.reference-shell .olt-detail-nav button{font-size:13px}.reference-shell .field>span,.reference-shell .form-grid label>span,.reference-shell th,.reference-shell .badge,.reference-shell .cell-subtitle,.reference-shell .entry-kpis small,.reference-shell .olt-live-kpis small,.reference-shell .event-cards small,.reference-shell .cto-kpis small,.reference-shell .trap-status-card small,.reference-shell .collector-page small,.reference-shell .noc-page small{font-size:11px}.reference-shell .entry-kpis button>span,.reference-shell .event-cards span,.reference-shell .olt-live-kpis span,.reference-shell .cto-kpis span,.reference-shell .collector-kpis span,.reference-shell .noc-kpis article span{font-size:11px}.reference-shell .noc-command{min-height:0;padding:22px 16px 18px}.reference-shell .noc-command h2{max-width:100%;font-size:25px}.reference-shell .noc-score{position:static;right:auto;top:auto;justify-self:center;transform:none}.reference-shell .noc-score>div{width:112px;height:112px}.reference-shell .noc-score>div>span{width:88px;height:88px}.reference-shell .noc-score strong{font-size:28px}.reference-shell .noc-refresh{position:static;width:100%;margin-top:14px;justify-content:center;font-size:12px}.reference-shell .dashboard-olt-filter,.reference-shell .dashboard-olt-filter select,.reference-shell .olt-dashboard-toolbar select,.reference-shell .dashboard-scope-bar select,.reference-shell .inventory-search input{width:100%;min-width:0;max-width:100%}.reference-shell .collector-operation,.reference-shell .collector-events article{padding-right:12px;padding-left:12px}}@media(max-width:600px){.reference-shell>main>.content{width:100vw!important;padding:12px 10px calc(82px + env(safe-area-inset-bottom))!important}.reference-shell .entry-welcome,.reference-shell .entry-overview,.reference-shell .inventory-head,.reference-shell .toolbar,.reference-shell .panel,.reference-shell .detail-body,.reference-shell .noc-panel,.reference-shell .collector-hero{padding:14px}.reference-shell .entry-kpis,.reference-shell .olt-live-kpis,.reference-shell .event-cards,.reference-shell .cto-kpis,.reference-shell .trap-status-grid,.reference-shell .health-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.reference-shell .entry-kpis button,.reference-shell .olt-live-kpis article,.reference-shell .event-cards article,.reference-shell .cto-kpis article{min-width:0;min-height:112px}.reference-shell .entry-kpis strong,.reference-shell .olt-live-kpis strong,.reference-shell .event-cards strong,.reference-shell .cto-kpis strong,.reference-shell .noc-kpis article>strong,.reference-shell .collector-kpis strong{font-size:24px}.reference-shell .entity dl,.reference-shell .reference-card-rows>div{grid-template-columns:minmax(96px,38%) minmax(0,1fr)}.reference-shell .entity dt,.reference-shell .entity dd,.reference-shell .reference-card-rows span,.reference-shell .reference-card-rows strong{font-size:12px}.reference-shell .detail-hero,.reference-shell .olt-hero{margin-right:-14px;margin-left:-14px;padding:18px 14px}.reference-shell .detail-hero h2,.reference-shell .olt-hero h2{overflow-wrap:anywhere;font-size:22px}.reference-shell .pon-table table,.reference-shell .metrics-table table,.reference-shell .trap-table table,.reference-shell .cto-table table{min-width:640px}.reference-shell .mobile-bottom-nav{width:100vw}}@media(max-width:360px){.reference-shell .entry-kpis,.reference-shell .olt-live-kpis,.reference-shell .event-cards,.reference-shell .cto-kpis,.reference-shell .trap-status-grid,.reference-shell .health-metrics,.reference-shell .inventory-metrics{grid-template-columns:minmax(0,1fr)!important}.reference-shell>main>header h1{max-width:44vw;font-size:15px}}@media(max-width:900px){.login{display:flex!important;align-items:center;justify-content:center;width:100vw;min-width:0;min-height:100dvh;height:auto;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));overflow-y:auto;background:linear-gradient(155deg,#0c172b 0,#0c172b 32%,#eef3f8 32%,#eef3f8)}.login .login-visual{display:none!important}.login .login-side{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:0;padding:0;background:transparent}.login .login-card{width:min(100%,410px);min-width:0;margin:0 auto;padding:26px 20px 22px;border:1px solid #e0e6ed;border-radius:18px;background:#fff;box-shadow:0 22px 60px #07152638}.login .mobile-logo{display:flex!important;align-items:center;gap:10px;margin:0 0 24px;color:#17253a;font-size:21px}.login .mobile-logo svg{width:38px;height:38px;padding:8px;border-radius:11px;background:#2563eb;color:#fff}.login .eyebrow{font-size:11px}.login .login-card h2{margin:8px 0 5px;font-size:30px;line-height:1.15}.login .login-card>p{margin:0 0 24px;font-size:14px}.login .login-card form{gap:14px}.login .field>span{font-size:13px}.login .field input{width:100%;min-width:0;height:50px;padding:0 14px;box-sizing:border-box;border-radius:10px;font-size:16px!important}.login .login-card form>button{min-height:50px;margin-top:2px;border-radius:10px;font-size:15px}.login .login-card>small{margin-top:17px;font-size:11px}.modal:has(.discovery-form){display:flex;flex-direction:column;max-height:calc(96dvh - env(safe-area-inset-top));padding-bottom:0;overflow:hidden}.modal:has(.discovery-form) .discovery-form{display:flex!important;flex-direction:column;flex:1;min-height:0;padding:14px 14px 0;overflow:hidden;overscroll-behavior:contain}.modal:has(.discovery-form) .discovery-intro{flex:0 0 auto;margin-bottom:8px;padding:9px 11px;font-size:11px}.modal:has(.discovery-form) .olt-discovery-list{flex:1 1 auto;min-height:120px;padding-right:2px;overflow-y:auto;overscroll-behavior:contain}.modal:has(.discovery-form) .olt-discovery-all,.modal:has(.discovery-form) .olt-discovery-item{grid-template-columns:20px 24px minmax(0,1fr) auto;gap:7px;min-height:44px;padding:7px 9px;border-radius:8px}.modal:has(.discovery-form) .olt-discovery-all{grid-template-columns:20px minmax(0,1fr) auto}.modal:has(.discovery-form) .olt-discovery-all input,.modal:has(.discovery-form) .olt-discovery-item input{width:17px;height:17px;min-height:17px}.modal:has(.discovery-form) .olt-discovery-item>svg{width:17px;height:17px}.modal:has(.discovery-form) .olt-discovery-all strong,.modal:has(.discovery-form) .olt-discovery-item strong{font-size:12px}.modal:has(.discovery-form) .olt-discovery-all small,.modal:has(.discovery-form) .olt-discovery-item small{font-size:9px}.modal:has(.discovery-form) .olt-discovery-item .discovery-state{grid-column:auto;justify-self:end;padding:4px 6px;font-size:8px;white-space:nowrap}.modal:has(.discovery-form) .olt-discovery-item .discovery-message{grid-column:3 / -1}.modal:has(.discovery-form) .provision-progress,.modal:has(.discovery-form) .discovery-found,.modal:has(.discovery-form)>.discovery-form>.error{flex:1 1 auto;min-height:0;overflow-y:auto}.modal:has(.discovery-form) .discovery-form>.form-actions{position:relative;z-index:5;flex:0 0 auto;width:calc(100% + 28px);margin:auto -14px 0;padding:12px 14px max(12px,env(safe-area-inset-bottom));border-top:1px solid #dfe6ed;background:#fff;box-shadow:0 -10px 24px #17203314}.modal:has(.discovery-form) .discovery-form>.form-actions button{width:100%;min-height:50px;font-size:14px}.discovery-found-list article{grid-template-columns:38px minmax(0,1fr);gap:9px}.discovery-found-list article .discovery-found-vlan,.discovery-found-list article .action-btn{grid-column:2;width:100%;max-width:none}.discovery-found-list article .action-btn{min-height:44px}}@media(max-width:380px){.login{align-items:flex-start;padding-right:10px;padding-left:10px}.login .login-card{padding:22px 16px 18px}.login .mobile-logo{margin-bottom:18px}}html{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}body,#root,.reference-shell,.reference-shell>main{height:auto;min-height:100%;overflow-y:visible}body.modal-open{overflow:hidden!important}.reference-shell>main>.content{height:auto;min-height:calc(100vh - 84px);overflow-y:visible;touch-action:pan-x pan-y}.modal,.grouped-nav,.collector-events>div,.table-wrap{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}@media(max-width:900px){html{height:auto!important;min-height:100%;overflow-y:auto!important;overscroll-behavior-y:auto}body,#root,.reference-shell,.reference-shell.menu-collapsed,.reference-shell>main,.reference-shell.menu-collapsed>main{position:relative;height:auto!important;min-height:100dvh;overflow-y:visible!important;overscroll-behavior-y:auto}body:not(.modal-open){overflow-y:visible!important;touch-action:pan-y}body.modal-open{overflow:hidden!important}.reference-shell>main>.content{position:relative!important;inset:auto!important;height:auto!important;min-height:calc(100dvh - 64px);overflow:visible!important;padding-bottom:calc(var(--mobile-nav-height) + 24px + env(safe-area-inset-bottom))!important;touch-action:pan-y}.noc-page,.collector-page,.inventory-page,.onu-page,.olt-page{height:auto;min-height:0;overflow:visible;touch-action:pan-y}}html,body,#root,.reference-shell,.reference-shell>main{width:100%;min-width:0;max-width:100%;overflow-x:hidden!important;overscroll-behavior-x:none}.reference-shell>main>.content{width:100%;min-width:0;max-width:100%;overflow-x:hidden!important;contain:inline-size;touch-action:pan-y}@media(max-width:900px){html,body,#root,.reference-shell,.reference-shell>main{overscroll-behavior-y:none!important}}@media(max-width:1100px){.dashboard-critical-list{grid-template-columns:minmax(0,1fr)}}@media(max-width:700px){.dashboard-critical-signals>header{min-height:70px;padding:12px}.dashboard-critical-signals header p{display:none}.dashboard-critical-list>button{grid-template-columns:22px minmax(0,1fr) auto 14px;gap:7px;padding:12px 10px}.dashboard-critical-location{grid-column:2;grid-row:2}.dashboard-critical-rx{grid-column:3;grid-row:1 / 3}.dashboard-critical-list>button>svg{grid-column:4;grid-row:1 / 3}}html{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-x:none!important;overscroll-behavior-y:auto!important}body,#root{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:visible!important}body:not(.modal-open){overflow-y:visible!important}.reference-shell,.reference-shell.menu-collapsed{height:auto!important;min-height:100vh!important;overflow:visible!important}.reference-shell>main,.reference-shell.menu-collapsed>main{display:block!important;height:auto!important;min-height:100vh!important;overflow:visible!important}.reference-shell>main>.content,.reference-shell.menu-collapsed>main>.content{display:block!important;position:relative!important;inset:auto!important;height:auto!important;min-height:0!important;overflow-x:hidden!important;overflow-y:visible!important;overscroll-behavior:auto!important;contain:none!important;scrollbar-gutter:auto!important;touch-action:pan-y!important}@media(max-width:900px){body,#root,.reference-shell,.reference-shell.menu-collapsed,.reference-shell>main,.reference-shell.menu-collapsed>main{height:auto!important;overflow-y:visible!important}.reference-shell,.reference-shell.menu-collapsed,.reference-shell>main,.reference-shell.menu-collapsed>main{min-height:100dvh!important}.reference-shell>main>.content,.reference-shell.menu-collapsed>main>.content{height:auto!important;min-height:0!important;overflow-y:visible!important;padding-bottom:calc(var(--mobile-nav-height) + 24px + env(safe-area-inset-bottom))!important}}.reference-shell>aside,.reference-shell.menu-collapsed>aside{height:100dvh!important;max-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;scrollbar-gutter:stable;touch-action:pan-y!important}.reference-shell>aside .brand,.reference-shell>aside .side-search,.reference-shell>aside .grouped-nav,.reference-shell>aside .tenant,.reference-shell>aside .logout{flex-shrink:0}.reference-shell>aside .grouped-nav{flex:0 0 auto!important;overflow:visible!important}html,body,#root{width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}.reference-shell,.reference-shell.menu-collapsed{height:100dvh!important;min-height:0!important;overflow:hidden!important}.reference-shell>main,.reference-shell.menu-collapsed>main{display:block!important;height:100dvh!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-x:none!important;overscroll-behavior-y:contain!important;scrollbar-gutter:stable;touch-action:pan-y!important;-webkit-overflow-scrolling:touch}.reference-shell>main>header,.reference-shell.menu-collapsed>main>header{position:sticky!important;top:0}.reference-shell>main>.content,.reference-shell.menu-collapsed>main>.content{height:auto!important;min-height:0!important;overflow:visible!important;contain:none!important}@media(max-width:900px){.reference-shell,.reference-shell.menu-collapsed,.reference-shell>main,.reference-shell.menu-collapsed>main{height:100dvh!important;min-height:0!important}.reference-shell>main,.reference-shell.menu-collapsed>main{overflow-y:auto!important}}.olt-template-links{border:1px solid #dbe4ee;border-radius:14px;background:#f8fafc;padding:16px;display:grid;gap:14px}.olt-template-links>div:first-child{display:grid;gap:4px}.olt-template-links small{color:#64748b}.olt-template-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.olt-template-options>label{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 12px;border:1px solid #dbe4ee;border-radius:10px;background:#fff;cursor:pointer}.olt-template-options input{width:18px;height:18px;flex:0 0 auto}.olt-template-options span{display:grid;gap:2px}