:root{--st-red:#e10600;--st-red-light:#ff1f1f;--st-red-dark:#b80000;--st-red-dim:#e106001f;--st-red-glow:#e106004d;--st-cyan:#00bfff;--st-cyan-bright:#00e5ff;--st-cyan-dim:#00bfff1a;--st-bg:#050505;--st-bg-2:#08090b;--st-bg-3:#0d0f12;--st-card:#111317;--st-card-2:#15171b;--st-card-3:#181a1f;--st-border:#20232a;--st-border-2:#2b2f38;--st-border-lit:#e1060073;--st-border-top:#ffffff12;--st-ink:#eef0f4;--st-ink-2:#a9b0bd;--st-ink-3:#6b7380;--st-ok:#00d16a;--st-ok-dim:#00d16a1f;--st-warn:#ffa41b;--st-warn-dim:#ffa41b1f;--st-danger:#ff3b30;--st-danger-dim:#ff3b301f;--st-s1:#3987e5;--st-s2:#d95926;--st-s3:#199e70;--st-s4:#c98500;--st-s5:#d55181;--st-s6:#008300;--st-s7:#9085e9;--st-s8:#e66767;--st-r-xs:6px;--st-r-sm:10px;--st-r-md:14px;--st-r-lg:18px;--st-r-xl:24px;--st-shadow:0 18px 45px #0000008c;--st-shadow-lg:0 28px 70px #000000a6;--st-glow:0 0 24px var(--st-red-glow);--st-glow-cyan:0 0 22px #00bfff38;--st-inset:inset 0 1px 0 var(--st-border-top);--st-t-fast:.15s;--st-t:.25s;--st-t-slow:.35s;--st-ease:cubic-bezier(.22,.61,.36,1);--st-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--st-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}html,body{background:var(--st-bg);color:var(--st-ink);font-family:var(--st-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(1100px 520px at 50% -12%,#e106001a,#0000 62%),radial-gradient(760px 420px at 100% 100%,#00bfff0b,#0000 60%),linear-gradient(#ffffff04 1px,#0000 1px) 0 0/100% 44px,linear-gradient(90deg,#ffffff04 1px,#0000 1px) 0 0/44px 100%;position:fixed;inset:0}#root{z-index:1;position:relative}button{cursor:pointer;border:none;font-family:inherit}input,select,textarea{font-family:inherit}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--st-red-light);outline-offset:2px;border-radius:var(--st-r-xs)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--st-bg-2)}::-webkit-scrollbar-thumb{background:var(--st-border-2);border:2px solid var(--st-bg-2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#3a3f4a}@keyframes st-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes st-fade{0%{opacity:0}to{opacity:1}}@keyframes st-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes st-slide-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes st-slide-left{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes st-shimmer{0%{background-position:-460px 0}to{background-position:460px 0}}@keyframes st-sweep{0%{transform:translate(-120%)}to{transform:translate(220%)}}@keyframes st-pulse-soft{0%,to{opacity:.55}50%{opacity:1}}@keyframes st-ring{to{transform:rotate(360deg)}}@keyframes st-draw{0%{stroke-dashoffset:var(--st-dash)}to{stroke-dashoffset:0}}.st-in{animation:st-fade-up var(--st-t-slow) var(--st-ease) both}.st-fade{animation:st-fade var(--st-t) var(--st-ease) both}.st-scale-in{animation:st-scale-in var(--st-t) var(--st-ease) both}.su{animation:st-slide-up var(--st-t) var(--st-ease) both}.fi{animation:st-scale-in var(--st-t) var(--st-ease) both}.st-toast{animation:st-slide-left var(--st-t) var(--st-ease) both}.st-stagger>*{animation:st-fade-up var(--st-t-slow) var(--st-ease) both}.st-stagger>:first-child{animation-delay:0s}.st-stagger>:nth-child(2){animation-delay:55ms}.st-stagger>:nth-child(3){animation-delay:.11s}.st-stagger>:nth-child(4){animation-delay:.165s}.st-stagger>:nth-child(5){animation-delay:.22s}.st-stagger>:nth-child(6){animation-delay:.275s}.st-stagger>:nth-child(n+7){animation-delay:.32s}.st-hover{transition:transform var(--st-t) var(--st-ease),box-shadow var(--st-t) var(--st-ease),border-color var(--st-t) var(--st-ease)}@media (hover:hover){.st-hover:hover{border-color:var(--st-border-lit);box-shadow:var(--st-shadow-lg),var(--st-glow);transform:translateY(-4px)}.st-hover:hover .st-ico{transform:scale(1.08)translateY(-1px)}}.st-ico{transition:transform var(--st-t) var(--st-ease)}.st-press:active{transform:scale(.97)}.st-sweep{position:relative;overflow:hidden}.st-sweep:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff24,#0000);width:38%;position:absolute;top:0;bottom:0;left:0;transform:translate(-120%)}@media (hover:hover){.st-sweep:hover:after{animation:st-sweep .72s var(--st-ease)}}.st-clip{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.st-topline{position:relative}.st-topline:before{content:"";background:linear-gradient(90deg,transparent,var(--st-red),transparent);opacity:.5;height:1px;position:absolute;top:0;left:14px;right:14px}.st-skeleton{background:linear-gradient(90deg,var(--st-card) 25%,var(--st-card-3) 50%,var(--st-card) 75%);border-radius:var(--st-r-sm);background-size:460px 100%;animation:1.25s linear infinite st-shimmer}.st-breathe{animation:st-pulse-soft 2.8s var(--st-ease) infinite}.st-num{font-variant-numeric:tabular-nums;letter-spacing:-.02em}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.st-hover:hover{transform:none}body:before{background:radial-gradient(1100px 520px at 50% -12%,#e1060014,#0000 62%)}}@media (hover:hover){.st-trow:hover{background:#ffffff09}.st-navitem:hover{color:var(--st-ink);background:#ffffff0b}.st-navitem:hover .st-navico{transform:translate(3px)}.st-navitem:hover .st-nav-lucide{transform:translateY(-2px)scale(1.08)}.st-notif:hover{background:#ffffff0a}}.st-nav-lucide{transition:transform .2s var(--st-ease),filter .2s var(--st-ease),color .2s var(--st-ease)}.st-navitem[style*="225,6,0"] .st-nav-lucide{filter:drop-shadow(0 0 8px #e10600a6)}@media (hover:hover){.st-mov:hover{background:#ffffff09}.st-mov:hover .st-mov-txt{transform:translate(2px)}}.st-mov-txt{transition:transform .18s var(--st-ease)}.st-login-screen{background:radial-gradient(900px 520px at 18% 14%,#e106002e,#0000 62%),radial-gradient(700px 420px at 86% 82%,#00bfff1a,#0000 60%),linear-gradient(135deg,#020203 0%,#07080b 48%,#0b0506 100%);place-items:center;min-height:100vh;padding:clamp(18px,4vw,54px);display:grid;position:relative;overflow:hidden}.st-login-bg{pointer-events:none;contain:layout paint;position:absolute;inset:0;overflow:hidden}.st-fiber-grid{opacity:.42;transform-origin:top;background:linear-gradient(#ffffff09 1px,#0000 1px) 0 0/58px 58px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/58px 58px,linear-gradient(115deg,#0000 0 47%,#e1060038 49%,#0000 51% 100%) 0 0/360px 360px,linear-gradient(64deg,#0000 0 48%,#00bfff21 50%,#0000 52% 100%) 0 0/440px 440px;animation:54s linear infinite st-grid-drift;position:absolute;inset:-16%;transform:perspective(900px)rotateX(58deg)translateY(-18%)}.st-scanline{filter:blur(1px);height:220px;animation:st-scan 16s var(--st-ease) infinite;background:linear-gradient(#0000,#e106001a,#00bfff0d,#0000);position:absolute;top:0;left:-20%;right:-20%}.st-orbit{border:1px solid #ffffff14;border-radius:50%;position:absolute;box-shadow:0 0 80px #e1060014,inset 0 0 40px #00bfff0a}.st-orbit-a{width:560px;height:560px;animation:96s linear infinite st-ring;top:-160px;right:-180px}.st-orbit-b{width:420px;height:420px;animation:120s linear infinite reverse st-ring;bottom:-130px;left:-130px}.st-node{background:var(--st-red-light);width:8px;height:8px;box-shadow:0 0 18px var(--st-red-light),0 0 46px #e1060059;animation:st-node-pulse 4.8s var(--st-ease) infinite;border-radius:50%;position:absolute}.st-node-1{animation-delay:.1s;top:22%;left:12%}.st-node-2{animation-delay:.6s;top:66%;left:22%}.st-node-3{animation-delay:1s;top:34%;left:38%}.st-node-4{animation-delay:.3s;top:76%;left:54%}.st-node-5{animation-delay:1.2s;top:18%;left:68%}.st-node-6{animation-delay:.8s;top:58%;left:82%}.st-login-hero{z-index:1;grid-template-columns:minmax(0,1.16fr) minmax(380px,.84fr);align-items:center;gap:clamp(24px,4vw,58px);width:min(1180px,100%);display:grid;position:relative}.st-login-intel{min-width:0;animation:st-fade-up .52s var(--st-ease) both}.st-login-brand{align-items:center;gap:16px;margin-bottom:46px;display:flex}.st-login-brand img{object-fit:contain;filter:drop-shadow(0 0 22px #e1060070);width:148px;max-height:78px}.st-login-brand span{color:#fff;letter-spacing:-.04em;font-size:28px;font-weight:900;line-height:1;display:block}.st-login-brand small{color:var(--st-ink-3);letter-spacing:.2em;text-transform:uppercase;margin-top:7px;font-size:11px;display:block}.st-login-headline h1{color:#fff;letter-spacing:-.07em;text-wrap:balance;max-width:700px;margin:0;font-size:clamp(42px,5vw,76px);font-weight:950;line-height:.92}.st-login-headline p{max-width:610px;color:var(--st-ink-2);margin:22px 0 0;font-size:16px;line-height:1.75}.st-network-panel{width:min(560px,100%);height:250px;box-shadow:var(--st-shadow),inset 0 1px 0 #ffffff12;background:linear-gradient(#ffffff0b,#ffffff03);border:1px solid #ffffff14;border-radius:24px;margin-top:40px;position:relative;overflow:hidden}.st-network-panel:before{content:"";opacity:.75;background:linear-gradient(90deg,#0000 0 12%,#e106004d 12.2%,#0000 12.5% 100%),radial-gradient(circle,#00bfff1c,#0000 38%);position:absolute;inset:0}.st-network-core{color:#fff;width:112px;height:112px;animation:st-core-breathe 3.8s var(--st-ease) infinite;background:radial-gradient(circle,#e1060047,#ffffff0a 60%,#0000);border:1px solid #e1060073;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 36px #e1060052}.st-network-core span{letter-spacing:.16em;text-transform:uppercase;color:var(--st-ink-2);font-size:12px;font-weight:900}.st-network-chip{border:1px solid color-mix(in srgb,var(--chip) 42%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--chip);box-shadow:0 0 22px color-mix(in srgb,var(--chip) 18%,transparent);animation:st-float 7.5s var(--st-ease) infinite;background:#05050599;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:absolute}.st-network-chip strong{color:#fff;font-size:13px;display:block}.st-network-chip small{color:var(--st-ink-3);text-transform:uppercase;letter-spacing:.08em;font-size:10px;display:block}.st-chip-1{top:32px;left:34px}.st-chip-2{animation-delay:.7s;top:50px;right:34px}.st-chip-3{animation-delay:1.2s;bottom:34px;left:56px}.st-login-card{isolation:isolate;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:st-scale-in .42s var(--st-ease) both;background:linear-gradient(#15171beb,#08090be0);border:1px solid #ffffff24;border-radius:28px;padding:clamp(24px,4vw,34px);position:relative;overflow:hidden;box-shadow:0 34px 95px #000000b8,0 0 46px #e1060029,inset 0 1px #ffffff17}.st-login-card:before{content:"";border-radius:inherit;pointer-events:none;opacity:.45;background:linear-gradient(135deg,#e1060052,#00bfff1f,#0000 42%);position:absolute;inset:0}.st-login-card-glow{filter:blur(52px);z-index:-1;background:#e1060038;border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-90px}.st-login-card-head{z-index:1;align-items:center;gap:14px;margin-bottom:26px;display:flex;position:relative}.st-login-emblem{background:linear-gradient(135deg,var(--st-red),var(--st-red-dark));color:#fff;border-radius:18px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 0 30px #e1060066}.st-login-card h2{color:#fff;letter-spacing:-.04em;margin:0;font-size:23px;font-weight:900}.st-login-card p{color:var(--st-ink-3);margin:5px 0 0;font-size:13px}.st-login-form{z-index:1;flex-direction:column;gap:10px;display:flex;position:relative}.st-login-label{letter-spacing:.14em;text-transform:uppercase;color:var(--st-ink-3);margin-top:3px;font-size:10px;font-weight:900}.st-login-field{height:50px;transition:border-color var(--st-t),box-shadow var(--st-t),transform var(--st-t);background:#00000047;border:1px solid #ffffff21;border-radius:15px;align-items:center;gap:11px;padding:0 13px;display:flex;box-shadow:inset 0 1px #ffffff0a}.st-login-field:focus-within{border-color:#e10600b3;transform:translateY(-1px);box-shadow:0 0 0 3px #e1060021,0 0 26px #e1060029}.st-login-field svg{color:var(--st-red-light);filter:drop-shadow(0 0 9px #e1060061);flex:none}.st-login-field input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px}.st-login-field button{width:34px;height:34px;color:var(--st-ink-2);background:#ffffff0a;border:1px solid #ffffff14;border-radius:11px;place-items:center;display:grid}.st-login-error{color:#ff817a;background:#ff3b301f;border:1px solid #ff3b3057;border-radius:13px;align-items:center;gap:8px;margin-top:4px;padding:11px 13px;font-size:12.5px;display:flex}.st-login-submit{background:linear-gradient(135deg,var(--st-red),var(--st-red-light));color:#fff;letter-spacing:.02em;height:52px;transition:transform var(--st-t),box-shadow var(--st-t),filter var(--st-t);border:1px solid #ffffff1f;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-top:8px;font-weight:900;display:flex;box-shadow:0 16px 34px #e106004d,inset 0 1px #ffffff2e}@media (hover:hover){.st-login-submit:hover{filter:saturate(1.12);transform:translateY(-2px);box-shadow:0 20px 48px #e106006b}}.st-login-spinner{border:2px solid #ffffff52;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite st-ring}.st-login-modules{z-index:1;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:22px;display:grid;position:relative}.st-login-module{color:var(--st-ink-2);animation:st-fade-up .42s var(--st-ease) both;background:#ffffff09;border:1px solid #ffffff14;border-radius:13px;align-items:center;gap:8px;padding:10px 11px;font-size:11.5px;font-weight:700;display:flex}.st-login-module svg{color:var(--st-cyan-bright);filter:drop-shadow(0 0 9px #00bfff52)}.st-login-footer{z-index:1;color:var(--st-ink-3);border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:7px;margin-top:20px;padding-top:16px;font-size:11px;display:flex;position:relative}@keyframes st-grid-drift{to{background-position:0 58px,58px 0,360px 360px,-440px 440px}}@keyframes st-scan{0%{opacity:0;transform:translateY(-260px)}18%{opacity:.9}70%{opacity:.35}to{opacity:0;transform:translateY(calc(100vh + 260px))}}@keyframes st-node-pulse{0%,to{opacity:.5;transform:scale(.82)}50%{opacity:1;transform:scale(1.42)}}@keyframes st-core-breathe{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 36px #e1060047}50%{transform:translate(-50%,-50%)scale(1.04);box-shadow:0 0 58px #e1060070}}@keyframes st-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=880px){.st-login-hero{grid-template-columns:1fr}.st-login-card{width:min(440px,100%);margin:0 auto}}@media (width<=520px){.st-login-screen{padding:16px}.st-fiber-grid{opacity:.28;animation:none}.st-orbit{display:none}.st-scanline{opacity:.24;animation:none}.st-login-card{border-radius:22px;padding:22px 18px}.st-login-modules{grid-template-columns:1fr}}.stocktel-olt-target{--line:#24364d;--text:#e8f0ff;--blue:#168df4;--green:#46d483;color:var(--text);font-family:Inter,system-ui,sans-serif}.olt-shell{background:radial-gradient(circle at 70% -20%,#173354 0,#0000 36%),#07111c;border:1px solid #1e3047;border-radius:14px;overflow:hidden}.olt-topbar{border-bottom:1px solid var(--line);background:#0b1724;align-items:center;gap:28px;height:56px;padding:0 22px;display:flex}.olt-brand{font-size:19px;font-weight:900}.olt-brand b{color:#35a2ff}.olt-crumb{color:#9eb0c8;font-size:12px}.olt-search{color:#8295ae;background:#142236;border:1px solid #2a3d55;border-radius:6px;width:270px;margin-left:auto;padding:9px 12px}.olt-heading{justify-content:space-between;gap:20px;display:flex}.olt-title h2{margin:0;font-size:28px}.olt-title p{color:#aab8ca;margin:7px 0;font-size:13px}.olt-badge{color:#5be59a;vertical-align:middle;background:#0b5737;border-radius:6px;margin-left:10px;padding:5px 10px;font-size:11px}.olt-kpis{grid-template-columns:repeat(4,130px);gap:9px;display:grid}.olt-kpi,.olt-card{border:1px solid var(--line);background:linear-gradient(145deg,#111f30,#0b1724);border-radius:7px;padding:12px}.olt-kpi small,.metric small{color:#9aabc1;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.olt-kpi strong{margin-top:5px;font-size:18px;display:block}.olt-bar{background:#223249;border-radius:9px;height:5px;margin-top:8px}.olt-bar i{background:#46d483;height:100%;display:block}.olt-tabs{border:1px solid var(--line);background:#0c1825;margin-top:16px;display:flex;overflow:auto}.olt-tabs button{color:#aab8ca;white-space:nowrap;background:0 0;border:0;border-right:1px solid #1e3044;padding:12px 26px}.olt-tabs button.active{color:#fff;background:#168df4}.olt-section-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.olt-section-head h3{margin:0;font-size:18px}.olt-section-head p{color:#91a2ba;margin:3px 0;font-size:11px}.olt-legend{color:#a8b7ca;gap:18px;font-size:10px;display:flex}.dot{border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.green{background:#46d483}.amber{background:#ffc43d}.red{background:#ff5959}.gray{background:#8ca0b8}.chassis-wrap{padding-bottom:45px;overflow-x:auto}.chassis{background:linear-gradient(#39495e,#1a2738);border:2px solid #516177;gap:4px;min-width:980px;height:150px;padding:9px;display:flex;box-shadow:inset 0 0 0 5px #263548}.chassis-logo{color:#8ac8ff;border-right:1px solid #172334;flex-direction:column;justify-content:center;align-items:center;width:95px;font-style:italic;font-weight:900;display:flex}.chassis-logo small{color:#d2dbea;margin-top:8px;font-style:normal}.slot{color:#eff6ff;background:linear-gradient(90deg,#27364a,#3d4c61 52%,#26354a);border:1px solid #152131;width:84px;padding:8px;position:relative;box-shadow:inset 0 0 0 3px #4c5c70}.slot.selected{outline-offset:-2px;outline:3px solid #168df4}.slot strong,.slot em{text-align:center;width:100%;position:absolute;left:0}.slot em{color:#aebcd0;font-size:9px;font-style:normal;bottom:-38px}.slot-led{background:#46d483;border-radius:50%;width:8px;height:8px;margin:2px auto 8px;display:block;box-shadow:0 0 9px #46d483}.port-stack{grid-template-columns:repeat(2,1fr);gap:3px;display:grid}.port-stack i{background:#45d082;border:1px solid #0a5033;height:8px}.slot.uplink .port-stack{grid-template-columns:1fr}.slot.uplink .port-stack i{background:#182536;border:2px solid #07101b;height:16px}.power-unit{flex:1;gap:10px;padding:12px;display:flex}.power-jacks i{background:#09121d;border:3px solid #26374c;width:32px;height:31px;margin-bottom:6px;display:block}.power-grille{background:repeating-linear-gradient(#111b28 0 5px,#3c4c5e 6px 9px);border:4px solid #263548;flex:1;height:110px}.content-grid{grid-template-columns:minmax(0,1fr) 285px;gap:12px;margin-top:13px;display:grid}.pon-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;display:grid}.pon{color:#e6eefb;text-align:center;background:#0c1927;border:1px solid #23364c;border-radius:6px;padding:10px 4px}.pon.selected{border:2px solid #168df4}.pon b{margin:5px;display:block}.pon small{color:#b0bed0}.summary-table{border-collapse:collapse;width:100%;font-size:11px}.summary-table td:last-child{text-align:right;font-weight:800}.detail-grid,.events{grid-template-columns:1.1fr .9fr;gap:12px;margin-top:12px;display:grid}.metric-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.metric{background:#111f2e;border:1px solid #263a51;border-radius:6px;padding:10px}.metric strong{margin-top:5px;display:block}.positive{color:#46d483}.optical-btn{color:#fff;background:#0c65b9;border:1px solid #168df4;border-radius:6px;width:100%;margin-top:9px;padding:9px;font-weight:800}.empty{color:#8295ad;text-align:center;place-items:center;min-height:150px;display:grid}.notice{color:#8ed1ff;background:#0c2438;border:1px solid #315271;margin-top:12px;padding:9px}.uplinks{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.uplink-card{text-align:left;color:#fff;background:#0b1826;border:1px solid #2c415b;padding:12px}.uplink-card div{color:#9eb0c7;font-size:10px;line-height:1.65}.muted{color:#91a2ba}@media (width<=900px){.olt-search{display:none}.olt-page{padding:14px}.olt-heading{display:block}.olt-kpis{grid-template-columns:repeat(2,1fr);margin-top:14px}.content-grid,.detail-grid,.events{grid-template-columns:1fr}.pon-grid{grid-template-columns:repeat(4,1fr)}.uplinks{grid-template-columns:1fr}}.stocktel-olt-target{letter-spacing:-.01em;width:100%;font-size:14px}.olt-shell{background:radial-gradient(circle at 75% -12%,#17304b 0,#0000 34%),#07121d;border-radius:8px;width:100%;min-height:calc(100vh - 32px)}.olt-topbar{background:linear-gradient(#111f2e,#0b1723);height:64px;padding:0 24px;box-shadow:0 1px #263a50}.olt-brand{font-size:21px}.olt-crumb{font-size:13px;font-weight:700}.olt-search{box-sizing:border-box;width:min(360px,28vw);height:38px}.olt-topbar select{color:#e7eef9;background:#132235;border:1px solid #2c415b;border-radius:5px;height:38px;padding:0 12px}.olt-page{padding:20px 24px 26px}.olt-heading{align-items:flex-start;min-height:78px}.olt-title h2{font-size:29px;line-height:1}.olt-title p{margin:8px 0 0;font-size:14px}.olt-title .muted{font-size:12px}.olt-kpis{grid-template-columns:repeat(4,minmax(138px,1fr));gap:10px}.olt-kpi{box-sizing:border-box;min-height:74px;padding:13px 14px}.olt-kpi small{font-size:10px}.olt-kpi strong{font-size:20px}.olt-bar{height:6px}.olt-tabs{border-radius:6px;height:46px}.olt-tabs button{flex:1;padding:0 18px;font-size:12px;font-weight:700}.olt-tabs button.active{box-shadow:inset 0 -2px #5bb7ff}.olt-card{background:linear-gradient(145deg,#101e2c,#0a1622);border-color:#263a50;box-shadow:inset 0 1px #ffffff06}.olt-section{margin-top:14px}.olt-section-head{min-height:42px}.olt-section-head h3,.olt-card>h3{font-size:17px}.olt-section-head p{font-size:12px}.olt-legend{gap:22px;font-size:11px}.dot{width:11px;height:11px}.blue{background:#3aa3ff}.chassis-wrap{padding:2px 8px 54px}.chassis{background:linear-gradient(#536276 0,#334256 8%,#263548 50%,#1b2939 100%);border:3px solid #52637a;border-radius:3px;gap:5px;min-width:1120px;height:190px;padding:10px 12px;position:relative;box-shadow:inset 0 0 0 5px #192638,inset 0 8px 18px #ffffff10,0 7px 16px #0008}.chassis:before,.chassis:after{content:"";opacity:.75;background:repeating-linear-gradient(90deg,#142031 0 18px,#718096 19px 21px);height:5px;position:absolute;left:8px;right:8px}.chassis:before{top:5px}.chassis:after{bottom:5px}.chassis-logo{text-shadow:0 1px #fff4;z-index:1;background:linear-gradient(90deg,#33455a,#263649);border:1px solid #172334;width:112px;font-size:20px;box-shadow:inset 0 0 0 3px #405168}.chassis-logo small{font-size:12px}.slot{z-index:1;background:linear-gradient(90deg,#1e2c3e 0,#455469 10%,#2b3a4e 20%,#37475c 82%,#172538 100%);border:2px solid #172233;border-radius:2px;width:105px;margin:5px 0;box-shadow:inset 0 0 0 3px #536278,inset 0 0 20px #0005,2px 0 2px #0008}.slot:before{content:"";background:repeating-linear-gradient(#728198 0 2px,#182536 3px 8px);border-radius:2px;width:10px;position:absolute;top:10px;bottom:10px;left:8px}.slot.selected{outline:3px solid #149bff;box-shadow:inset 0 0 0 3px #4d6179,0 0 0 1px #46b5ff,0 0 12px #0a8fff55}.slot-led{width:9px;height:9px;position:absolute;top:10px;right:10px}.port-stack{flex-direction:column;justify-content:center;gap:5px;display:flex;position:absolute;inset:30px 16px 19px 30px}.port-stack i{background:linear-gradient(90deg,#0d241b,#40d47f 25%,#58e692 70%,#123226);border:1px solid #081b12;height:10px;box-shadow:inset 0 0 0 1px #72f1a055}.slot.uplink .port-stack{grid-template-columns:repeat(2,1fr);display:grid;top:38px;bottom:30px}.slot.uplink .port-stack i{background:linear-gradient(#101b28,#060c13);border:2px solid #607087;height:auto;box-shadow:inset 0 0 0 3px #152538}.slot strong{font-size:11px;bottom:-31px}.slot em{font-size:10px;bottom:-46px}.power-unit{z-index:1;background:linear-gradient(90deg,#37465a,#273648);border:2px solid #172435;align-items:center;min-width:190px;margin:5px 0;box-shadow:inset 0 0 0 3px #526177}.power-jacks i{width:38px;height:36px}.power-grille{background:repeating-linear-gradient(#0d1723 0 6px,#45566b 7px 10px);border-color:#1a2738;height:132px}.content-grid{grid-template-columns:minmax(0,1fr) 310px;gap:14px}.content-grid>.olt-card{min-height:218px}.pon-grid{gap:8px}.pon{border-radius:6px;min-height:78px;font-size:12px}.pon b{font-size:16px}.pon small{font-size:11px}.pon.selected{box-shadow:inset 0 0 0 1px #168df4,0 0 10px #168df425}.summary-table{font-size:12px}.summary-table td{padding:5px 8px}.summary-table tr:nth-child(odd){background:#142335}.detail-grid{grid-template-columns:minmax(520px,.95fr) minmax(520px,1.05fr);gap:14px}.detail-grid>.olt-card{min-height:355px}.detail-breadcrumb{color:#8194ad;margin:-7px 0 13px;font-size:11px}.detail-breadcrumb b{color:#4b6583;margin:0 5px}.pon-detail-table{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{box-sizing:border-box;min-height:49px;padding:9px 11px}.metric small{font-size:9px}.metric strong{font-size:14px}.laser-status{background:#112132;border:1px solid #2a4058;border-radius:6px;align-items:center;gap:11px;margin-top:10px;padding:11px;display:flex}.laser-icon{color:#062213;background:#47d681;border-radius:50%;place-items:center;width:30px;height:30px;font-size:18px;font-weight:900;display:grid}.laser-status small{color:#91a4bb;text-transform:uppercase;font-size:9px;display:block}.laser-status strong{color:#55db8d;margin-top:2px;display:block}.laser-status p{color:#91a4bb;margin:2px 0 0;font-size:10px}.range-tabs{justify-content:flex-end;gap:5px;margin-top:-32px;margin-bottom:12px;display:flex}.range-tabs button{color:#c1cee0;background:#122131;border:1px solid #2c4058;border-radius:4px;padding:7px 13px}.range-tabs button:first-child{color:#fff;background:#168df4}.power-chart{background:repeating-linear-gradient(0deg,#0000 0 48px,#203247 49px 50px),repeating-linear-gradient(90deg,#0000 0 92px,#203247 93px 94px);border-bottom:1px solid #51657c;border-left:1px solid #51657c;height:250px;margin:4px 4px 0 40px;position:relative}.power-chart svg{width:100%;height:215px}.axis-labels{color:#91a4bb;flex-direction:column;justify-content:space-between;font-size:9px;display:flex;position:absolute;top:8px;bottom:43px;right:calc(100% + 8px)}.chart-legend{color:#aab9cb;justify-content:center;gap:30px;font-size:10px;display:flex}.chart-empty{color:#8295ad;background:repeating-linear-gradient(0deg,#0000 0 48px,#203247 49px 50px),repeating-linear-gradient(90deg,#0000 0 92px,#203247 93px 94px);border-bottom:1px solid #51657c;border-left:1px solid #51657c;place-items:center;height:240px;margin-top:20px;display:grid}.events{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.events>.olt-card{min-height:175px}.event-table{border-collapse:collapse;width:100%;font-size:11px}.event-table th{text-align:left;color:#aab8ca;background:#142438;border-bottom:1px solid #30445c;padding:9px}.event-table td{text-align:center;color:#8396ae;padding:26px 9px}.events p{color:#9cadc1;grid-template-columns:14px 78px 1fr;align-items:start;gap:8px;font-size:11px;display:grid}.uplinks{grid-template-columns:repeat(4,minmax(0,1fr))}.uplink-card{border-radius:6px;min-height:215px}.uplink-card b{font-size:14px}.uplink-card div{margin-top:10px;font-size:11px}.notice{border-radius:6px}.optical-btn{min-height:38px}@media (width>=1700px){.olt-page{padding-left:28px;padding-right:28px}.chassis{min-width:1250px}.slot{width:116px}.pon{min-height:84px}}@media (width<=1100px){.olt-kpis{grid-template-columns:repeat(2,minmax(140px,1fr))}.detail-grid{grid-template-columns:1fr}.range-tabs{justify-content:flex-start;margin-top:0}.content-grid{grid-template-columns:1fr}.uplinks{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.olt-topbar{flex-wrap:wrap;height:auto;min-height:58px;padding:10px 12px}.olt-brand{font-size:18px}.olt-crumb{order:3;width:100%}.olt-page{padding:12px}.olt-kpis{grid-template-columns:repeat(2,1fr)}.olt-title h2{font-size:24px}.pon-grid{grid-template-columns:repeat(4,1fr)}.pon{min-height:72px}.events,.uplinks{grid-template-columns:1fr}}.chassis-logo img{object-fit:contain;filter:drop-shadow(0 1px 1px #00000073);width:92px;max-height:40px;display:block}.detail-grid .olt-card>h3{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;line-height:1.3;display:flex}.detail-breadcrumb{margin:0 0 16px;line-height:1.5}.detail-grid .olt-card>h4{margin:20px 0 10px;line-height:1.35}.pon-detail-table{margin-bottom:4px}.olt-page-tools{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:12px;display:flex}.olt-page-tools .olt-search{width:min(360px,100%)}.olt-page-tools select{color:#e8f2ff;background:#0d1c2d;border:1px solid #29415f;border-radius:6px;min-height:38px;padding:0 12px}.tab-functional-panel{min-height:320px}.tab-panel-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.tab-panel-head p{color:#86a2c2;margin:4px 0 0;font-size:12px}.tab-empty-state{color:#7690ad;text-align:center;background:#08162659;border:1px dashed #29415f;border-radius:8px;place-items:center;min-height:180px;padding:24px;display:grid}.tab-range-tabs{justify-content:flex-start;margin-bottom:14px}.range-tabs button.active{color:#fff;background:#168cff;border-color:#168cff}.graph-summary-grid,.alarm-summary-grid,.config-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.config-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.config-actions{justify-content:flex-end;margin-top:16px;display:flex}.config-actions .optical-btn{width:auto;min-width:230px}.olt-table-scroll{border:1px solid #263c58;border-radius:8px;width:100%;overflow-x:auto}.olt-functional-table{border-collapse:collapse;width:100%;min-width:760px;font-size:12px}.olt-functional-table th{text-align:left;color:#a8bdd4;background:#14263a;border-bottom:1px solid #304861;padding:10px 12px}.olt-functional-table td{color:#d6e4f3;border-bottom:1px solid #1c3046;padding:9px 12px}.olt-functional-table tbody tr:last-child td{border-bottom:0}.olt-functional-table tbody tr:hover td{background:#2474b814}@media (width<=900px){.olt-page-tools{flex-direction:column;align-items:stretch}.olt-page-tools .olt-search{width:100%}.graph-summary-grid,.alarm-summary-grid,.config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tab-panel-head{flex-direction:column}}@media (width<=560px){.graph-summary-grid,.alarm-summary-grid,.config-grid{grid-template-columns:1fr}}.olt-close-button{color:#a9bdd3;cursor:pointer;background:#101c2b;border:1px solid #344a64;border-radius:8px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:25px;font-weight:400;line-height:1;transition:background .15s,border-color .15s,color .15s;display:grid}.olt-close-button:hover{color:#fff;background:#ef44442e;border-color:#ef4444b3}.olt-close-button:focus-visible{outline-offset:2px;outline:2px solid #2196f3}.olt-close-button:disabled{cursor:not-allowed;opacity:.45}@media (width<=900px){.olt-close-button{align-self:flex-end}}