@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #0b1220;--surf1: #111827;--surf2: #162032;--surf3: #1d2d44;--border: #1e3154;--border2: #2a4370;--blue: #3b9eff;--glow: rgba(59, 158, 255, .18);--cyan: #22d3ee;--green: #10b981;--red: #ef4444;--orange: #f59e0b;--purple: #8b5cf6;--muted: #4b6080;--muted2: #7a95b8;--text: #dce8f5}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Outfit,sans-serif;height:100vh;overflow:hidden;display:flex;flex-direction:column}.topbar{height:52px;background:var(--surf1);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1rem;gap:.8rem;flex-shrink:0;z-index:100}.logo-text{font-weight:800;font-size:1.1rem;letter-spacing:-.02em}.logo-text span{color:var(--cyan)}.tenant{font-family:JetBrains Mono,monospace;font-size:.62rem;background:var(--surf2);border:1px solid var(--border2);color:var(--cyan);padding:.18rem .55rem;border-radius:4px}.tnav{font-size:.74rem;font-weight:500;padding:.32rem .9rem;border-radius:6px;cursor:pointer;color:var(--muted2);border:none;background:none;transition:all .15s;white-space:nowrap;font-family:Outfit,sans-serif}.tnav:hover{background:var(--surf2);color:var(--text)}.tnav.active{background:var(--blue);color:#fff}.plan-bar{width:60px;height:5px;background:var(--surf3);border-radius:3px;overflow:hidden}.plan-fill{height:100%;width:75%;background:linear-gradient(90deg,var(--blue),var(--cyan))}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.user-pill{display:flex;align-items:center;gap:.5rem;background:var(--surf2);border:1px solid var(--border);border-radius:8px;padding:.25rem .6rem .25rem .35rem;cursor:pointer}.user-av{width:26px;height:26px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff}.main{display:flex;flex:1;overflow:hidden;height:calc(100vh - 52px);min-height:0}.sidebar{width:220px;background:var(--surf1);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.sb-sec{padding:.6rem .7rem;border-bottom:1px solid var(--border)}.sb-lbl{font-family:JetBrains Mono,monospace;font-size:.55rem;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;padding:.3rem .4rem .4rem;margin-top:.2rem}.sb-item{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border-radius:7px;cursor:pointer;transition:all .15s;margin-bottom:.1rem;font-size:.78rem;font-weight:500;color:var(--muted2)}.sb-item:hover{background:var(--surf2);color:var(--text)}.sb-item.active{background:var(--glow);color:var(--blue);border:1px solid rgba(59,158,255,.2)}.sb-badge{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:.58rem;background:var(--surf3);padding:.1rem .4rem;border-radius:10px;color:var(--muted2)}.sb-badge.red{background:#ef444426;color:var(--red)}.layer-row{display:flex;align-items:center;gap:.5rem;padding:.3rem .4rem;border-radius:6px;cursor:pointer;margin-bottom:.15rem;transition:background .15s}.layer-row:hover{background:var(--surf2)}.toggle{width:26px;height:14px;border-radius:7px;position:relative;flex-shrink:0;transition:background .2s}.toggle.on{background:var(--blue)}.toggle.off{background:var(--border2)}.toggle:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;top:2px;transition:left .2s}.toggle.on:after{left:14px}.toggle.off:after{left:2px}.layer-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.layer-name{font-size:.74rem;flex:1;color:var(--muted2)}.layer-ct{font-family:JetBrains Mono,monospace;font-size:.58rem;color:var(--muted)}.stats3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.35rem;margin-bottom:.5rem}.stt{background:var(--surf2);border:1px solid var(--border);border-radius:7px;padding:.45rem;text-align:center}.stt .n{font-size:.95rem;font-weight:700}.stt .l{font-size:.55rem;color:var(--muted);font-family:JetBrains Mono,monospace;text-transform:uppercase}.alert-mini{display:flex;gap:.5rem;align-items:flex-start;padding:.5rem .55rem;background:var(--surf2);border-radius:7px;margin-bottom:.3rem;border-left:2px solid transparent;font-size:.72rem}.alert-mini.crit{border-color:var(--red)}.alert-mini.warn{border-color:var(--orange)}.alert-mini.info{border-color:var(--blue)}.alt-time{font-family:JetBrains Mono,monospace;font-size:.58rem;color:var(--muted);margin-top:.15rem}#v-map,#v-monitoring,#v-otdr,#v-datacenter,#v-profile,#v-settings{display:none;flex:1;overflow:hidden}#v-map{display:flex;flex-direction:row}#v-profile,#v-settings{display:flex;flex-direction:column}.profile-mapxius-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-content:start}@media(min-width:1024px){.profile-mapxius-grid{grid-template-columns:2fr 1fr}}.profile-mapxius-left{display:flex;flex-direction:column;gap:1.5rem}.profile-mapxius-card{background:var(--surf1);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.map-wrap{flex:1;position:relative;overflow:hidden;display:flex;min-width:0;min-height:0}.map-area{flex:1;position:relative;overflow:hidden;background:#091420;min-height:400px}#leafletMap{position:absolute;inset:0;width:100%;height:100%;z-index:1;min-height:400px}.map-area.drawing-mode .leaflet-marker-pane,.map-area.drawing-mode .leaflet-shadow-pane{pointer-events:none!important;cursor:crosshair!important}.snap-highlight{outline:3px solid #fff!important;box-shadow:0 0 0 3px var(--blue),0 0 12px var(--blue)!important;border-radius:50%;animation:snapPulse .4s ease}@keyframes snapPulse{0%{transform:scale(1.4)}to{transform:scale(1)}}.leaflet-container{background:#0b1220!important;font-family:Outfit,sans-serif}.leaflet-control-zoom a{background:var(--surf1)!important;color:var(--text)!important;border-color:var(--border2)!important}.leaflet-control-zoom a:hover{background:var(--surf2)!important}.leaflet-bar{border-color:var(--border2)!important;box-shadow:0 4px 16px #0006!important}.leaflet-popup-content-wrapper{background:var(--surf1)!important;color:var(--text)!important;border:1px solid var(--border2)!important;border-radius:8px!important}.leaflet-popup-tip{background:var(--surf1)!important}.lmkr{cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:0 0 10px currentColor;font-size:.6rem;font-weight:700;color:#fff;transition:transform .15s}.lmkr:hover{transform:scale(1.3)}.lmkr-tip{position:absolute;bottom:115%;left:50%;transform:translate(-50%);background:#0b1220f7;border:1px solid var(--border2);border-radius:5px;padding:.15rem .5rem;font-size:.6rem;white-space:nowrap;font-family:JetBrains Mono,monospace;pointer-events:none;opacity:0;transition:opacity .15s;z-index:1000}.lmkr:hover .lmkr-tip{opacity:1}.leaflet-interactive{cursor:pointer}.map-bg{position:absolute;inset:0;background:radial-gradient(ellipse 600px 400px at 30% 40%,rgba(16,40,80,.6) 0%,transparent 70%),#091420}#mapClickZone{position:absolute;inset:0;z-index:20;display:none;cursor:crosshair;pointer-events:none}#leafletMap .leaflet-marker-pane{z-index:650!important}#leafletMap .leaflet-overlay-pane{z-index:400!important}.mkr{position:absolute!important;cursor:pointer!important;transform:translate(-50%,-50%)!important;z-index:25!important;transition:transform .15s!important;background:transparent!important;border:none!important;opacity:1!important;visibility:visible!important}.mkr:hover{transform:translate(-50%,-50%) scale(1.35)!important;z-index:30!important}.mkr-dot{border-radius:50%!important;border:2px solid rgba(255,255,255,.25)!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;font-size:.6rem!important;line-height:1!important}.mkr-dot.olt{width:20px;height:20px;background:var(--blue);box-shadow:0 0 14px var(--blue);font-size:.55rem;color:#fff;font-weight:700}.mkr-dot.nap{width:13px;height:13px;background:var(--orange);box-shadow:0 0 8px var(--orange)}.mkr-dot.nap.down{background:var(--red);box-shadow:0 0 10px var(--red)}.mkr-dot.ont{width:10px;height:10px;background:var(--green)}.mkr-dot.ont.off{background:var(--red)}.mkr-dot.pole{width:7px;height:7px;background:var(--muted);border:1px solid var(--muted2)}.mkr-dot.splice,.mkr-dot.manga{width:11px;height:11px;background:var(--purple);box-shadow:0 0 6px var(--purple)}.mkr-dot.poste{width:7px;height:7px;background:var(--muted);border:1px solid var(--muted2)}.mkr-dot.nodo{width:16px;height:16px;background:#0ea5e9;box-shadow:0 0 10px #0ea5e9;font-size:.6rem;color:#fff;font-weight:700}.mkr-dot.torre{width:18px;height:18px;background:#dc2626;box-shadow:0 0 12px #dc2626;font-size:.65rem;color:#fff;font-weight:700}.mkr-dot.mastil{width:14px;height:14px;background:#78716c;box-shadow:0 0 8px #78716c;font-size:.55rem;color:#fff;font-weight:600}.mkr-tip{position:absolute;bottom:115%;left:50%;transform:translate(-50%);background:#0b1220f2;border:1px solid var(--border2);border-radius:5px;padding:.15rem .45rem;font-size:.6rem;white-space:nowrap;font-family:JetBrains Mono,monospace;pointer-events:none;opacity:0;transition:opacity .15s;z-index:35}.mkr:hover .mkr-tip{opacity:1}.pending-pin{position:absolute;transform:translate(-50%,-50%);z-index:50;pointer-events:none;display:none}.pending-pin.show{display:block}.pp-ring{width:22px;height:22px;border-radius:50%;background:#3b9eff33;border:2px solid var(--blue);animation:ppulse 1s infinite}@keyframes ppulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.rpt{position:absolute;transform:translate(-50%,-50%);z-index:22;cursor:pointer}.rpt-dot{width:12px;height:12px;border-radius:50%;background:var(--blue);border:2px solid #fff;box-shadow:0 0 8px var(--blue);transition:transform .15s}.rpt:hover .rpt-dot{transform:scale(1.4)}.rpt-dot.first-pt{background:var(--green);box-shadow:0 0 10px var(--green)}.rpt-dot.has-elem{background:var(--orange);box-shadow:0 0 8px var(--orange)}.rpt-num{position:absolute;top:-15px;left:50%;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-size:.5rem;color:var(--muted2);white-space:nowrap}@keyframes mkrPop{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}70%{transform:translate(-50%,-50%) scale(1.3)}to{transform:translate(-50%,-50%) scale(1)}}.mc{width:34px;height:34px;background:var(--surf1);border:1px solid var(--border2);border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;color:var(--muted2);transition:all .15s}.mc:hover{background:var(--surf2);color:var(--text);border-color:var(--blue)}.map-types{position:absolute;bottom:1rem;left:1rem;display:flex;gap:.3rem;z-index:30}.mt-btn{padding:.28rem .65rem;background:var(--surf1);border:1px solid var(--border2);border-radius:5px;font-size:.65rem;cursor:pointer;color:var(--muted2);transition:all .15s}.mt-btn.active,.mt-btn:hover{background:var(--blue);border-color:var(--blue);color:#fff}.map-search{width:260px;position:relative}.map-search input{width:100%;background:#111827e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border2);border-radius:8px;color:var(--text);padding:.5rem .8rem .5rem 2rem;font-size:.78rem;font-family:Outfit,sans-serif;outline:none;transition:border-color .15s}.map-search input:focus{border-color:var(--blue)}.map-search:before{content:"🔎";position:absolute;left:.6rem;top:50%;transform:translateY(-50%);font-size:.75rem;pointer-events:none}.search-drop{background:var(--surf1);border:1px solid var(--border2);border-radius:8px;margin-top:.3rem;overflow:hidden;display:none;position:absolute;width:100%;z-index:50}.search-drop .si{padding:.45rem .8rem;font-size:.74rem;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.search-drop .si:hover{background:var(--surf2)}.search-drop .si:last-child{border-bottom:none}.offline-tag{position:absolute;bottom:1rem;right:1rem;background:var(--surf1);border:1px solid var(--green);border-radius:5px;padding:.28rem .65rem;font-size:.62rem;color:var(--green);font-family:JetBrains Mono,monospace;z-index:30;display:flex;align-items:center;gap:.35rem}#modeBanner{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:35;display:none;align-items:center;gap:.6rem;padding:.45rem 1rem;border-radius:8px;border:1px solid;font-size:.78rem;font-weight:600;white-space:nowrap}#rutaBar{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);z-index:35;display:none;align-items:center;gap:.8rem;background:#0b1220f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border2);border-radius:10px;padding:.55rem 1rem;font-size:.74rem;white-space:nowrap}#rutaBar.show{display:flex}.rb-stat{display:flex;align-items:center;gap:.3rem;color:var(--muted2)}.rb-val{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--text)}.rb-sep{width:1px;height:14px;background:var(--border)}.rb-btn{padding:.25rem .65rem;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;border:none;font-family:Outfit,sans-serif}.rb-finish{background:var(--green);color:#fff}.rb-finish:hover{background:#0da371}.rb-undo{background:var(--surf2);border:1px solid var(--border2);color:var(--muted2)}.rb-undo:hover{color:var(--text)}.rb-cancel{background:var(--surf2);border:1px solid var(--border2);color:var(--muted2)}.rb-cancel:hover{color:var(--red);border-color:var(--red)}#ptPopover{position:fixed;z-index:500;background:var(--surf1);border:1px solid var(--border2);border-radius:10px;padding:.6rem;min-width:210px;max-width:240px;box-shadow:0 8px 24px #00000080;display:none;pointer-events:auto}.pt-sub{background:var(--surf2);border:1px solid var(--border);border-radius:7px;padding:.45rem .5rem;margin:.15rem 0 .3rem 1rem;border-left:2px solid var(--orange)}.pt-sub-row{margin-bottom:.3rem}.pt-sub-lbl{display:block;font-size:.58rem;color:var(--muted2);margin-bottom:.15rem;font-family:JetBrains Mono,monospace}.pt-sub-inp{width:100%;background:var(--surf3);border:1px solid var(--border2);border-radius:5px;color:var(--text);padding:.25rem .45rem;font-size:.72rem;font-family:Outfit,sans-serif;outline:none}.pt-sub-inp:focus{border-color:var(--blue)}.pt-pop-title{font-size:.62rem;color:var(--muted);font-family:JetBrains Mono,monospace;margin-bottom:.4rem;text-transform:uppercase}.pt-pop-opt{display:flex;align-items:center;gap:.5rem;padding:.32rem .45rem;border-radius:6px;font-size:.74rem;cursor:pointer;transition:background .12s;margin-bottom:.08rem}.pt-pop-opt:hover{background:var(--surf2)}.pt-pop-opt.on{background:var(--glow);color:var(--blue)}.pt-pop-sep{height:1px;background:var(--border);margin:.3rem 0}.pt-pop-del{color:var(--red)}#ptReservaInput{display:none;padding:.25rem .45rem}#ptReservaInput input{width:100%;background:var(--surf2);border:1px solid var(--border2);border-radius:5px;color:var(--text);padding:.28rem .5rem;font-size:.74rem;font-family:Outfit,sans-serif;outline:none}.seg-draw{stroke-dasharray:7 4;stroke-linecap:round;animation:dashmove 1s linear infinite}@keyframes dashmove{to{stroke-dashoffset:-22}}.seg-saved{stroke-dasharray:none;animation:none}.right-panel{width:300px;background:var(--surf1);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.rp-head{padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.rp-title{font-weight:700;font-size:.85rem}.rp-close{color:var(--muted);cursor:pointer;font-size:1rem}.rp-close:hover{color:var(--text)}.rp-body{flex:1;overflow-y:auto;padding:.8rem}.rp-body::-webkit-scrollbar{width:3px}.rp-body::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.rp-sec{margin-bottom:1rem}.rp-sec-lbl{font-family:JetBrains Mono,monospace;font-size:.55rem;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:.5rem}.rp-field{margin-bottom:.5rem}.rp-fl{font-size:.66rem;color:var(--muted2);margin-bottom:.2rem}.rp-fv{font-size:.8rem;font-weight:500}.rp-fv.mono{font-family:JetBrains Mono,monospace;font-size:.72rem}.rp-fv.ok{color:var(--green)}.rp-fv.bad{color:var(--red)}.rp-fv.warn{color:var(--orange)}.rp-fv.blue{color:var(--blue)}.ig{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.5rem}.ic{background:var(--surf2);border:1px solid var(--border);border-radius:7px;padding:.6rem .7rem}.ic .iv{font-size:1rem;font-weight:700}.ic .il{font-size:.58rem;color:var(--muted);margin-top:.15rem}.btn-p{width:100%;padding:.6rem;background:var(--blue);border:none;border-radius:8px;color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;margin-bottom:.35rem;font-family:Outfit,sans-serif;transition:background .15s}.btn-p:hover{background:#2a8bef}.btn-s{width:100%;padding:.55rem;background:var(--surf2);border:1px solid var(--border2);border-radius:8px;color:var(--text);font-size:.76rem;cursor:pointer;margin-bottom:.35rem;font-family:Outfit,sans-serif;transition:all .15s}.btn-s:hover{border-color:var(--blue);color:var(--blue)}.btn-d{width:100%;padding:.55rem;background:#ef44441a;border:1px solid var(--red);border-radius:8px;color:var(--red);font-size:.76rem;cursor:pointer;font-family:Outfit,sans-serif}#v-monitoring{display:flex;flex-direction:column}.mon-topbar{padding:.9rem 1.4rem;border-bottom:1px solid var(--border);background:var(--surf1);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.mon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.2rem;overflow-y:auto;flex:1}.mon-card{background:var(--surf1);border:1px solid var(--border);border-radius:12px;overflow:hidden}.mon-card.warn-card{border-color:var(--orange)}.mon-card.red-card{border-color:var(--red)}.mc-head{padding:.8rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.mc-title{font-weight:700;font-size:.83rem}.mc-sub{font-size:.65rem;color:var(--muted);margin-top:.15rem;font-family:JetBrains Mono,monospace}.sbadge{font-family:JetBrains Mono,monospace;font-size:.58rem;padding:.18rem .5rem;border-radius:4px;font-weight:600}.sb-ok{background:#10b98126;color:var(--green)}.sb-warn{background:#f59e0b26;color:var(--orange)}.sb-bad{background:#ef444426;color:var(--red)}.mc-body{padding:.9rem 1rem}.mrow{display:flex;justify-content:space-between;align-items:center;padding:.28rem 0;border-bottom:1px solid rgba(255,255,255,.03);font-size:.74rem}.mrow:last-child{border-bottom:none}.ml{color:var(--muted2)}.mv{font-family:JetBrains Mono,monospace;font-size:.7rem}.mv.ok{color:var(--green)}.mv.w{color:var(--orange)}.mv.b{color:var(--red)}.pbar{height:5px;background:var(--surf3);border-radius:3px;overflow:hidden;margin:.5rem 0 .25rem}.pbar-f{height:100%;border-radius:3px}.warn-box{background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:7px;padding:.55rem .7rem;margin-bottom:.7rem;font-size:.72rem;color:var(--orange)}.crit-box{background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:7px;padding:.55rem .7rem;margin-bottom:.7rem;font-size:.72rem;color:var(--red)}#v-otdr{display:flex;flex-direction:column}.otdr-wrap{display:grid;grid-template-columns:330px 1fr;flex:1;overflow:hidden}.otdr-form{padding:1.4rem;border-right:1px solid var(--border);overflow-y:auto;background:var(--surf1)}.otdr-map{position:relative;overflow:hidden;background:#091420}.otdr-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(59,158,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,158,255,.03) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.otdr-result{background:#10b98114;border:1px solid var(--green);border-radius:10px;padding:1rem;text-align:center;display:none;margin-top:.6rem}.otdr-result.show{display:block}.oc{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--green);margin-bottom:.3rem}.otdr-detail-box{background:var(--surf2);border:1px solid var(--border);border-radius:8px;padding:.8rem;margin-bottom:.7rem;display:none}.fault-pin{position:absolute;transform:translate(-50%,-50%);z-index:30;display:none}.fault-pin.show{display:block}.fp-ring{width:32px;height:32px;border-radius:50%;background:#ef444440;border:2px solid var(--red);animation:fp 1.5s infinite}@keyframes fp{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.fp-lbl{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:var(--red);color:#fff;padding:.15rem .45rem;border-radius:4px;font-size:.62rem;font-family:JetBrains Mono,monospace;white-space:nowrap}.prog-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin:.5rem 0}.prog-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:2px;transition:width .4s ease}#v-datacenter{display:flex;flex-direction:column}.dc-topbar{padding:.9rem 1.4rem;border-bottom:1px solid var(--border);background:var(--surf1);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.dc-layout{display:flex;flex:1;overflow:hidden}.dc-racks-wrap{display:flex;flex-wrap:wrap;gap:.9rem;padding:1.2rem;overflow-y:auto;align-content:flex-start;border-right:1px solid var(--border);min-width:220px;max-width:600px}.dc-rack{background:var(--surf1);border:1px solid var(--border);border-radius:11px;overflow:hidden;width:185px;flex-shrink:0;align-self:flex-start}.dc-rack-head{background:var(--surf2);padding:.6rem .85rem;font-weight:700;font-size:.79rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.dc-rack-btns{display:flex;gap:.2rem}.dc-rack-btn{background:none;border:none;cursor:pointer;color:var(--muted);font-size:.65rem;padding:.1rem .28rem;border-radius:3px;line-height:1;transition:color .15s}.dc-rack-btn:hover{color:var(--blue)}.dc-rack-power{padding:.28rem .6rem;border-top:1px solid var(--border);background:var(--surf2);display:flex;align-items:center;justify-content:space-between;gap:.4rem}.rack-pw-bar-bg{flex:1;height:5px;background:#ffffff12;border-radius:3px;overflow:hidden}.rack-pw-bar{height:100%;border-radius:3px;transition:width .4s}.rack-pw-txt{font-family:JetBrains Mono,monospace;font-size:.56rem;white-space:nowrap;flex-shrink:0}.dc-rack-units{padding:.4rem;display:flex;flex-direction:column;gap:2px}.dc-unit{height:23px;border-radius:4px;padding:0 .45rem;display:flex;align-items:center;gap:.3rem;font-family:JetBrains Mono,monospace;font-size:.58rem;cursor:pointer;transition:all .13s;-webkit-user-select:none;user-select:none}.dc-unit:hover{opacity:.82;transform:translate(2px)}.dc-unit.olt{background:#3b9eff2e;border:1px solid rgba(59,158,255,.35);color:var(--blue)}.dc-unit.router{background:#8b5cf62e;border:1px solid rgba(139,92,246,.35);color:var(--purple)}.dc-unit.sw{background:#22d3ee2e;border:1px solid rgba(34,211,238,.35);color:var(--cyan)}.dc-unit.odf{background:#4a5f7826;border:1px solid rgba(74,95,120,.3);color:var(--muted2)}.dc-unit.ups{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:var(--orange)}.dc-unit.srv{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:var(--green)}.dc-unit.empty{background:#00000026;border:1px dashed var(--border);color:var(--border2);font-size:.54rem;justify-content:center}.dc-unit.sel{outline:2px solid var(--blue);outline-offset:1px}.dc-unit .du-lbl{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-unit .du-sz{font-size:.53rem;color:var(--muted);flex-shrink:0}.du-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.dc-info{flex:1;padding:1.2rem;overflow-y:auto}.dc-card{background:var(--surf1);border:1px solid var(--border2);border-radius:12px;overflow:hidden}.dc-card-head{padding:.85rem 1.1rem;border-bottom:1px solid var(--border);background:var(--surf2);display:flex;justify-content:space-between;align-items:flex-start}.dc-badge{font-family:JetBrains Mono,monospace;font-size:.55rem;padding:.18rem .46rem;border-radius:4px;display:inline-block;margin-top:.25rem;margin-right:.3rem}.dc-specs{display:grid;grid-template-columns:1fr 1fr;gap:.3rem .9rem;margin:.5rem 0 .9rem}.dc-spec-k{font-family:JetBrains Mono,monospace;font-size:.57rem;color:var(--muted)}.dc-spec-v{font-size:.68rem;color:var(--text)}.dc-inp,.dc-sel{background:var(--surf1);border:1px solid var(--border2);color:var(--text);border-radius:6px;padding:.4rem .6rem;font-size:.78rem;width:100%;font-family:Outfit,sans-serif}.dc-inp:focus,.dc-sel:focus{outline:none;border-color:var(--blue)}.dc-modal.wide{width:640px}.dc-row{display:flex;gap:.6rem;flex-wrap:wrap}.dc-fg{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.65rem;flex:1;min-width:140px}.dc-lbl{font-size:.63rem;color:var(--muted);font-family:JetBrains Mono,monospace}.marca-block{margin-bottom:.4rem}.marca-head{display:flex;align-items:center;justify-content:space-between;padding:.38rem .7rem;background:var(--surf2);border:1px solid var(--border);border-radius:7px;cursor:pointer;font-size:.76rem;font-weight:600;-webkit-user-select:none;user-select:none;transition:border-color .15s}.marca-head:hover{border-color:var(--blue)}.marca-head.open{border-color:var(--blue);border-radius:7px 7px 0 0}.marca-arrow{transition:transform .2s;font-size:.6rem;color:var(--muted)}.marca-head.open .marca-arrow{transform:rotate(90deg)}.marca-models{display:none;padding:.3rem;border:1px solid var(--border);border-top:none;border-radius:0 0 7px 7px;background:var(--surf1)}.marca-models.open{display:block}.modelo-row{display:flex;align-items:center;justify-content:space-between;padding:.35rem .6rem;border-radius:6px;cursor:pointer;font-size:.72rem;transition:background .15s}.modelo-row:hover{background:var(--surf2)}.modelo-row.on{background:#3b9eff1f;border:1px solid rgba(59,158,255,.3)}.modelo-row-sub{font-size:.6rem;color:var(--muted);margin-top:.06rem}.pt{width:100%;border-collapse:collapse;font-size:.72rem}.pt th{text-align:left;color:var(--muted);padding:.35rem .5rem;border-bottom:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:500}.pt td{padding:.35rem .5rem;border-bottom:1px solid rgba(255,255,255,.03)}.inp{width:100%;background:var(--surf2);border:1px solid var(--border2);border-radius:8px;color:var(--text);padding:.55rem .75rem;font-size:.78rem;font-family:Outfit,sans-serif;margin-bottom:.7rem;outline:none;transition:border-color .15s}.inp:focus{border-color:var(--blue)}.inp.inp-error{border-color:var(--red)}body.mapxius-guest-body{overflow:auto!important;display:block!important;height:auto!important;min-height:100vh}.login-wrap{flex-direction:column}@media(min-width:769px){.login-wrap{flex-direction:row!important}.login-brand{min-height:100vh;flex:1;min-width:0;display:flex!important}.login-form-area{min-height:100vh;flex:1;min-width:360px}}@media(max-width:768px){.login-brand{display:none!important}.login-mobile-logo{display:block!important}.login-form-area{align-items:center!important;justify-content:center!important;min-height:100vh}}@media(max-width:479px){.login-locale-name{display:none}}select.inp{cursor:pointer}textarea.inp{resize:vertical;min-height:62px;line-height:1.45}.inp-lbl{font-size:.68rem;color:var(--muted2);margin-bottom:.25rem}.modal-overlay{position:fixed;inset:0;background:#050a14bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--surf1);border:1px solid var(--border2);border-radius:14px;width:520px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #0009;transform:translateY(16px);transition:transform .2s;overflow:hidden}.modal-overlay.open .modal{transform:translateY(0)}.modal-head{padding:.9rem 1.2rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.modal-title{font-weight:700;font-size:.92rem}.modal-subtitle{font-size:.66rem;color:var(--muted);margin-top:.1rem;font-family:JetBrains Mono,monospace}.modal-close{width:28px;height:28px;border-radius:6px;background:var(--surf2);border:1px solid var(--border);color:var(--muted2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .15s}.modal-close:hover{background:var(--surf3);color:var(--text)}.modal-body{flex:1;overflow-y:auto;padding:.8rem 1.2rem;max-height:calc(88vh - 140px)}.modal-body::-webkit-scrollbar{width:3px}.modal-body::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.modal-foot{padding:.8rem 1.2rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:var(--surf2)}.modal-foot-left{font-size:.68rem;color:var(--muted);font-family:JetBrains Mono,monospace}.mbtn{padding:.52rem 1.1rem;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;font-family:Outfit,sans-serif;transition:all .15s;border:none}.mbtn-cancel{background:var(--surf3);color:var(--muted2);border:1px solid var(--border)}.mbtn-cancel:hover{color:var(--text)}.mbtn-save{background:var(--blue);color:#fff}.mbtn-save:hover{background:#2a8bef}.type-tabs{display:flex;gap:.4rem;padding:.9rem 1.2rem .4rem;flex-shrink:0;flex-wrap:wrap}.type-tab{display:flex;align-items:center;gap:.45rem;padding:.4rem .85rem;border-radius:8px;cursor:pointer;border:1px solid var(--border);background:var(--surf2);font-size:.74rem;font-weight:500;color:var(--muted2);transition:all .15s}.type-tab:hover{border-color:var(--border2);color:var(--text)}.type-tab.sel{border-color:var(--blue);background:var(--glow);color:var(--blue)}.tt-dot{width:8px;height:8px;border-radius:50%}.fsec{margin-bottom:1.1rem}.fsec-title{font-family:JetBrains Mono,monospace;font-size:.57rem;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:.6rem;display:flex;align-items:center;gap:.5rem}.fsec-title:after{content:"";flex:1;height:1px;background:var(--border)}.frow{display:grid;gap:.6rem;margin-bottom:.6rem}.frow.c2{grid-template-columns:1fr 1fr}.frow.c3{grid-template-columns:1fr 1fr 1fr}.fgroup{display:flex;flex-direction:column;gap:.25rem}.flabel{font-size:.67rem;color:var(--muted2);font-weight:500}.flabel .req{color:var(--red);margin-left:.2rem}.finput{background:var(--surf2);border:1px solid var(--border2);border-radius:7px;color:var(--text);padding:.5rem .7rem;font-size:.78rem;font-family:Outfit,sans-serif;outline:none;transition:border-color .15s;width:100%}.finput:focus{border-color:var(--blue);box-shadow:0 0 0 2px #3b9eff1f}.finput::placeholder{color:var(--muted)}select.finput{cursor:pointer}textarea.finput{resize:vertical;min-height:62px;line-height:1.45}.crd-row{display:grid;grid-template-columns:1fr 1fr auto;gap:.5rem;align-items:end}.crd-btn{height:35px;padding:0 .8rem;background:var(--surf3);border:1px solid var(--border2);border-radius:7px;color:var(--muted2);font-size:.7rem;cursor:pointer;white-space:nowrap;transition:all .15s;font-family:Outfit,sans-serif}.crd-btn:hover{border-color:var(--blue);color:var(--blue)}.photo-drop{border:2px dashed var(--border2);border-radius:8px;padding:1.1rem;text-align:center;cursor:pointer;transition:all .2s}.photo-drop:hover{border-color:var(--blue);background:var(--glow)}.info-chip{background:#3b9eff14;border:1px solid rgba(59,158,255,.2);border-radius:7px;padding:.5rem .7rem;font-size:.7rem;color:var(--muted2);display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.7rem}.field-specific{display:none}.field-specific.show{display:block}.photo-preview{display:none;margin-top:.6rem}.photo-preview img{width:100%;border-radius:7px;max-height:120px;object-fit:cover}.ruta-resumen{background:var(--surf2);border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:1rem}.rr-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem;margin-bottom:.8rem}.rr-card{background:var(--surf1);border:1px solid var(--border);border-radius:8px;padding:.65rem;text-align:center}.rr-card .rv{font-size:1.1rem;font-weight:800}.rr-card .rl{font-size:.58rem;color:var(--muted);font-family:JetBrains Mono,monospace;margin-top:.15rem}.rr-elems{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.rr-chip{background:var(--surf1);border:1px solid var(--border);border-radius:5px;padding:.2rem .5rem;font-size:.66rem;display:flex;align-items:center;gap:.3rem}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(80px);background:var(--surf2);border:1px solid var(--border2);border-radius:10px;padding:.65rem 1.1rem;font-size:.78rem;z-index:9999;display:flex;align-items:center;gap:.5rem;box-shadow:0 8px 32px #0006;transition:transform .3s;pointer-events:none}.toast.show{transform:translate(-50%) translateY(0)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--surf1)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}