:root{font-family:Segoe UI,Tahoma,Arial,sans-serif;color:#1f2933;background:#dce3e8;font-synthesis:none;--blue: #1668ad;--blue-dark: #0c4f88;--border: #aeb9c2;--panel: #f4f7f9;--green: #28a745;--red: #d34242;--amber: #e7a629}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.unm-app{height:100%;display:grid;grid-template-rows:34px 28px 42px 1fr 24px;background:#dce3e8;-webkit-user-select:none;user-select:none}.titlebar{display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(#2379b9,#0b5792);border-bottom:1px solid #084473;box-shadow:inset 0 1px #fff3}.app-title{height:100%;display:flex;align-items:center;gap:8px;padding-left:9px}.app-title strong{font-size:13px;font-weight:600}.app-title small{padding:2px 5px;color:#d7ebfb;border:1px solid rgba(255,255,255,.25);font-size:8px;letter-spacing:.08em}.app-logo{width:23px;height:23px;display:grid;place-items:center;background:#ffffff26;border:1px solid rgba(255,255,255,.23)}.title-actions{height:100%;display:flex;align-items:center}.title-actions>span{display:flex;align-items:center;gap:5px;margin-right:12px;font-size:10px;color:#d9edf9}.title-actions button{width:42px;height:100%;border:0;color:#fff;background:transparent}.title-actions button:hover{background:#d83b3b}.title-actions .signed-user{height:20px;padding:0 9px;color:#fff;border-left:1px solid rgba(255,255,255,.25);border-right:1px solid rgba(255,255,255,.25)}.menubar{display:flex;align-items:center;justify-content:space-between;padding:0 7px;background:#eef2f5;border-bottom:1px solid var(--border)}.menubar nav{height:100%;display:flex}.menubar button{padding:0 10px;border:0;background:transparent;font-size:11px}.menubar button:hover{background:#d7e5f0}.server-clock{display:flex;align-items:center;gap:5px;color:#667681;font-size:9px}.server-clock svg{color:var(--green)}.toolbar{display:flex;align-items:center;gap:7px;padding:4px 7px;background:linear-gradient(#f9fbfc,#e2e8ec);border-bottom:1px solid #9eabb5;box-shadow:0 1px 2px #00000014}.tool-group{height:30px;display:flex;align-items:center;padding-right:7px;border-right:1px solid #c4cdd4}.tool-group button{width:32px;height:29px;display:grid;place-items:center;color:#3c596e;border:1px solid transparent;background:transparent}.tool-group button:hover{border-color:#9ab9d0;background:#ddebf5}.zoom-value{min-width:36px;color:#5f6f7a;font-size:9px;text-align:center}.topology-search{width:250px;height:28px;display:flex;align-items:center;gap:6px;padding:0 7px;background:#fff;border:1px solid #aebac3}.topology-search svg{color:#688092}.topology-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:11px}.toolbar-summary{margin-left:auto;display:flex;align-items:center;gap:6px;color:#5c6d78;font-size:10px}.toolbar-summary i{height:17px;width:1px;margin:0 4px;background:#bdc6cc}.ok-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 0 2px #28a74521}.workarea{min-height:0;display:grid;grid-template-columns:215px 1fr}.navigator{min-height:0;display:flex;flex-direction:column;background:#f5f7f9;border-right:1px solid #9daab4}.pane-title{height:29px;padding:0 8px;display:flex;align-items:center;gap:6px;color:#fff;background:linear-gradient(#4f83aa,#336f9b);font-size:11px;font-weight:600}.tree-root,.tree-branch>div{height:30px;display:flex;align-items:center;gap:5px;padding:0 7px;font-size:11px}.tree-root{margin-top:4px}.tree-branch{margin-left:16px;border-left:1px dotted #9ba9b3}.tree-branch>div small{color:#7a8994}.tree-branch>button{width:calc(100% - 4px);height:27px;padding:0 7px 0 18px;display:flex;align-items:center;gap:5px;border:0;text-align:left;background:transparent;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-branch>button:hover{background:#e1edf5}.tree-branch>button.active{color:#073d68;background:#cfe5f5;outline:1px solid #9dc5e2}.mini-state{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#9caab4}.mini-state.online{background:var(--green)}.mini-state.degraded{background:var(--amber)}.navigator-help{margin-top:auto;padding:11px;display:flex;align-items:flex-start;gap:7px;color:#667681;background:#e8eef2;border-top:1px solid #c4cdd4}.navigator-help p{margin:0;font-size:9px;line-height:1.5}.navigator-help strong{color:#244b69}.canvas-shell{min-width:0;min-height:0;display:grid;grid-template-rows:29px 1fr}.canvas-tabs{padding-left:4px;display:flex;align-items:end;background:#cfd8de;border-bottom:1px solid #9daab4}.canvas-tabs span{height:26px;min-width:145px;padding:0 9px;display:flex;align-items:center;gap:6px;font-size:10px;border:1px solid #a5b0b8;border-bottom:0;background:#e7ecef}.canvas-tabs span.active{color:#164e78;background:#fff}.canvas-tabs span svg:last-child{margin-left:auto}.topology-canvas{min-width:0;min-height:0;overflow:auto;position:relative;background-color:#f8fafb;background-image:linear-gradient(#e3e9ed 1px,transparent 1px),linear-gradient(90deg,#e3e9ed 1px,transparent 1px);background-size:20px 20px}.canvas-content{width:100%;height:100%;min-width:900px;min-height:500px;position:relative;transform-origin:0 0}.network-cloud{position:absolute;left:38px;top:20px;display:flex;align-items:center;gap:6px;color:#4e7088;font-size:9px;font-weight:700}.network-cloud:after{content:"";width:650px;height:1px;margin-left:7px;background:linear-gradient(90deg,#9fb4c3,transparent)}.olt-node{width:155px;min-height:108px;padding:8px 8px 7px;display:flex;flex-direction:column;align-items:center;position:absolute;border:1px solid transparent;background:transparent;cursor:grab;touch-action:none}.olt-node:active{cursor:grabbing}.olt-node:hover{background:#c6e1f473;border-color:#a7c9df}.olt-node.selected{background:#d7eaf7;border:1px dotted #327fb3;box-shadow:inset 0 0 0 1px #fff}.olt-node.filtered{opacity:.16}.node-grip{position:absolute;right:5px;top:4px;color:#91a5b3;opacity:0}.olt-node:hover .node-grip{opacity:1}.olt-device{width:56px;height:49px;margin-bottom:5px;display:grid;place-items:center;color:#287bad;position:relative;border:1px solid #75a9ca;border-radius:3px;background:linear-gradient(135deg,#edf8ff,#b8d7e9);box-shadow:0 2px 3px #1d46622e}.olt-device.huawei{color:#b64a4a;border-color:#d29b9b;background:linear-gradient(135deg,#fff4f4,#e5c2c2)}.olt-device i{width:8px;height:8px;position:absolute;right:-4px;bottom:-4px;border:2px solid white;border-radius:50%;background:#9aa9b3}.olt-device i.online{background:var(--green)}.olt-device i.degraded{background:var(--amber)}.olt-node strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#23475f;font-size:10px}.olt-node small{max-width:100%;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6e7f8a;font-size:8px}.olt-node em{margin-top:4px;padding:2px 5px;display:flex;flex-direction:column;gap:1px;color:#2f7b42;background:#e5f4e8;border:1px solid #b7d9bf;font-size:8px;font-style:normal;line-height:1.15;white-space:nowrap}.olt-node em b{font-size:8px}.olt-node em span{font-size:7px;font-weight:500}.canvas-message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:15px 22px;display:flex;align-items:center;gap:8px;color:#4f6676;background:#fff;border:1px solid #aebbc4;box-shadow:0 5px 20px #1c37482e;font-size:11px}.canvas-message.error{color:#9e3434}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.olt-node em{color:#6f7e87;background:#edf1f3;border-color:#c6d0d6}.olt-node em.live{color:#2f7b42;background:#e5f4e8;border-color:#b7d9bf;font-weight:700}.statusbar,.window-status{display:flex;align-items:center;gap:16px;padding:0 7px;color:#52646f;background:#edf1f3;border-top:1px solid #a9b4bc;font-size:9px}.statusbar>span,.window-status>span{display:flex;align-items:center;gap:5px}.status-spacer{flex:1}.auth-loading{width:100%;height:100%;display:grid;place-content:center;justify-items:center;gap:13px;color:#dceefa;background:#0b3d61;font-size:11px}.auth-loading svg{color:#7bc4ef}.login-page{width:100%;height:100%;display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(430px,.9fr);background:#f3f6f8}.login-brand-panel{min-height:0;padding:clamp(35px,6vw,90px);display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 30%,#176b9f,transparent 40%),linear-gradient(145deg,#0d4d78,#062c49 72%)}.login-brand-panel:before{content:"";position:absolute;width:520px;height:520px;right:-210px;bottom:-210px;border:1px solid rgba(125,201,244,.18);border-radius:50%;box-shadow:0 0 0 70px #7dc9f406,0 0 0 140px #7dc9f405}.login-grid{position:absolute;inset:0;opacity:.11;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(135deg,black,transparent 75%);mask-image:linear-gradient(135deg,black,transparent 75%)}.login-brand{position:relative;z-index:1}.login-logo{width:76px;height:76px;display:grid;place-items:center;color:#0d4d78;background:#c6edff;border:6px solid rgba(255,255,255,.15);box-shadow:0 13px 35px #00000038}.login-brand>p{margin:31px 0 13px;color:#82caef;font-size:10px;font-weight:700;letter-spacing:.2em}.login-brand h1{margin:0;font-size:clamp(43px,5vw,70px);line-height:.95;letter-spacing:-.055em;font-weight:300}.login-brand h1 strong{color:#9edbfa;font-weight:650}.login-readonly{width:fit-content;margin-top:30px;padding:8px 11px;display:flex;align-items:center;gap:7px;color:#bfe9ff;background:#7ecdf717;border:1px solid rgba(167,222,251,.23);font-size:10px}.login-vendors{position:absolute;left:clamp(35px,6vw,90px);right:clamp(35px,6vw,90px);bottom:35px;display:flex;align-items:center;gap:14px;color:#71a8c8;font-size:8px;font-weight:700;letter-spacing:.16em}.login-vendors i{flex:1;height:1px;background:linear-gradient(90deg,rgba(125,201,244,.35),transparent)}.login-form-panel{min-height:0;padding:40px;display:grid;place-items:center;position:relative}.login-form-panel:after{content:"VIRTUALNET TELECOM";position:absolute;bottom:22px;color:#9aa9b2;font-size:8px;letter-spacing:.18em}.login-form{width:min(390px,100%);padding:38px;background:#fff;border:1px solid #c4cfd6;box-shadow:0 18px 55px #2343571f}.login-heading{display:flex;align-items:center;gap:13px}.login-heading>span{width:42px;height:42px;display:grid;place-items:center;color:#fff;background:var(--blue)}.login-heading small{color:#5f8196;font-size:8px;font-weight:700;letter-spacing:.14em}.login-heading h2{margin:3px 0 0;color:#1d4057;font-size:22px;letter-spacing:-.03em}.login-form>p{margin:20px 0 27px;color:#71838e;font-size:10px;line-height:1.5}.login-form>label{display:block;margin-bottom:17px}.login-form>label>span{display:block;margin-bottom:6px;color:#3f5c6e;font-size:9px;font-weight:600}.login-form label>div{height:42px;padding:0 11px;display:flex;align-items:center;gap:9px;color:#79909e;border:1px solid #b8c5cd;background:#fbfcfd}.login-form label>div:focus-within{color:var(--blue);border-color:#4c91c1;box-shadow:0 0 0 2px #1f6fa71a}.login-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#1e3544;font-size:12px}.login-form label button{width:28px;height:30px;display:grid;place-items:center;color:#728793;border:0;background:transparent}.login-error{margin:-3px 0 15px;padding:9px 10px;color:#a83434;background:#fff0f0;border:1px solid #e7b8b8;font-size:9px}.login-submit{width:100%;height:43px;margin-top:4px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:linear-gradient(#267eb9,#0f6098);border:1px solid #0b5081;box-shadow:inset 0 1px #fff3;font-size:11px;font-weight:600}.login-submit:hover{background:linear-gradient(#318bc7,#176ba5)}.login-submit:disabled{opacity:.65}.login-form footer{margin-top:23px;display:flex;justify-content:center;align-items:center;gap:5px;color:#8a9aa4;font-size:8px}.login-form footer svg{color:var(--green)}.window-layer{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:#19283159}.olt-window{width:min(1180px,96vw);height:min(760px,92vh);display:grid;grid-template-rows:34px 34px 1fr 23px;background:#f6f8f9;border:1px solid #5c7485;box-shadow:0 15px 60px #14263161}.window-titlebar{display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(#287fbd,#0d5b94)}.window-titlebar>div{padding-left:9px;display:flex;align-items:center;gap:7px}.window-titlebar strong{font-size:12px}.window-titlebar small{color:#d4e8f6;font-size:9px}.window-titlebar button{width:42px;height:100%;display:grid;place-items:center;color:#fff;border:0;background:transparent}.window-titlebar button:hover{background:#d43e3e}.window-toolbar{display:flex;align-items:center;padding:3px 6px;background:linear-gradient(#fafcfd,#e2e8ec);border-bottom:1px solid #aab6be}.window-toolbar button{height:26px;display:flex;align-items:center;gap:5px;color:#3c596e;border:1px solid #a9b7c1;background:#f8fafb;font-size:9px}.window-toolbar>span{flex:1}.window-toolbar small{display:flex;align-items:center;gap:5px;color:#9a6e13;font-size:8px}.window-body{min-height:0;display:grid;grid-template-columns:265px 1fr}.slot-tree{min-height:0;overflow-y:auto;background:#f3f6f8;border-right:1px solid #aeb9c2}.slot-tree-title{height:29px;padding:0 8px;display:flex;align-items:center;gap:5px;color:#fff;background:#4e7e9f;font-size:10px}.olt-tree-root{height:34px;margin:5px 5px 0;display:flex;align-items:center;gap:6px;font-size:10px}.tree-device{width:23px;height:23px;display:grid;place-items:center;color:#287bad;border:1px solid #a9c4d5;background:#e1f0f8}.tree-device.huawei{color:#b64a4a}.slot-list{margin-left:25px;border-left:1px dotted #94a5b0}.slot-list button{width:calc(100% - 4px);min-height:44px;padding:4px 7px 4px 12px;display:flex;align-items:center;gap:6px;border:0;text-align:left;background:transparent}.slot-list button:hover{background:#e1edf5}.slot-list button.active{color:#0a4f83;background:#cfe5f5;outline:1px solid #9dc5e2}.slot-list button>span{flex:1;display:flex;flex-direction:column;gap:2px}.slot-list button strong{font-size:10px}.slot-list button small{color:#75858f;font-size:8px}.slot-list button>i{width:7px;height:7px;border-radius:50%;background:var(--green)}.slot-list button>i.degraded{background:var(--amber)}.slot-list button>i.stale{background:#97a5ae}.onu-pane{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff}.select-slot{flex:1;display:grid;place-content:center;justify-items:center;color:#9aa9b3;text-align:center}.select-slot h2{margin:13px 0 5px;color:#506875;font-size:18px;font-weight:500}.select-slot p{margin:0;font-size:10px}.select-slot small{margin-top:10px}.onu-header{min-height:86px;padding:14px 18px;display:flex;align-items:center;border-bottom:1px solid #c4cdd3;background:linear-gradient(90deg,#f2f8fc,#fff)}.onu-header>div:first-child{flex:1}.onu-header span:first-child{color:#47758f;font-size:8px;font-weight:700;letter-spacing:.09em}.onu-header h2{margin:3px 0;color:#244b62;font-size:22px}.onu-header p{margin:0;color:#71818a;font-size:9px}.slot-counters{display:flex;gap:5px}.slot-counters>span{min-width:75px;padding:8px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;color:#294b5f;border:1px solid #bac7cf;background:#f7fafb;font-size:16px;font-weight:600}.slot-counters i{width:7px;height:7px;border-radius:50%;background:var(--green)}.slot-counters i.offline{background:var(--red)}.slot-counters small{grid-column:1 / -1;color:#71818a;font-size:7px;font-weight:400;text-transform:uppercase}.onu-tools{height:39px;padding:5px 8px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #b8c3ca;background:#eef2f4}.onu-tools label{width:280px;height:27px;padding:0 7px;display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #aebac2}.onu-tools input{flex:1;min-width:0;border:0;outline:0;font-size:10px}.onu-tools>span{margin-left:auto;color:#697a84;font-size:9px}.onu-table-wrap{min-height:0;flex:1;overflow:auto;position:relative}.onu-table{width:100%;min-width:820px;border-collapse:collapse}.onu-table thead{position:sticky;top:0;z-index:2}.onu-table th{height:28px;padding:0 8px;color:#405866;text-align:left;background:linear-gradient(#f8fafb,#dfe6ea);border-right:1px solid #c5ced4;border-bottom:1px solid #aeb9c1;font-size:8px}.onu-table td{height:31px;padding:0 8px;border-right:1px solid #e0e5e8;border-bottom:1px solid #e1e6e9;font-size:9px;white-space:nowrap}.onu-table tbody tr:nth-child(2n){background:#f7f9fa}.onu-table tbody tr:hover{background:#ddecf6}.onu-table td:nth-child(3){display:flex;flex-direction:column;justify-content:center;gap:1px}.onu-table td:nth-child(3) small{color:#75858e;font-size:7px}.pon-label{color:#1b638f;font-weight:600}.onu-state{display:flex;align-items:center;gap:4px;text-transform:uppercase;font-size:8px}.onu-state i{width:6px;height:6px;border-radius:50%;background:#98a5ad}.onu-state.online i{background:var(--green)}.onu-state.los i{background:var(--red)}.onu-state.dying_gasp i{background:var(--amber)}.rx{display:flex;align-items:center;gap:3px;color:#276c91}.table-loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:7px;color:#5c7180;background:#ffffffdb;font-size:10px}.slot-node{position:relative}.pon-tree-list{margin:0 0 4px 27px;border-left:1px dotted #9aaab4}.pon-tree-list button{width:calc(100% - 3px);min-height:34px;padding:3px 6px 3px 10px}.pon-tree-list button>span{min-width:0}.pon-tree-list button strong{color:#31586e;font-size:9px}.pon-tree-list button small{font-size:7px}.pon-tree-list button.active{color:#084b7a;background:#bedcf0;outline:1px solid #86b8d8}.pon-tree-list button>i{width:6px;height:6px}.pon-tree-list button>i.offline{background:var(--red);box-shadow:0 0 0 2px #d3424221}.onu-table tbody tr.offline-row{background:#fff0f0}.onu-table tbody tr.offline-row:hover{background:#f8dada}.onu-state.offline,.onu-state.los,.onu-state.dying_gasp{color:#b52f2f;font-weight:700}.onu-state.offline i,.onu-state.los i,.onu-state.dying_gasp i{background:var(--red);box-shadow:0 0 0 2px #d342421f}.onu-table{min-width:840px;table-layout:fixed}.onu-table th:nth-child(1){width:72px}.onu-table th:nth-child(2){width:54px}.onu-table th:nth-child(3){width:145px}.onu-table th:nth-child(4){width:170px}.onu-table th:nth-child(5){width:115px}.onu-table th:nth-child(6){width:88px}.onu-table th:nth-child(7){width:96px}.onu-table th:nth-child(8){width:92px}.onu-identity,.onu-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onu-identity strong,.onu-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cto-value{display:block;overflow:hidden;color:#315f78;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.onu-table tbody tr{cursor:default}.ont-status-layer{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:20px;background:#0c1d2880}.ont-status-window{width:min(650px,94vw);max-height:92vh;display:grid;grid-template-rows:34px minmax(0,1fr);background:#f5f8fa;border:1px solid #536f81;box-shadow:0 18px 65px #0818227a}.ont-status-body{padding:16px;display:grid;grid-template-columns:1.15fr .85fr;gap:12px;overflow-y:auto}.ont-status-hero{min-height:112px;padding:17px;display:flex;flex-direction:column;justify-content:center;color:#21485d;border:1px solid #afc2cd;background:linear-gradient(135deg,#edf7fb,#fff)}.ont-status-hero>span{width:fit-content;padding:5px 8px;display:flex;align-items:center;gap:6px;color:#28723d;border:1px solid #9bc6a6;background:#e3f3e7;font-size:10px;font-weight:700;text-transform:uppercase}.ont-status-hero>span i{width:8px;height:8px;border-radius:50%;background:var(--green)}.ont-status-hero.warning>span{color:#8a6517;border-color:#dbc285;background:#fff5d9}.ont-status-hero.warning>span i{background:var(--amber)}.ont-status-hero.offline>span{color:#a02f2f;border-color:#d7a0a0;background:#fbe5e5}.ont-status-hero.offline>span i{background:var(--red)}.ont-status-hero.unknown>span{color:#6c7780;border-color:#bac2c7;background:#edf0f2}.ont-status-hero.unknown>span i{background:#909da5}.ont-status-hero strong{margin-top:12px;font-size:17px}.ont-status-hero small{margin-top:4px;color:#72848e;font-size:8px}.ont-alarm-card{padding:14px;display:flex;align-items:center;gap:11px;color:#28723d;border:1px solid #9bc6a6;background:#e6f4e9}.ont-alarm-card.warning{color:#8a6517;border-color:#dbc285;background:#fff5d9}.ont-alarm-card.offline{color:#a02f2f;border-color:#d7a0a0;background:#fbe5e5}.ont-alarm-card.unknown{color:#687780;border-color:#bac4ca;background:#edf1f3}.ont-alarm-card div{min-width:0;display:flex;flex-direction:column;gap:4px}.ont-alarm-card small{font-size:7px;font-weight:700;letter-spacing:.1em}.ont-alarm-card strong{font-size:11px;line-height:1.35}.ont-status-grid{grid-column:1 / -1;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #b8c4cb;border-left:1px solid #b8c4cb}.ont-status-grid>div{min-width:0;padding:9px 11px;border-right:1px solid #b8c4cb;border-bottom:1px solid #b8c4cb;background:#fff}.ont-status-grid dt{margin-bottom:4px;color:#72848e;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.ont-status-grid dd{margin:0;overflow-wrap:anywhere;color:#25485c;font-size:10px;font-weight:600}.ont-status-body>footer{grid-column:1 / -1;display:flex;align-items:center;gap:5px;color:#667b87;font-size:8px}.ont-live-diagnostic{grid-column:1 / -1;border:1px solid #9fb4c1;background:#fff}.ont-live-diagnostic>header{min-height:35px;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;background:#3d718f}.ont-live-diagnostic>header span{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:700;text-transform:uppercase}.ont-live-diagnostic>header small{color:#d9e9f2;font-size:8px}.ont-live-diagnostic dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.ont-live-diagnostic dl>div{min-width:0;padding:8px 10px;border-right:1px solid #d1dbe0;border-bottom:1px solid #d1dbe0}.ont-live-diagnostic dl>div.wide{grid-column:1 / -1}.ont-live-diagnostic dt{color:#72848e;font-size:7px;text-transform:uppercase}.ont-live-diagnostic dd{margin:3px 0 0;overflow-wrap:anywhere;color:#25485c;font-size:10px;font-weight:700}.ont-cto-editor{grid-column:1 / -1;padding:10px;display:grid;grid-template-columns:auto minmax(170px,1fr) auto minmax(90px,.55fr) auto auto;align-items:center;gap:8px;border:1px solid #9fb4c1;background:#eef5f8}.ont-cto-editor label{color:#31586d;font-size:9px;font-weight:800;text-transform:uppercase}.ont-cto-editor input,.ont-cto-editor select{width:100%;min-width:0;height:30px;padding:0 9px;color:#25485c;border:1px solid #9fb4c1;background:#fff;font-size:10px}.ont-cto-editor button{min-height:30px;padding:0 12px;color:#fff;border:1px solid #2c607d;background:#3d718f;font-size:9px;font-weight:700}.ont-cto-editor button.danger{color:#9f2f2f;border-color:#cf9999;background:#fff0f0}.ont-cto-editor button:disabled{opacity:.6;cursor:wait}.ont-cto-editor>small{grid-column:2 / -1;color:#647d8b;font-size:8px}.ont-cto-picker{min-width:0;position:relative}.ont-cto-suggestions{width:100%;max-height:210px;position:absolute;z-index:20;top:calc(100% + 3px);left:0;overflow-y:auto;border:1px solid #7896a8;background:#fff;box-shadow:0 8px 22px #19303e40}.ont-cto-suggestions button{width:100%;min-height:36px;padding:6px 9px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#294e63;border:0;border-bottom:1px solid #e0e7eb;background:#fff;text-align:left}.ont-cto-suggestions button:hover,.ont-cto-suggestions button[aria-selected=true]{color:#084b7a;background:#dcecf6}.ont-cto-suggestions button small{grid-column:auto;color:#28723d;white-space:nowrap}.ont-cto-suggestions p{margin:0;padding:10px;color:#71818b;font-size:9px}.equipment-window{width:min(1120px,96vw);height:min(780px,94vh);display:grid;grid-template-rows:34px 1fr;background:#f5f7f9;border:1px solid #5c7485;box-shadow:0 15px 60px #14263161}.equipment-body{min-height:0;display:grid;grid-template-columns:340px 1fr}.equipment-list{min-height:0;padding:13px;overflow-y:auto;border-right:1px solid #aeb9c2;background:#edf2f5}.equipment-list h3,.equipment-form h3{margin:0 0 12px;color:#264d65;font-size:12px}.equipment-list>p{color:#71818b;font-size:10px}.equipment-list article{margin-bottom:9px;padding:10px;display:grid;grid-template-columns:1fr auto;gap:5px;border:1px solid #b9c5cd;background:#fff}.equipment-list article>div:first-child{display:flex;min-width:0;flex-direction:column;gap:3px}.equipment-list article strong{font-size:10px}.equipment-list article small{color:#6e7e88;font-size:8px}.equipment-list article>small{grid-column:1 / -1}.source-status{padding:3px 6px;align-self:start;color:#536671;border:1px solid #b9c4cb;background:#edf1f3;font-size:7px;font-weight:700;text-transform:uppercase}.source-status.active,.source-status.validated{color:#26723a;border-color:#9ac5a5;background:#e3f2e7}.source-status.pending_validation{color:#8a6517;border-color:#dbc285;background:#fff5d9}.source-status.error{color:#9e3030;border-color:#d7a2a2;background:#fbe7e7}.source-actions{grid-column:1 / -1;display:flex;gap:4px}.source-actions button{flex:1;height:25px;color:#315a72;border:1px solid #a5b6c1;background:#eef4f7;font-size:8px}.source-actions button:disabled{opacity:.45}.equipment-form{min-height:0;padding:16px 19px;overflow-y:auto;background:#fff}.equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.equipment-grid label{display:flex;flex-direction:column;gap:4px;color:#405e70;font-size:9px;font-weight:600}.equipment-grid label.wide{grid-column:1 / -1}.equipment-grid input,.equipment-grid select{width:100%;height:34px;padding:0 8px;color:#1e3544;border:1px solid #b5c2ca;background:#fbfcfd;font-size:10px}.equipment-grid input:focus,.equipment-grid select:focus{outline:2px solid rgba(31,111,167,.14);border-color:#4c91c1}.equipment-grid input[readonly]{color:#697b86;background:#edf1f3}.equipment-message{padding:8px;color:#315d75;border:1px solid #b5cbd8;background:#eaf4f9;font-size:9px}.equipment-form>.login-submit{width:190px;margin-left:auto}.onu-tools{height:auto;min-height:43px;flex-wrap:wrap}.onu-filters{display:flex;align-items:center;gap:3px}.onu-filters button{height:27px;padding:0 8px;color:#526875;border:1px solid #aebac2;background:#f9fbfc;font-size:8px}.onu-filters button b{margin-left:4px;font-size:8px}.onu-filters button:hover{background:#e5eef4}.onu-filters button.active{color:#084b7a;border-color:#6ba4c8;background:#d5eaf7}.onu-filters button.active.online{color:#27743a;border-color:#78b487;background:#e2f2e5}.onu-filters button.active.offline{color:#a12f2f;border-color:#d18a8a;background:#f9e3e3}.table-empty{padding:34px;display:flex;justify-content:center;align-items:center;gap:7px;color:#7d8d96;font-size:9px}.user-layer{z-index:170}.user-window{width:min(900px,95vw);max-height:min(720px,92vh);display:grid;grid-template-rows:34px 1fr;background:#f5f8fa;border:1px solid #536f81;box-shadow:0 18px 65px #0818227a}.user-body{min-height:0;padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow-y:auto}.user-form,.user-list{padding:14px;border:1px solid #b5c4cd;background:#fff}.user-form h3,.user-list h3{margin:0 0 12px;color:#264d65;font-size:12px}.user-form label{margin-bottom:9px;display:flex;flex-direction:column;gap:4px;color:#405e70;font-size:9px;font-weight:700}.user-form input,.user-form select{height:34px;padding:0 9px;border:1px solid #aabac4;background:#fbfcfd;font-size:10px}.user-form>button,.user-list button{min-height:30px;padding:0 10px;color:#fff;border:1px solid #235b7e;background:#36799f;font-size:9px}.user-list{grid-column:1 / -1}.user-list article{padding:8px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;border-bottom:1px solid #d8e0e4}.user-list article>div{display:flex;flex-direction:column;gap:3px}.user-list strong{color:#294e63;font-size:10px}.user-list small{color:#71828c;font-size:8px}.user-list button:disabled{opacity:.45}.user-message{grid-column:1 / -1;margin:0;padding:9px;color:#315d75;border:1px solid #b5cbd8;background:#eaf4f9;font-size:9px}.onu-state-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.onu-state-wrap>small{color:#6b7d87;font-size:7px;white-space:nowrap}.offline-row .onu-state-wrap>small{color:#a53a3a;font-weight:700}.event-layer{z-index:160}.event-window{width:min(980px,95vw);height:min(680px,90vh);display:grid;grid-template-rows:34px 38px 1fr;background:#f5f8fa;border:1px solid #536f81;box-shadow:0 18px 65px #0818227a}.event-toolbar{padding:5px 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #aebbc4;background:#e8eef2}.event-toolbar button{height:27px;display:flex;align-items:center;gap:5px;color:#315a72;border:1px solid #9fb1bd;background:#fff;font-size:9px}.event-toolbar span{display:flex;align-items:center;gap:6px;color:#5c7180;font-size:8px}.event-list{min-height:0;padding:8px;overflow-y:auto}.event-list article{min-height:57px;padding:8px 10px;display:grid;grid-template-columns:10px minmax(210px,1fr) minmax(190px,.8fr) 145px;align-items:center;gap:10px;border-bottom:1px solid #d4dde2;background:#fff}.event-list article:nth-child(2n){background:#f5f8fa}.event-list article>div{min-width:0;display:flex;flex-direction:column;gap:4px}.event-list strong{color:#254d65;font-size:10px}.event-list small{overflow:hidden;color:#657985;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.event-list code{overflow:hidden;color:#8a6517;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.event-list time{color:#657985;font-size:8px;text-align:right}.event-pulse{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 3px #e7a62926}.event-empty{height:100%;display:grid;place-content:center;justify-items:center;gap:9px;color:#758993;font-size:10px}.olt-context-menu{width:165px;padding:4px;position:fixed;z-index:300;color:#294b5f;background:#fff;border:1px solid #8499a7;box-shadow:0 8px 24px #19303e47}.olt-context-menu button{width:100%;height:30px;padding:0 8px;display:flex;align-items:center;gap:8px;border:0;background:transparent;text-align:left;font-size:10px}.olt-context-menu button:hover{background:#dcecf6}.olt-context-menu button:disabled{color:#9aa6ad;background:transparent}.olt-context-menu button.danger{color:#a62f2f;border-top:1px solid #e1e6e9}.olt-selector{max-width:210px;height:24px;margin-left:5px;padding:0 25px 0 7px;color:#173f59;background:#f5fbff;border:1px solid rgba(255,255,255,.65);font-size:10px}.slot-list>.all-slots{margin-bottom:4px;border-bottom:1px solid #c2cdd4}.equipment-list-heading,.equipment-form-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.equipment-list-heading button,.equipment-form-heading button{height:25px;padding:0 9px;color:#315a72;border:1px solid #a5b6c1;background:#eef4f7;font-size:8px}.source-actions.manage{padding-top:2px;border-top:1px solid #e0e6ea}.source-actions button{display:flex;align-items:center;justify-content:center;gap:3px}.source-actions button.danger{color:#a12f2f;background:#fff0f0;border-color:#d7aaaa}.equipment-note{margin:0 0 12px;padding:9px 10px;color:#315a72;background:#eaf4fa;border:1px solid #b7d0df;font-size:9px;line-height:1.45}.table-empty.error{color:#9e3434}.cto-window{grid-template-rows:34px auto 1fr}.cto-toolbar{padding:9px 13px;display:flex;gap:12px;border-bottom:1px solid #b7c3ca;background:#e8eff3}.cto-toolbar label{display:flex;align-items:center;gap:6px;color:#405e70;font-size:9px;font-weight:700}.cto-toolbar select,.cto-toolbar input{height:27px;min-width:220px;padding:0 8px;color:#294e63;border:1px solid #a7b8c2;background:#fff;font-size:9px}.cto-list article{position:relative;grid-template-columns:1fr auto;padding:0}.cto-list article.selected{border-color:#4d89ae;box-shadow:inset 3px 0 #2f719a}.cto-select{padding:10px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:0;background:transparent;color:#294e63;text-align:left}.cto-select span{color:#28723d;font-size:8px;font-weight:700}.cto-delete{width:30px;border:0;border-left:1px solid #e2c2c2;color:#a12f2f;background:#fff3f3}.cto-delete:disabled{color:#aab3b8;background:#f1f3f4}.cto-port-map{margin:16px 0;display:grid;grid-template-columns:repeat(8,minmax(58px,1fr));gap:6px}.cto-port-map div{min-width:0;min-height:48px;padding:7px;display:flex;flex-direction:column;gap:4px;border:1px solid}.cto-port-map div.available{color:#28723d;border-color:#9bc6a6;background:#e8f5eb}.cto-port-map div.occupied{color:#9d3030;border-color:#d6a0a0;background:#fbe9e9}.cto-port-map strong{font-size:10px}.cto-port-map small{overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.user-window{width:100vw;max-height:100vh;height:100vh}.user-body{grid-template-columns:1fr}.user-list{grid-column:auto}.event-window{width:100vw;height:100vh}.event-list article{grid-template-columns:10px 1fr}.event-list code,.event-list time{grid-column:2;text-align:left}.workarea{grid-template-columns:1fr}.navigator{display:none}.topology-search{width:150px}.toolbar-summary{display:none}.title-actions>span:first-child{display:none}.window-layer{padding:0}.olt-window,.equipment-window{width:100vw;height:100vh}.window-body{grid-template-columns:190px 1fr}.window-titlebar small{display:none}.equipment-body{grid-template-columns:1fr;overflow-y:auto}.equipment-list{min-height:220px;max-height:38vh;border-right:0;border-bottom:1px solid #aeb9c2}.equipment-form{overflow:visible}.equipment-grid{grid-template-columns:1fr}.equipment-grid label.wide{grid-column:auto}.onu-header{align-items:flex-start}.slot-counters{display:none}.onu-tools label,.onu-filters{width:100%}.ont-status-layer{padding:8px}.ont-status-body{grid-template-columns:1fr;padding:10px}.ont-status-grid{grid-template-columns:1fr}.login-page{grid-template-columns:1fr;overflow-y:auto}.login-brand-panel{min-height:260px;padding:30px;justify-content:flex-start}.login-logo{width:52px;height:52px}.login-logo svg{width:29px}.login-brand>p{margin:18px 0 8px}.login-brand h1{font-size:38px}.login-readonly,.login-vendors{display:none}.login-form-panel{padding:25px 18px 55px}.login-form{padding:28px 24px}}@media(max-width:760px){.cto-toolbar{flex-direction:column}.cto-toolbar label{justify-content:space-between}.cto-toolbar select,.cto-toolbar input{min-width:0;width:70%}.cto-port-map{grid-template-columns:repeat(4,minmax(50px,1fr))}.ont-cto-editor{grid-template-columns:auto minmax(0,1fr)}.ont-cto-editor button,.ont-cto-editor small{grid-column:2}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}.password-dialog-layer{z-index:90}.password-dialog{width:min(420px,calc(100vw - 32px));background:#fff;border:1px solid #9aa8b8;box-shadow:0 12px 32px #00000047}.password-dialog-body{display:grid;gap:10px;padding:14px}.password-dialog-body label{display:grid;gap:4px;font-size:13px}.password-dialog-error{color:#b42318;margin:0}.password-dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 14px 14px}.a11-menubar{position:relative;z-index:80;justify-content:flex-start}.a11-menubar .server-clock{margin-left:auto;padding-left:12px}.a11-menu-group{position:relative;display:flex}.a11-menu-group>button,.a11-direct-actions>button{display:flex;align-items:center;gap:5px}.a11-direct-actions{display:flex;align-self:stretch}.a11-menu-popup{position:absolute;top:100%;left:0;width:max-content;min-width:240px;max-width:min(370px,90vw);max-height:calc(100vh - 80px);overflow-y:auto;padding:4px;border:1px solid #8499a7;background:#fff;box-shadow:0 8px 24px #19303e47}.a11-menu-popup>button{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;padding:6px 9px;text-align:left}.a11-menu-popup button small{display:block;font-size:10px}.a11-menu-icon{width:16px;flex:0 0 16px}.a11-menu-popup kbd{margin-left:auto;padding-left:16px;color:#596f7c;font:inherit}.a11-menu-popup button:disabled,.toolbar button:disabled{opacity:.5;cursor:default}.a11-menubar button:focus-visible,.a11-dialog button:focus-visible,.a11-tree-toggle:focus-visible{outline:2px solid #2379b9;outline-offset:-2px;background:#d7e5f0}.a11-workarea.a11-no-navigator{grid-template-columns:minmax(0,1fr)}.a11-workarea .navigator{overflow-y:auto}.a11-tree-toggle{color:#284d64;border:0;background:transparent;text-align:left}.tree-branch>.a11-tree-toggle{padding-left:7px}.a11-workarea .canvas-tabs span svg:last-child{margin-left:0}.a11-workarea .olt-node em{max-width:180px;white-space:normal;text-align:center}.toolbar-summary>button{display:flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #aebbc4;background:#f8fbfd;font-size:10px}.a11-disconnected-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#ae4848}.a11-view-message{position:sticky;bottom:8px;left:8px;width:fit-content;padding:12px;color:#8b3333;background:#fff;border:1px solid #b97878;font-size:12px}.a11-view-message button{margin-left:12px}.a11-dialog-layer{z-index:220}.a11-dialog{width:min(850px,94vw);max-height:90vh;display:flex;flex-direction:column;border:1px solid #536f81;background:#f5f8fa;box-shadow:0 18px 65px #0818227a}.a11-dialog .window-titlebar{flex-shrink:0;min-height:34px}.a11-dialog-body{padding:18px;overflow:auto;-webkit-user-select:text;user-select:text;font-size:13px;line-height:1.6}.a11-dialog-body h2{margin-top:0;font-size:18px}.a11-dialog-body button,.a11-dialog-body select{min-height:32px;padding:4px 10px;border:1px solid #a5b6c1;background:#fff;font:inherit}.a11-dialog-body table{width:100%;margin-top:12px;border-collapse:collapse;text-align:left}.a11-dialog-body th,.a11-dialog-body td{padding:8px;border-bottom:1px solid #cad5dc;vertical-align:top}.a11-dialog-body th{color:#264d65;background:#e7eef3}.a11-dialog-body [role=alert]{color:#a12f2f}.a11-health-counts,.a11-alarm-tools{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.a11-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.a11-filter-grid label{display:flex;flex-direction:column;gap:4px}.a11-legend{padding:0;list-style:none}.a11-legend li{display:flex;align-items:center;gap:10px;margin:10px 0}@media(max-width:760px){.a11-menubar .server-clock{display:none}.a11-menubar button{padding-left:6px;padding-right:6px;font-size:10px}.a11-menu-group:nth-child(n+3) .a11-menu-popup{left:auto;right:0}.a11-workarea:not(.a11-no-navigator){grid-template-columns:170px minmax(0,1fr)}.a11-workarea .navigator{display:flex}.a11-filter-grid{grid-template-columns:1fr}}.onu-table th{padding:0}.onu-table th:nth-child(2){width:65px}.onu-sort-button{width:100%;min-height:28px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;gap:3px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;white-space:nowrap;cursor:pointer}.onu-sort-button svg{flex-shrink:0;opacity:.35}.onu-sort-button.active{color:#1b638f}.onu-sort-button.active svg,.onu-sort-button:hover svg{opacity:1}.onu-sort-button:hover{background:#ddecf6}.onu-sort-button:focus-visible{outline:2px solid #2379b9;outline-offset:-2px;background:#ddecf6}.ont-history{margin-top:16px;border:1px solid #b4c3cd;background:#fff}.ont-history-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:11px 12px;border:0;background:#e7eef3;color:#264d65;font:inherit;font-weight:600;text-align:left;cursor:pointer}.ont-history-toggle svg:last-child{margin-left:auto}.ont-history-content{padding:12px}.ont-history-periods{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.ont-history-content button{min-height:30px;padding:5px 12px;border:1px solid #a5b6c1;background:#fff;color:#264d65;font:inherit;cursor:pointer}.ont-history-periods button[aria-pressed=true]{background:#264d65;color:#fff;border-color:#264d65}.ont-history button:focus-visible{outline:2px solid #2379b9;outline-offset:2px}.ont-history-timeline{position:relative;height:24px;overflow:hidden;border-radius:3px;background:#929aa3}.ont-history-timeline>span{position:absolute;top:0;height:100%}.ont-history .state-online{background:#20854d}.ont-history .state-offline{background:#ce3939}.ont-history .state-los{background:#d57a16}.ont-history .state-dying_gasp{background:#8653b7}.ont-history .state-unknown{background:#929aa3}.ont-history-range{display:flex;justify-content:space-between;gap:12px;margin-top:5px;color:#516776;font-size:10px}.ont-history-legend{display:flex;flex-wrap:wrap;gap:8px 14px;padding:0;margin:12px 0;list-style:none;font-size:11px}.ont-history-legend li{display:flex;align-items:center;gap:5px}.ont-history-legend i{width:10px;height:10px;border-radius:2px}.ont-history-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.ont-history-summary>div{padding:10px;background:#f0f5f8}.ont-history-summary dt{color:#516776;font-size:11px}.ont-history-summary dd{margin:6px 0 0;color:#264d65;font-size:17px;font-weight:600}.ont-history-note{color:#516776;font-size:11px;line-height:1.5}.ont-history-table-scroll{max-height:260px;overflow:auto}.ont-history table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.ont-history th,.ont-history td{padding:8px;border-bottom:1px solid #dce4e9;vertical-align:top}.ont-history th{position:sticky;top:0;background:#edf3f7;color:#264d65}.ont-history [role=alert]{color:#a12f2f}@media(max-width:600px){.ont-history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ont-history-range{font-size:9px}}.login-register-form{width:min(430px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:28px 34px;overflow-y:auto}.login-register-form>label{margin-bottom:10px}.login-link{width:100%;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:6px;color:#286486;border:0;background:transparent;cursor:pointer}.login-link:hover{text-decoration:underline}.login-link:focus-visible,.user-window button:focus-visible,.user-window input:focus-visible,.user-window select:focus-visible{outline:2px solid #2379b9;outline-offset:2px}.login-hint,.login-strength{display:block;margin-top:4px;font-size:10px}.login-hint{color:#667b88}.login-strength{padding-left:14px;position:relative;color:#566d7a}.login-strength:before{content:"";width:8px;height:8px;position:absolute;left:0;top:2px;border-radius:50%;background:#a9b2b8}.login-strength-1:before{background:#c94444}.login-strength-2:before{background:#d89622}.login-strength-3:before{background:#258249}.login-registered{text-align:center}.login-registered .login-heading{text-align:left}.login-registered>p{line-height:1.55}.a11-menu-badge{min-width:17px;height:17px;margin-left:7px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:9px;background:#bd3b3b;font-size:9px;font-style:normal;font-weight:700}.user-window{width:min(1180px,96vw);height:min(780px,94vh)}.user-body-v17{height:calc(100% - 34px);min-height:0;padding:0;display:grid;grid-template-columns:260px minmax(0,1fr);position:relative}.user-account-panel{padding:16px;overflow-y:auto;border-right:1px solid #bac7cf;background:#eaf0f4}.user-account-summary{margin-bottom:16px;padding:12px;display:flex;align-items:flex-start;gap:10px;border:1px solid #b4c2cb;background:#fff}.user-account-summary>span{width:35px;height:35px;display:grid;place-items:center;color:#17699e;border-radius:50%;background:#dcecf6}.user-account-summary>div{min-width:0;display:flex;flex-direction:column;gap:3px}.user-account-summary strong,.user-account-summary small{overflow:hidden;text-overflow:ellipsis}.user-account-summary strong{font-size:12px}.user-account-summary small{color:#5b6f7c;font-size:9px}.user-account-summary em{width:fit-content;padding:2px 5px;color:#285c7b;border:1px solid #a8c0cf;background:#eef7fb;font-size:8px;font-style:normal}.user-admin-panel{min-width:0;min-height:0;padding:14px 16px 18px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;background:#f7f9fa}.user-admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.user-admin-toolbar [role=tablist]{min-width:0;display:flex;gap:3px}.user-admin-toolbar button,.user-card-actions button,.user-editor button,.user-form button{min-height:30px;padding:5px 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#28566f;border:1px solid #aabac4;background:#f6fafc;cursor:pointer}.user-admin-toolbar [role=tab][aria-selected=true]{color:#fff;border-color:#17649a;background:#176da7}.user-admin-toolbar button:disabled,.user-card-actions button:disabled{opacity:.45;cursor:default}.user-search{height:34px;padding:0 9px;display:flex;align-items:center;gap:7px;color:#607683;border:1px solid #b3c0c8;background:#fff}.user-search>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.user-search input{width:100%;height:30px;border:0;outline:0;background:transparent}.user-list-v17{min-height:0;padding:0;overflow-y:auto}.user-list-v17>p{padding:22px;color:#607480;border:1px dashed #b4c2cb;background:#fff;text-align:center}.user-list-v17 article{margin-bottom:7px;padding:10px;display:grid;grid-template-columns:minmax(170px,1fr) auto;gap:8px 14px;align-items:center;border:1px solid #b8c5cd;background:#fff}.user-card-main{min-width:0;display:flex;flex-direction:column;gap:2px}.user-card-main strong{color:#244c63;font-size:11px}.user-card-main span,.user-card-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-main span{font-size:10px}.user-card-main small{color:#687b87;font-size:8px}.user-status{padding:3px 7px;border:1px solid #b7c1c7;background:#edf1f3;font-size:8px;font-weight:700}.user-status-pendente{color:#825e13;border-color:#d6bd75;background:#fff4d3}.user-status-ativo{color:#23693b;border-color:#94c2a2;background:#e3f2e7}.user-status-recusado,.user-status-bloqueado{color:#8d3333;border-color:#d3a0a0;background:#fae8e8}.user-card-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:5px}.user-card-actions .danger{color:#923535;border-color:#d0a0a0;background:#fff4f4}.user-editor-layer{position:absolute;inset:0;z-index:3;padding:22px;display:grid;place-items:center;background:#1e303a7a}.user-editor{width:min(720px,100%);max-height:100%;padding:16px;overflow-y:auto;border:1px solid #668092;background:#fff;box-shadow:0 16px 50px #10212b59}.user-editor>header{margin-bottom:13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d3dde3}.user-editor h3{margin:0 0 10px;color:#274f66;font-size:14px}.user-editor>label,.user-editor-grid label{display:flex;flex-direction:column;gap:4px;color:#365c72;font-size:9px;font-weight:600}.user-editor-grid{margin-bottom:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.user-editor input,.user-editor select{min-height:33px;padding:5px 8px;border:1px solid #afbdc6;background:#fbfcfd}.user-editor fieldset{margin:12px 0;padding:10px;border:1px solid #bdc9d0}.user-editor legend{color:#294f65;font-size:10px;font-weight:700}.user-editor fieldset>p{margin:0 0 8px;color:#687b87;font-size:9px}.user-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.user-check-grid label{min-height:30px;padding:5px 7px;display:flex;align-items:center;gap:6px;border:1px solid #d2dbe0;background:#f5f8fa;font-size:9px}.user-check-grid input{min-height:auto}.user-check-grid small{margin-left:auto;color:#71838e;font-size:7px}.user-editor>footer{margin-top:14px;display:flex;justify-content:flex-end;gap:7px}.user-editor [role=alert]{color:#a12f2f;font-size:10px}@media(max-width:760px){.login-brand-panel{display:none}.login-form-panel{width:100%}.user-body-v17{grid-template-columns:1fr;overflow-y:auto}.user-account-panel{border-right:0;border-bottom:1px solid #bac7cf}.user-admin-panel{min-height:480px}.user-admin-toolbar{align-items:stretch;flex-direction:column}.user-admin-toolbar [role=tablist]{overflow-x:auto}.user-editor-grid,.user-check-grid{grid-template-columns:1fr}}.olt-device.bng{color:#315f78;border-color:#829daa;background:linear-gradient(135deg,#f4f8fa,#c9d8df)}.bng-node{width:180px;cursor:grab;touch-action:none}.bng-node:active{cursor:grabbing}.bng-layer{z-index:145}.bng-window{width:min(1280px,97vw);height:min(790px,94vh);display:grid;grid-template-rows:34px 38px minmax(0,1fr);background:#f5f8fa;border:1px solid #536f81;box-shadow:0 18px 65px #0818227a}.bng-tabs{display:flex;align-items:end;gap:2px;padding:4px 7px 0;border-bottom:1px solid #9eafb9;background:#dfe7ec}.bng-tabs button{min-width:170px;height:30px;display:flex;align-items:center;justify-content:center;gap:6px;color:#466170;border:1px solid #aab8c0;border-bottom:0;background:#edf2f5;font-size:10px;font-weight:600}.bng-tabs button[aria-selected=true]{height:31px;color:#174f72;background:#fff;box-shadow:inset 0 3px #347fad}.bng-content{min-height:0;display:flex;flex-direction:column;background:#fff}.bng-session-tools{min-height:47px;padding:6px 8px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #b9c4ca;background:#eef3f6}.bng-session-tools label:not(.bng-search){display:flex;align-items:center;gap:5px;color:#405e70;font-size:8px;font-weight:700}.bng-session-tools select{width:145px;height:29px;padding:0 6px;color:#294e63;border:1px solid #a8b8c2;background:#fff;font-size:9px}.bng-session-tools>span{margin-left:auto;color:#647883;font-size:8px;white-space:nowrap}.bng-search{width:min(360px,35vw);height:31px;padding:0 8px;display:flex;align-items:center;gap:6px;border:1px solid #7f9aaa;background:#fff;box-shadow:inset 0 1px 2px #1e3c4d14}.bng-search:focus-within{border-color:#2379b9;outline:2px solid rgba(35,121,185,.15)}.bng-search input{min-width:0;flex:1;border:0;outline:0;color:#173e55;background:transparent;font-size:10px}.bng-refresh,.bng-interface-tools button,.bng-table-state button{min-height:29px;padding:0 9px;display:flex;align-items:center;gap:5px;color:#315a72;border:1px solid #9fb1bd;background:#fff;font-size:9px}.bng-refresh:disabled,.bng-interface-tools button:disabled{opacity:.55}.bng-totals{min-height:36px;padding:5px 9px;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;color:#58707e;border-bottom:1px solid #c8d1d6;background:#f8fafb;font-size:8px}.bng-totals strong{color:#244d65;font-size:12px;white-space:nowrap}.bng-totals span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bng-table-wrap{min-height:0;flex:1;position:relative;overflow:auto}.bng-table{width:100%;min-width:1040px;border-collapse:collapse;table-layout:fixed}.bng-table thead{position:sticky;top:0;z-index:2}.bng-table th{height:29px;padding:0;color:#405866;text-align:left;border-right:1px solid #c5ced4;border-bottom:1px solid #aeb9c1;background:linear-gradient(#f8fafb,#dfe6ea);font-size:8px}.bng-sort{width:100%;height:29px;padding:0 7px;display:flex;align-items:center;justify-content:space-between;gap:4px;color:inherit;border:0;background:transparent;font:inherit;text-align:left}.bng-sort:hover,.bng-sort:focus-visible{color:#1b638f;background:#ddecf6}.bng-sort:focus-visible{outline:2px solid #2379b9;outline-offset:-2px}.bng-sort.active{color:#1b638f;font-weight:700}.bng-table td{height:34px;padding:0 7px;overflow:hidden;border-right:1px solid #e0e5e8;border-bottom:1px solid #e1e6e9;color:#314e5e;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.bng-table td strong{color:#174f72}.bng-table td small{margin-left:6px;color:#6c7f89;font-size:7px}.bng-table tbody tr:nth-child(2n){background:#f7f9fa}.bng-table tbody tr[data-testid]:hover,.bng-table tbody tr[tabindex]:hover,.bng-table tbody tr[tabindex]:focus{background:#ddecf6;outline:none}.bng-table th:nth-child(1){width:180px}.bng-table th:nth-child(2){width:110px}.bng-table th:nth-child(3){width:190px}.bng-table th:nth-child(4){width:135px}.bng-table th:nth-child(5){width:200px}.bng-table th:nth-child(6){width:110px}.bng-table th:nth-child(7){width:80px}.bng-table.interfaces{min-width:1120px}.bng-table.interfaces th:nth-child(1){width:170px}.bng-table.interfaces th:nth-child(2){width:190px}.bng-table.interfaces th:nth-child(3){width:100px}.bng-table.interfaces th:nth-child(4){width:90px}.bng-table.interfaces th:nth-child(5),.bng-table.interfaces th:nth-child(6){width:135px}.bng-table.interfaces th:nth-child(7),.bng-table.interfaces th:nth-child(8){width:75px}.bng-table.interfaces th:nth-child(9){width:105px}.bng-table-state{position:absolute;inset:30px 0 0;display:flex;align-items:center;justify-content:center;gap:7px;color:#5c7180;background:#ffffffe6;font-size:10px}.bng-table-state.error{color:#9e3434}.bng-hint{min-height:24px;padding:5px 9px;color:#687b86;border-top:1px solid #bdc8ce;background:#eef3f6;font-size:8px}.bng-interface-tools{min-height:43px;padding:6px 9px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #b9c4ca;background:#eef3f6}.bng-interface-tools label{display:flex;align-items:center;gap:6px;color:#405e70;font-size:9px;font-weight:600}.bng-state{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:700}.bng-state:before{width:7px;height:7px;content:"";border-radius:50%;background:#8b979e}.bng-state.online{color:#28723d}.bng-state.online:before{background:var(--green)}.bng-state.offline{color:#a12f2f}.bng-state.offline:before{background:var(--red)}.bng-utilization{display:flex;align-items:center;gap:6px}.bng-utilization>span{width:72px;height:7px;overflow:hidden;border:1px solid #aab7be;background:#e2e7ea}.bng-utilization i{height:100%;display:block;background:#4b9b65}.bng-utilization i.warning{background:var(--amber)}.bng-utilization i.critical{background:var(--red)}.bng-utilization b{min-width:36px;color:#425c6a;font-size:8px}.bng-detail-layer{position:fixed;inset:0;z-index:260;display:grid;place-items:center;padding:18px;background:#0c1d288c}.bng-detail-window{width:min(780px,95vw);max-height:92vh;display:grid;grid-template-rows:34px minmax(0,1fr);border:1px solid #536f81;background:#f5f8fa;box-shadow:0 18px 65px #08182280}.bng-detail-body{padding:14px;overflow-y:auto}.bng-detail-grid{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #b8c4cb;border-left:1px solid #b8c4cb}.bng-detail-grid>div{min-width:0;padding:8px 9px;border-right:1px solid #b8c4cb;border-bottom:1px solid #b8c4cb;background:#fff}.bng-detail-grid dt{margin-bottom:4px;color:#72848e;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.bng-detail-grid dd{margin:0;overflow-wrap:anywhere;color:#25485c;font-size:10px;font-weight:600}.bng-live{margin-top:12px;border:1px solid #aebec7;background:#fff}.bng-live>header{min-height:33px;padding:0 10px;display:flex;align-items:center;color:#264d65;border-bottom:1px solid #bdc8ce;background:#e7eef3;font-size:10px;font-weight:700}.bng-live>header span{display:flex;align-items:center;gap:5px}.bng-live-message{min-height:90px;margin:0;display:flex;align-items:center;justify-content:center;gap:6px;color:#647883;font-size:9px}.bng-live-message.error{color:#a12f2f}.bng-live-message.warning{color:#8a6517;background:#fff8e5}.bng-chart{padding:10px}.bng-chart svg{width:100%;max-height:220px;display:block;overflow:visible}.bng-chart-grid{stroke:#dce4e8;stroke-width:1}.bng-chart-axis{fill:#6a7c86;font-size:8px}.bng-chart-line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.bng-chart-line.a{stroke:#267bb3}.bng-chart-line.b{stroke:#d47b24}.bng-chart-reference{stroke-width:1;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.bng-chart-reference.a{stroke:#267bb3}.bng-chart-reference.b{stroke:#d47b24}.bng-chart-legend{margin:7px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;color:#516976;font-size:9px}.bng-chart-legend li{display:flex;align-items:center;gap:5px}.bng-chart-legend i{width:13px;height:3px;background:#267bb3}.bng-chart-legend .b i{background:#d47b24}.bng-chart-legend .reference i{height:0;border-top:1px dashed #5f7683;background:transparent}.bng-chart-legend small{color:#71838d}.ont-pppoe{grid-column:1 / -1;padding:11px;border:1px solid #aebec7;background:#fff}.ont-pppoe>header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#264d65}.ont-pppoe>header span,.ont-pppoe>header strong{display:flex;align-items:center;gap:6px;font-size:10px}.ont-pppoe>header strong.online{color:#28723d}.ont-pppoe>header strong.offline{color:#a12f2f}.ont-pppoe>div{margin-top:9px;display:flex;align-items:end;gap:12px}.ont-pppoe dl{margin:0;flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ont-pppoe dt{color:#72848e;font-size:7px;font-weight:700}.ont-pppoe dd{margin:3px 0 0;color:#25485c;font-size:10px;font-weight:600}.ont-pppoe button{min-height:30px;padding:0 10px;color:#fff;border:1px solid #235b7e;background:#36799f;font-size:9px}.ont-pppoe p{margin:9px 0 0;color:#657985;font-size:9px}@media(max-width:760px){.bng-layer{padding:0}.bng-window{width:100vw;height:100vh}.bng-session-tools{flex-wrap:wrap}.bng-search{width:100%}.bng-session-tools>span{width:100%;margin-left:0}.bng-totals{grid-template-columns:1fr}.bng-detail-layer{padding:5px}.bng-detail-window{width:100vw;max-height:100vh}.bng-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ont-pppoe>div{align-items:stretch;flex-direction:column}}