.vendorShell{--v-ink:#e8eef8;--v-muted:#8797af;--v-blue:#4c8dff;background:radial-gradient(circle at 88% 2%,#4c8dff1a,#0000 28rem),linear-gradient(145deg,#f4f6f9,#e9eef5);min-height:100vh}.vendorShell .side{width:276px;color:var(--v-ink);background:radial-gradient(circle at 15% -5%,#3776ff40,#0000 18rem),linear-gradient(#101a2c,#0b1322 58%,#08101d);border-right:1px solid #809eca21;padding:23px 17px 19px;box-shadow:18px 0 50px #050e1d29}.vendorShell .main{margin-left:276px}.vendorShell .logo{border-bottom:1px solid #93aacf1f;padding:3px 7px 20px}.vendorShell .logo>span{background:linear-gradient(145deg,#377cf5,#6256df);box-shadow:0 10px 28px #3570f052}.vendorShell .logo b{color:#f8fbff;letter-spacing:2.3px}.vendorShell .logo small{color:#7285a2;letter-spacing:1.35px}.vendorShell .workspaceCard{background:linear-gradient(135deg,#385b9147,#15223785);border:1px solid #819eca26;border-radius:15px;margin:17px 0 18px;padding:13px;box-shadow:inset 0 1px #ffffff09,0 12px 26px #0000001f}.vendorShell .workspaceCard>span{color:#fff;background:linear-gradient(135deg,#347bf2,#7359df);box-shadow:0 7px 18px #316fe745}.vendorShell .workspaceCard b{color:#f0f5fd}.vendorShell .workspaceCard small{color:#8495ad}.vendorShell .mainNav{gap:5px}.vendorShell .mainNav button{color:#8797af;background:0 0;border:1px solid #0000;border-radius:12px;min-height:45px;padding:7px 9px;transition:all .18s}.vendorShell .mainNav button:hover:not(:disabled){color:#e9f1fc;background:#698bc01a;transform:translate(2px)}.vendorShell .mainNav button>i{color:#9fb2ce;background:#6988b714;border:1px solid #88a3cc21;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:14px;font-style:normal;display:grid}.vendorShell .mainNav button.selected{color:#fff;background:linear-gradient(100deg,#3270e138,#2c436c30);border-color:#578ff23d;box-shadow:inset 3px 0 #4c8dff,0 8px 22px #00000021}.vendorShell .mainNav button.selected>i{color:#fff;background:linear-gradient(145deg,#347bf2,#5368e9);border-color:#629eff6b;box-shadow:0 7px 17px #2a69e14d}.vendorShell .mainNav button.planLocked{opacity:.43}.vendorShell .mainNav button em{color:#fff;background:#e94f65;border:2px solid #101a2c}.vendorShell .agentState{color:#dfeeea;background:linear-gradient(135deg,#1763533d,#10202c66);border:1px solid #36ccab2e;border-radius:14px;margin-top:auto}.vendorShell .agentState small{color:#718c8a}.vendorShell .liveDot{background:#2fd6a1;box-shadow:0 0 0 5px #2fd6a11a,0 0 15px #2fd6a161}.vendorShell .main header{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background:#f4f7fbd1;border-bottom:1px solid #c3cedeb8;height:72px;padding:0 33px;box-shadow:0 4px 24px #1e304b09}.vendorShell .search{color:#7c8ca3;background:#fff;border:1px solid #d8e0eb;border-radius:11px;min-width:310px;padding:8px 12px;box-shadow:0 5px 16px #22344e0a}.vendorShell .search input{color:#19283d}.vendorShell .liveStatus{color:#17805f;background:#effaf6;border:1px solid #cce9df;border-radius:999px;padding:8px 12px;font-weight:750}.vendorShell .content{max-width:1540px;padding:30px 34px 48px}.vendorShell .titleRow{margin-bottom:22px}.vendorShell .titleRow small{color:#5071a9;letter-spacing:1.35px;font-weight:800}.vendorShell .titleRow h1{color:#142238;letter-spacing:-.75px;margin:6px 0 5px;font-size:28px}.vendorShell .titleRow p{color:#7b899d}.vendorShell .metrics{gap:15px}.vendorShell .metric{background:linear-gradient(150deg,#fff,#f8fafc);border:1px solid #dae2ed;border-radius:18px;min-height:138px;padding:21px;box-shadow:0 14px 38px #1a2d4913}.vendorShell .metric:before{background:linear-gradient(90deg,#3f82f5,#6d5ee7);width:100%;height:3px;inset:0 0 auto}.vendorShell .metric:after{background:radial-gradient(circle,#4a89f724,#0000 68%);width:96px;height:96px;top:-37px;right:-31px}.vendorShell .metric small{color:#7e8ba0;letter-spacing:1px;font-size:10px;font-weight:800}.vendorShell .metric b{color:#14243a;margin-top:13px;font-size:34px}.vendorShell .metric p{color:#8995a7;margin-top:7px}.vendorShell .panel,.vendorShell .deviceHero{background:#ffffffeb;border:1px solid #d9e2ed;border-radius:19px;box-shadow:0 16px 44px #172a4513}.vendorShell .panelHeader{border-bottom-color:#e7ecf3}.vendorShell .panelHeader h2{color:#18283e}.vendorShell .table{border-color:#dfe6ef;border-radius:14px}.vendorShell .tableHead{color:#718096;background:#f3f6fa}.vendorShell .deviceRow:hover,.vendorShell .interfaceRow:hover{background:#f1f6fd;box-shadow:inset 3px 0 #4785ee}.vendorShell .primary{background:linear-gradient(135deg,#347df1,#5c62e8);border-color:#3478ed;box-shadow:0 8px 20px #3169dc33}.vendorShell .primary:hover{transform:translateY(-1px);box-shadow:0 11px 25px #3169dc47}.vendorShell .secondary{color:#42536b;background:#fff;border-color:#d5deea}.vendorShell .badge.online{color:#14815f;background:#e8f8f2}.vendorShell .badge.offline{color:#c34a5c;background:#fff0f2}.vendorShell .renewalNotice{background:linear-gradient(110deg,#fff,#edf4ff);border-color:#d6e2f3;box-shadow:0 10px 30px #223d670f}@media (width<=700px){.vendorShell .side{width:100%;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#0a1321f7;border-top:1px solid #7c97be33;box-shadow:0 -12px 32px #050d1b38}.vendorShell .main{margin-left:0;padding-bottom:86px}.vendorShell .mainNav button{color:#8495ae;min-height:53px;padding:5px 3px}.vendorShell .mainNav button:hover:not(:disabled){transform:none}.vendorShell .mainNav button>i{background:0 0;border:0;flex-basis:27px;width:27px;height:27px}.vendorShell .mainNav button.selected{box-shadow:none;color:#fff;background:#3e7cea29;border-color:#0000}.vendorShell .mainNav button.selected>i{box-shadow:none;color:#6ea4ff;background:0 0}.vendorShell .main header{height:59px;padding:0 14px}.vendorShell .search{min-width:0;box-shadow:none;background:0 0;border:0;padding:4px}.vendorShell .content{padding:18px 13px 30px}.vendorShell .titleRow h1{font-size:24px}.vendorShell .metric{border-radius:15px;min-height:116px;padding:16px}.vendorShell .metric b{font-size:28px}}:root{--nx-navy:#07111f;--nx-slate:#111e31;--nx-blue:#397cff;--nx-cyan:#1fd3c2;--nx-violet:#7866ff;--nx-canvas:#edf1f6;--nx-card:#fff;--nx-line:#dce4ee;--nx-text:#15243a;--nx-muted:#77869b;--nx-green:#18b881;--nx-red:#e55265;--nx-shadow:0 20px 55px #11233d16}html{background:var(--nx-canvas)}body{color:var(--nx-text);background:var(--nx-canvas)}button,input,select,textarea{font:inherit}button{transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.loginPage{isolation:isolate;background:radial-gradient(circle at 13% 15%,#2f7bff52,#0000 24rem),radial-gradient(circle at 84% 80%,#1ed0c02e,#0000 28rem),linear-gradient(135deg,#06101d,#101d31 55%,#071321);place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.loginPage:before{content:"NETWORK OPERATIONS · DEVICE ACCESS · ACS CLOUD";color:#e7f0ffb8;letter-spacing:3px;max-width:570px;font-size:11px;font-weight:800;position:absolute;top:8vh;left:5vw}.loginPage:after{content:"NEXOR@";color:#ffffff06;letter-spacing:-18px;z-index:-1;font-size:min(24vw,330px);font-weight:900;position:absolute;bottom:-7vh;right:-2vw}.loginCard{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#fffffffa,#f4f8fdf5);border:1px solid #a4bfe72e;border-radius:28px;width:min(460px,100%);padding:38px;box-shadow:0 35px 100px #0005106b}.loginBrand{background:linear-gradient(145deg,#357ef5,#6b5be8);border-radius:17px;width:58px;height:58px;margin-bottom:27px;box-shadow:0 14px 32px #346ee74d}.loginCard>small{color:#4f72ac;letter-spacing:2px;font-size:9px;font-weight:850}.loginCard h1{color:#102038;letter-spacing:-1.1px;margin:9px 0 7px;font-size:31px}.loginCard>p{color:#7f8da1}.loginCard form{gap:16px;margin-top:25px}.loginCard label{color:#465871;font-size:11px;font-weight:760}.loginCard input{color:#17263b;background:#f8fafd;border:1px solid #d4deeb;border-radius:13px;outline:none;height:50px;padding:0 14px}.loginCard input:focus{background:#fff;border-color:#5792ff;box-shadow:0 0 0 4px #397cff1c}.loginCard .primary{border-radius:13px;height:50px;margin-top:3px}.appShell{background:radial-gradient(circle at 92% 4%,#347dff17,#0000 30rem),linear-gradient(145deg,#f4f6f9,#e9eef4);min-height:100vh}.appShell .side{color:#eaf1fb;background:radial-gradient(circle at 10% 0,#3a7cf540,#0000 19rem),linear-gradient(#101c2e,#0a1423 58%,#07101d);border-right:1px solid #8ea7cc21;width:280px;padding:22px 17px 19px;box-shadow:18px 0 55px #07122326}.appShell .main{margin-left:280px}.appShell .logo{border-bottom:1px solid #99b1d41f;padding:2px 7px 20px}.appShell .logo>span{background:linear-gradient(145deg,#347ef4,#6958e6);border-radius:13px;box-shadow:0 11px 26px #3069e257}.appShell .logo b{color:#fff;letter-spacing:2.6px;font-size:15px}.appShell .logo small{color:#71849f;letter-spacing:1.55px;font-size:7px}.appShell .workspaceCard{background:linear-gradient(135deg,#395e9645,#101e3194);border:1px solid #88a4cc26;border-radius:15px;margin:17px 0 18px;padding:13px;box-shadow:inset 0 1px #ffffff0a,0 12px 27px #00000021}.appShell .workspaceCard>span{color:#fff;background:linear-gradient(145deg,#3c84f4,#7661ec)}.appShell .workspaceCard b{color:#eff5fd}.appShell .workspaceCard small{color:#8192aa}.appShell .mainNav{gap:5px}.appShell .mainNav button{color:#8495ae;background:0 0;border:1px solid #0000;border-radius:12px;min-height:45px;padding:7px 9px}.appShell .mainNav button:hover:not(:disabled){color:#eef5ff;background:#708fbb1a;transform:translate(2px)}.appShell .mainNav button>i{color:#9fb2ce;background:#6988b714;border:1px solid #8ea9cf21;border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:14px;font-style:normal;display:grid}.appShell .mainNav button.selected{color:#fff;background:linear-gradient(100deg,#3475e83d,#2b436c2e);border-color:#5891f440;box-shadow:inset 3px 0 #4a8dff,0 8px 23px #00000024}.appShell .mainNav button.selected>i{color:#fff;background:linear-gradient(145deg,#347cf1,#5d63e8);border-color:#669fff66;box-shadow:0 7px 17px #2b69e14d}.appShell .mainNav button.planLocked{opacity:.42}.appShell .mainNav button em{color:#fff;background:#ec5266;border:2px solid #101b2d}.appShell .agentState{color:#e3f2ed;background:linear-gradient(135deg,#1665533d,#0d1d2a6b);border:1px solid #35cdab2e;border-radius:14px;margin-top:auto;padding:13px}.appShell .agentState small{color:#728e8c}.appShell .liveDot{background:#2bd5a0;box-shadow:0 0 0 5px #2bd5a01a,0 0 16px #2bd5a05c}.appShell .main>header{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background:#f4f7fbd4;border-bottom:1px solid #c4cfdfb8;height:72px;padding:0 34px;box-shadow:0 4px 25px #182b4609}.appShell .search{color:#8391a4;background:#fff;border:1px solid #d7e0eb;border-radius:11px;min-width:330px;padding:8px 12px;box-shadow:0 5px 17px #20334f0a}.appShell .search input{color:#1b2b41}.appShell .liveStatus{color:#15805e;background:#effaf6;border:1px solid #cce9df;border-radius:999px;padding:8px 12px;font-weight:800}.appShell .content{max-width:1560px;padding:30px 35px 50px}.appShell .titleRow{margin-bottom:22px}.appShell .titleRow small{color:#4f73ad;letter-spacing:1.55px;font-size:8px;font-weight:850}.appShell .titleRow h1{color:#14243a;letter-spacing:-.9px;margin:7px 0 5px;font-size:29px}.appShell .titleRow p{color:#7d8a9d;font-size:11px}.appShell .metrics{gap:15px}.appShell .metric{min-height:140px;box-shadow:var(--nx-shadow);background:linear-gradient(150deg,#fff,#f7f9fc);border:1px solid #d9e2ed;border-radius:19px;padding:21px}.appShell .metric:before{background:linear-gradient(90deg,#3c83f7,#7061ec);width:100%;height:3px;inset:0 0 auto}.appShell .metric:after{background:radial-gradient(circle,#3f85f726,#0000 67%);width:110px;height:110px;top:-44px;right:-40px}.appShell .metric small{color:#7e8ca0;letter-spacing:1.1px;font-size:9px;font-weight:850}.appShell .metric b{color:#122239;letter-spacing:-1.5px;margin-top:13px;font-size:35px}.appShell .metric p{color:#8794a7;margin-top:8px}.appShell .metric p.good{color:#168361}.appShell .metric p.warn{color:#d44f61}.appShell .panel,.appShell .deviceHero,.appShell .acsLiveConfig{box-shadow:var(--nx-shadow);background:#fffffff0;border:1px solid #d9e2ed;border-radius:20px;overflow:hidden}.appShell .panelHeader{border-bottom:1px solid #e7ecf3;padding:19px 21px}.appShell .panelHeader h2{color:#17283e;font-size:16px}.appShell .panelHeader p{color:#8390a3}.appShell .table{background:#fff;border:1px solid #dfe6ef;border-radius:15px;overflow:hidden}.appShell .tableHead{color:#728096;letter-spacing:.8px;background:#f2f5f9;min-height:42px;font-size:8px;font-weight:850}.appShell .deviceRow,.appShell .interfaceRow{border-bottom-color:#e9edf3;min-height:59px}.appShell .deviceRow:hover,.appShell .interfaceRow:hover{background:#f1f6fd;box-shadow:inset 3px 0 #4785ee}.appShell .badge{border-radius:999px;font-weight:850}.appShell .badge.online{color:#14815f;background:#e8f8f2}.appShell .badge.offline{color:#c34a5c;background:#fff0f2}.appShell .primary{color:#fff;background:linear-gradient(135deg,#347df1,#5d61e7);border:1px solid #3478ed;border-radius:11px;font-weight:800;box-shadow:0 8px 20px #3169dc33}.appShell .primary:hover{transform:translateY(-1px);box-shadow:0 12px 27px #3169dc47}.appShell .secondary{color:#40536c;background:#fff;border:1px solid #d4deea;border-radius:10px;font-weight:750}.appShell .secondary:hover{background:#f8faff;border-color:#b8c8dc}.appShell input,.appShell select,.appShell textarea{color:#1a2a40;background:#f8fafc;border-color:#d3deea;border-radius:11px;outline:none}.appShell input:focus,.appShell select:focus,.appShell textarea:focus{background:#fff;border-color:#5993fa;box-shadow:0 0 0 4px #397cff1a}.appShell .renewalNotice{background:linear-gradient(110deg,#fff,#edf4ff 62%,#f1efff);border:1px solid #d5e1f2;border-radius:17px;box-shadow:0 11px 30px #213c660f}.appShell .noticeError{color:#b84354;background:#fff0f2;border-radius:12px}.appShell .tip{border-radius:12px}.appShell .backdrop,.acsModalBackdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#050d1985}.appShell .drawer{background:linear-gradient(160deg,#fff,#f4f7fb);border-left:1px solid #ffffffb3;width:min(560px,100%);padding:29px;box-shadow:-30px 0 90px #040e1e47}.appShell .drawer>small{color:#5276ae;letter-spacing:1.45px;font-weight:850}.appShell .drawer h2{color:#13243b;letter-spacing:-.6px;font-size:25px}.appShell .drawer form{gap:15px}.acsModal{background:linear-gradient(150deg,#fff,#f4f7fb)!important;border:1px solid #fffc!important;border-radius:24px!important;box-shadow:0 35px 100px #030c1b52!important}.acsModal .ontIcon{box-shadow:0 11px 25px #3169dc40;background:linear-gradient(145deg,#347df2,#7060eb)!important}.appShell .acsTopbar{color:#fff;background:radial-gradient(circle at 85% 0,#26d3c22b,#0000 18rem),linear-gradient(120deg,#10243e,#194b8f 60%,#5147b5);border-radius:21px;padding:24px;box-shadow:0 21px 48px #163d7f33}.appShell .acsTopbar small{color:#91e8df}.appShell .acsTopbar h2{font-size:24px}.appShell .acsTopbar p{color:#d1def1}.appShell .acsDeviceList,.appShell .acsDeviceCard{border-color:#dbe4ef}.appShell .acsDeviceCard{background:linear-gradient(150deg,#fff,#f7f9fc);border-radius:16px;box-shadow:0 11px 30px #172a460f}.appShell .acsDeviceCard:hover{border-color:#a9c4f5;transform:translateY(-2px);box-shadow:0 16px 38px #1d3f7a1c}.appShell .customerAccessBar{background:linear-gradient(115deg,#f9fcff,#eaf3ff 58%,#f1edff);border-color:#d3e2f4;box-shadow:0 14px 34px #1e3d6b12}.appShell .ontConsole{border-color:#dce5f0;border-radius:17px}.appShell .ontConsole aside{background:linear-gradient(#15243a,#0e1a2b)}.appShell .ontConsole aside button{color:#91a2b9}.appShell .ontConsole aside button.active{color:#fff;background:linear-gradient(100deg,#377ef44d,#5b51dc2e);box-shadow:inset 3px 0 #4c8dff}.appShell .ontConsole main{background:#f7f9fc}.appShell .ontCard,.appShell .wifiBandCard{background:#fff;border-color:#dce4ef;border-radius:17px;box-shadow:0 12px 32px #152a4611}.appShell .wifiBandHead,.appShell .ontCard header{background:linear-gradient(110deg,#f8fbff,#edf3ff)}.appShell .ontSaveBar{-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background:#fffffff0;border-color:#cbd9ec;box-shadow:0 -12px 35px #162a4617}.adminShell .adminCommand{background:radial-gradient(circle at 88% 0,#24d5c433,#0000 20rem),linear-gradient(120deg,#10243d,#1c58a8 58%,#5e4fd1);border-radius:21px;padding:25px 27px;box-shadow:0 22px 52px #19439138}.adminShell .adminCommand h2{letter-spacing:-.5px;font-size:24px}.adminShell .adminTabs{border-color:#d9e3ee;border-radius:16px;padding:7px;box-shadow:0 9px 25px #1b2f4c0d}.adminShell .adminTabs button{border-radius:11px;padding:12px 15px}.adminShell .adminTabs button.active{color:#245cc3;background:linear-gradient(120deg,#e7f1ff,#eeebff);box-shadow:0 6px 17px #2f57b31a}.adminShell .adminMetrics{gap:14px}.adminShell .adminMetrics article{background:linear-gradient(145deg,#fff,#f7f9fc);border-color:#dbe3ed;border-radius:18px;padding:20px;box-shadow:0 15px 38px #182b4712}.adminShell .adminMetrics article b{color:#13243b;letter-spacing:-1px;font-size:31px}.adminShell .adminAccountList article{background:linear-gradient(145deg,#fff,#f8fafc);border-color:#dfe6ef;border-radius:15px}.customerPortal{color:#13243b;background:radial-gradient(circle at 85% 0,#387ef521,#0000 28rem),linear-gradient(145deg,#f3f6fa,#e9eef5)}.customerTop{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd6;border-bottom-color:#dce4ee;height:74px}.customerBrand img{box-shadow:0 11px 26px #2d61c933}.customerHero{padding-top:27px}.customerHero h1{color:#102139;letter-spacing:-1px;font-size:32px}.customerTabs{background:#ffffffc7;border-color:#d9e3ee;padding:7px;box-shadow:0 10px 30px #192c490d}.customerTabs button.active{color:#245bc1;background:linear-gradient(120deg,#e5f0ff,#eeebff)}.customerTabPanel{background:#fffffff2;border-color:#d9e2ed;box-shadow:0 22px 60px #162a4617}.customerFiberGrid div,.customerClientGrid article{background:linear-gradient(145deg,#fff,#f6f9fc);border-color:#dfe6ef}@media (width<=700px){.loginPage{padding:14px}.loginPage:before{letter-spacing:1.5px;font-size:8px;top:22px;left:18px}.loginCard{border-radius:22px;padding:27px 20px}.appShell .side{width:100%;padding:7px 7px calc(7px + env(safe-area-inset-bottom));background:#08111ef7;border:0;border-top:1px solid #8ba4c933;box-shadow:0 -14px 34px #030a153d}.appShell .main{margin-left:0;padding-bottom:86px}.appShell .mainNav button{color:#8193ad;min-height:55px;padding:4px 2px}.appShell .mainNav button:hover:not(:disabled){transform:none}.appShell .mainNav button>i{background:0 0;border:0;flex-basis:27px;width:27px;height:27px}.appShell .mainNav button.selected{box-shadow:none;background:#3d7ef02b;border-color:#0000}.appShell .mainNav button.selected>i{box-shadow:none;color:#70a5ff;background:0 0}.appShell .main>header{height:59px;padding:0 14px}.appShell .search{min-width:0;box-shadow:none;background:0 0;border:0;padding:4px}.appShell .content{padding:18px 13px 31px}.appShell .titleRow h1{font-size:24px}.appShell .metric{border-radius:16px;min-height:117px;padding:16px}.appShell .metric b{font-size:29px}.appShell .panel,.appShell .deviceHero,.appShell .acsLiveConfig{border-radius:17px}.appShell .drawer{padding:23px 17px calc(22px + env(safe-area-inset-bottom));border-radius:23px 23px 0 0}.appShell .acsTopbar{border-radius:18px;padding:20px}.appShell .ontConsole aside{background:#101d30}.customerTop{height:63px}.customerHero h1{font-size:27px}}