.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root,[data-theme=light]{--th-primary: #0866d8;--th-primary-dark: #064a9f;--th-primary-light: #eaf3ff;--th-sidebar: #071d33;--th-sidebar-hover: #0d3153;--th-sidebar-active: #0866d8;--th-background: #f5f8fc;--th-card: #ffffff;--th-border: #e3eaf2;--th-border-strong: #dce4ee;--th-text: #10233f;--th-text-secondary: #607089;--th-muted: #8a98aa;--th-success: #16a765;--th-success-bg: #eaf8f1;--th-warning: #f59e0b;--th-warning-bg: #fff7e6;--th-danger: #ef4444;--th-danger-bg: #fff0f0;--th-info: #2196f3;--th-info-bg: #edf6ff;--th-table-head: #f8fafc;--th-row-hover: #f3f8ff;--th-shadow: 0 2px 8px rgba(15, 35, 60, .04);--th-shadow-lg: 0 8px 24px rgba(15, 35, 60, .08);--th-radius: 12px;--th-radius-sm: 8px;--th-control-h: 40px;--rail-bg: var(--th-sidebar);--rail-bg-2: var(--th-sidebar-hover);--rail-line: #12324f;--rail-text: #d7e4f4;--rail-muted: #8aa0b8;--rail-active: var(--th-primary);--bg: var(--th-background);--bg-2: var(--th-card);--bg-3: #f8fafc;--line: var(--th-border);--text: var(--th-text);--muted: var(--th-text-secondary);--accent: var(--th-primary);--accent-2: #2b8cff;--danger: var(--th-danger);--warn: var(--th-warning);--reach: var(--th-success);--unreach: var(--th-danger);--plan: var(--th-muted);--maint: var(--th-warning);--off: #90a4ae;--shadow: var(--th-shadow);--radius: var(--th-radius);--font: "Inter", "Segoe UI", "IBM Plex Sans", system-ui, sans-serif;--mono: "Cascadia Mono", "Consolas", "SFMono-Regular", monospace}[data-theme=noc]{--th-primary: #3b8cff;--th-primary-dark: #1d6fe8;--th-primary-light: #123056;--th-sidebar: #07111f;--th-sidebar-hover: #0d1b2a;--th-sidebar-active: #0866d8;--th-background: #07111f;--th-card: #0d1b2a;--th-border: #1c3044;--th-border-strong: #2a3d52;--th-text: #e8eef6;--th-text-secondary: #8b9bb0;--th-muted: #7f94ab;--th-success: #3ecf8e;--th-success-bg: #123a28;--th-warning: #ffb74d;--th-warning-bg: #3a2a12;--th-danger: #ef5350;--th-danger-bg: #3a1a1a;--th-info: #64b5f6;--th-info-bg: #123044;--th-table-head: #122337;--th-row-hover: #152536;--th-shadow: 0 2px 10px rgba(0, 0, 0, .35);--th-shadow-lg: 0 10px 28px rgba(0, 0, 0, .4);--rail-bg: var(--th-sidebar);--rail-bg-2: var(--th-sidebar-hover);--rail-line: #1c3044;--rail-text: #d8e6f5;--rail-muted: #7f94ab;--rail-active: var(--th-success);--bg: var(--th-background);--bg-2: var(--th-card);--bg-3: #122337;--line: var(--th-border);--text: var(--th-text);--muted: var(--th-text-secondary);--accent: var(--th-primary);--accent-2: #64b5f6;--danger: var(--th-danger);--warn: var(--th-warning);--reach: var(--th-success);--unreach: var(--th-danger);--plan: #6b7c93;--maint: var(--th-warning);--off: #5a6574;--shadow: var(--th-shadow)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.shell{display:grid;grid-template-columns:var(--shell-sidebar-w, 240px) minmax(0,1fr);grid-template-rows:var(--shell-topbar-h, 56px) minmax(0,1fr);grid-template-areas:"rail topbar" "rail main";min-height:100%;height:100vh;height:100dvh;overflow:hidden;--shell-sidebar-w: 240px;--shell-topbar-h: 56px}.shell.rail-collapsed{--shell-sidebar-w: 72px}.rail{grid-area:rail;background:var(--rail-bg);color:var(--rail-text);border-right:1px solid var(--rail-line);padding:10px 8px 12px;display:flex;flex-direction:column;gap:8px;overflow-x:hidden;overflow-y:auto;z-index:30;min-height:0}.rail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;margin-bottom:2px}.rail-head .desktop-brand{flex:1;min-width:0}.th-rail-collapse{flex:none;color:var(--rail-text);border-color:var(--rail-line)}.shell.rail-collapsed .rail-head{flex-direction:column;align-items:center;gap:8px}.shell.rail-collapsed .rail-head .brand-name,.shell.rail-collapsed .rail-head .brand-sub{display:none}.shell.rail-collapsed .rail-head .desktop-brand{flex:none}.brand{display:flex;gap:10px;align-items:center}.brand-mark{width:38px;height:38px;border-radius:10px;border:0;background:var(--th-primary);color:#fff;display:grid;place-items:center;font-weight:700;letter-spacing:.04em;box-shadow:0 4px 12px #0866d859}.brand-name{font-weight:700;letter-spacing:.01em;font-size:15px;color:#fff;text-transform:none}.brand-sub{color:var(--rail-muted);font-size:10px;letter-spacing:.02em;text-transform:none}.nav{display:block;padding:8px 12px;color:var(--rail-text);border-left:0;border-radius:8px;font-size:13px;font-weight:500;margin:2px 0;transition:background .12s ease}.nav:hover{background:var(--rail-bg-2);text-decoration:none}.nav.on{background:var(--th-sidebar-active);color:#fff;font-weight:600}.nav-group{margin:0 0 8px}.nav-group summary{color:var(--rail-text);font-size:13px;letter-spacing:0;text-transform:none;cursor:pointer;padding:9px 10px;font-weight:600;display:flex;align-items:center;gap:10px;border-radius:8px;list-style:none}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:hover{background:var(--th-sidebar-hover)}.nav-subhead{margin:8px 10px 2px 36px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rail-muted)}.th-nav-ico{width:18px;height:18px;flex:none;opacity:.9}.shell.rail-collapsed .nav-group summary,.shell.rail-collapsed .nav-subhead,.shell.rail-collapsed .who,.shell.rail-collapsed .th-health,.shell.rail-collapsed .brand-name,.shell.rail-collapsed .brand-sub{display:none}.rail-foot{margin-top:auto;display:grid;gap:8px}.who-name{font-weight:600}.who-mail{color:var(--muted);font-size:12px;word-break:break-all}.global-search{position:relative;margin:4px 0 10px}.global-search input{width:100%;min-width:0}.topbar .global-search{flex:1;max-width:280px;margin:0}.search-hits{position:absolute;z-index:40;left:0;right:0;margin:4px 0 0;padding:0;list-style:none;background:var(--bg-2);border:1px solid var(--line);max-height:320px;overflow:auto}.search-hits button{display:grid;gap:2px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--text);padding:8px 10px}.search-hits button:hover{background:var(--bg-3)}.search-hits span{color:var(--muted);font-size:12px}.path-list{margin:0;padding-left:18px}.path-list li{margin:2px 0}.main{grid-area:main;padding:10px 14px 24px;max-width:none;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.th-page-head{align-items:center}.th-page-desc{margin:2px 0 0}h1{font-size:24px;font-weight:700;margin:0 0 4px;color:var(--th-text);letter-spacing:-.02em}h2{font-size:15px;text-transform:none;letter-spacing:-.01em;color:var(--th-text);margin:0 0 12px;font-weight:700}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.crumb{color:var(--muted);margin:0 0 6px;font-size:12px}.crumb a{color:var(--muted)}.crumb a:hover{color:var(--accent)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.stat-row.five{grid-template-columns:repeat(5,1fr)}.banner.ok{border-color:var(--th-info);color:var(--th-info);background:var(--th-info-bg)}.stat,.panel{background:var(--bg-2);border:1px solid var(--th-border);padding:16px;border-radius:var(--radius);box-shadow:var(--th-shadow)}.stat-k{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.stat-v{font-size:26px;font-weight:700;margin:4px 0;letter-spacing:-.02em}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:13px}th{color:var(--th-text-secondary);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:var(--th-table-head);position:sticky;top:0;z-index:1}tbody tr{transition:background .1s ease}tbody tr:hover{background:var(--th-row-hover)}.table-wrap{overflow:auto;border-radius:var(--radius);border:1px solid var(--th-border);background:var(--bg-2);box-shadow:var(--th-shadow)}.table-wrap table{margin:0}.table-wrap th:first-child,.table-wrap td:first-child{padding-left:8px}.num{text-align:right;font-family:var(--mono)}.lamp{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;background:var(--plan);vertical-align:middle}.lamp.unknown{background:var(--plan)}.lamp.online{background:var(--reach)}.lamp.offline{background:var(--unreach)}.lamp.reachable{background:var(--reach)}.lamp.unreachable{background:var(--unreach)}.lamp.planned{background:var(--plan)}.lamp.maintenance{background:var(--warn)}.lamp.up{background:var(--reach)}.lamp.down{background:var(--unreach)}.lamp.disabled{background:var(--warn)}.cap-list{margin:8px 0 0;padding-left:18px}.tree ul{list-style:none;margin:4px 0 0 16px;padding:0}.tree-row{display:flex;align-items:center;gap:8px;padding:2px 0}.tree-spacer{width:28px;display:inline-block}.tiny{padding:2px 8px;min-width:28px}.diag-out{white-space:pre-wrap;font-family:var(--mono);font-size:12px;max-height:280px;overflow:auto;background:var(--bg);padding:10px;border:1px solid var(--line)}button,.primary,.ghost{border:1px solid var(--th-border-strong);background:var(--bg-2);color:var(--text);padding:8px 14px;min-height:38px;border-radius:var(--th-radius-sm);cursor:pointer;font:inherit;font-weight:550;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.primary{background:var(--th-primary);color:#fff;border-color:var(--th-primary);font-weight:650;box-shadow:0 1px 2px #0866d833}.primary:hover{background:var(--th-primary-dark);border-color:var(--th-primary-dark)}.primary:disabled{opacity:.6;cursor:default}.ghost{background:var(--bg-2)}.ghost:hover,button:hover{border-color:var(--accent)}.ghost.on{border-color:var(--accent);color:var(--accent);background:var(--th-primary-light)}.btn-success,.onu-btn-enable{background:var(--th-success)!important;border-color:var(--th-success)!important;color:#fff!important}.btn-warn{background:var(--th-warning);border-color:var(--th-warning);color:#10233f}.btn-danger,.danger{background:var(--th-danger-bg);border-color:var(--th-danger);color:var(--th-danger)}input,select,textarea{width:100%;background:var(--bg-2);color:var(--text);border:1px solid var(--th-border-strong);padding:9px 12px;min-height:var(--th-control-h);border-radius:7px;font:inherit;transition:border-color .12s ease,box-shadow .12s ease}input[type=checkbox],input[type=radio]{width:15px;height:15px;min-width:15px;min-height:15px;padding:0;margin:0;flex:none;accent-color:var(--th-primary);box-shadow:none}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--th-primary);box-shadow:0 0 0 3px #0866d826}textarea{resize:vertical;min-height:72px}.check{display:flex;align-items:center;gap:8px;color:var(--text)}.check input{width:auto}.split.three{grid-template-columns:1fr 1fr 1fr}.field-err{color:var(--danger);font-size:12px}.sortable{cursor:pointer}.pager{display:flex;gap:8px;align-items:center;margin-top:12px}.col-vis{margin:0 0 10px;color:var(--muted)}.col-vis-list{display:flex;flex-wrap:wrap;gap:12px;padding:8px 0}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.muted-lg{font-size:22px!important;font-weight:500;color:var(--muted)}.head-actions{display:flex;gap:8px;flex-wrap:wrap}.row-actions{display:flex;gap:10px}.danger{border-color:var(--th-danger);color:var(--th-danger);background:var(--th-danger-bg)}.olt-meta{display:flex;flex-wrap:wrap;gap:12px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#07111f66}.dialog.onu-type-dialog{width:min(860px,94vw);max-height:min(86vh,900px);overflow:auto}.dialog{position:relative;z-index:41;width:min(480px,92vw);background:var(--bg-2);border:1px solid var(--th-border);border-radius:var(--radius);padding:22px;display:grid;gap:12px;box-shadow:var(--th-shadow-lg)}label{display:grid;gap:6px;font-size:12px;color:var(--th-text-secondary);font-weight:600}.toolbar,.inline-form{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.toolbar{background:var(--th-card);border:1px solid var(--th-border);border-radius:12px;padding:10px 12px;box-shadow:var(--th-shadow)}.toolbar input,.toolbar select,.inline-form input,.inline-form select{width:auto;min-width:140px;flex:0 1 180px;height:40px}.stack{display:grid;gap:8px}.banner{border:1px solid var(--th-border);background:var(--bg-3);border-radius:var(--th-radius-sm);padding:6px 10px;margin-bottom:6px;font-size:13px}.banner.err{border-color:var(--th-danger);color:var(--th-danger);background:var(--th-danger-bg)}.kv{display:grid;grid-template-columns:140px 1fr;gap:8px 12px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0}.flags{margin:0 0 16px;padding-left:18px}.pre{background:var(--bg);border:1px solid var(--line);padding:10px;overflow:auto;font-family:var(--mono);font-size:12px}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top left,rgba(8,102,216,.12),transparent 50%),radial-gradient(ellipse at bottom right,rgba(22,167,101,.08),transparent 45%),var(--th-background)}.login-card{width:min(420px,94vw);background:var(--bg-2);border:1px solid var(--th-border);border-radius:16px;padding:28px;display:grid;gap:14px;box-shadow:var(--th-shadow-lg)}.login-brand{margin-bottom:4px}.login-brand .brand-name{color:var(--th-text);font-size:18px}.login-brand .brand-sub{color:var(--th-text-secondary);font-size:12px}.topbar{grid-area:topbar;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--th-border);background:var(--bg-2);min-width:0;z-index:25;height:var(--shell-topbar-h, 56px);box-shadow:0 1px #0f233c0a}.work-head .global-search{flex:1;max-width:480px}.work-head .global-search input{border-radius:999px;background:var(--th-background);padding-left:16px}.th-quick{display:flex;gap:6px;flex-wrap:wrap}.mobile-brand{display:none}.collapse-btn{width:auto}.menu-btn{width:auto;border-radius:var(--th-radius-sm)}.top-who{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;text-align:left;line-height:1.2}.top-who .th-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--th-primary-light);color:var(--th-primary);font-weight:700;font-size:12px;flex:none}.th-profile-copy{display:grid;gap:1px;min-width:0}.top-who strong{color:var(--text);font-size:13px;font-weight:650}.top-who .th-profile-copy>span{font-size:11px;color:var(--muted)}button.top-who{border:0;background:transparent;min-height:0;padding:4px 6px;border-radius:999px;font-weight:400;box-shadow:none}button.top-who:hover{background:#0f233c0f}.th-profile-cluster{display:flex;align-items:center;gap:4px;margin-left:4px;padding-left:8px;border-left:1px solid var(--th-border)}.th-logout-btn{border-radius:50%!important;color:var(--th-danger);border-color:#dc262640!important;background:#fef2f2e6!important}.th-logout-btn:hover{border-color:var(--th-danger)!important;color:var(--th-danger);background:#fee2e2!important}.profile-page{max-width:760px;display:grid;gap:16px}.profile-page h2{margin:0 0 12px;font-size:16px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.profile-grid label{margin:0}.profile-span{grid-column:1 / -1}.profile-page .ok{color:var(--th-success, #15803d);margin:0}@media(max-width:720px){.profile-grid{grid-template-columns:1fr}}.work-title{display:grid;min-width:160px}.work-title strong{font-size:15px;color:var(--th-text);font-weight:700}.work-title span{font-size:11px;color:var(--muted)}.th-bell{width:36px;height:36px;min-height:36px;padding:0;border-radius:999px;color:var(--th-danger);display:grid;place-items:center}.th-health{display:flex;gap:10px;align-items:center;background:#ffffff0a;border:1px solid var(--rail-line);border-radius:12px;padding:12px}.th-health strong,.th-health span{display:block;color:var(--rail-text);font-size:12px}.th-health span{color:var(--rail-muted)}.th-health-ring{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:3px solid var(--th-success);color:var(--th-success);font-weight:700;font-size:11px;flex:none}.th-dock{display:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;border:0;z-index:20}.tabs{display:flex;gap:4px;margin-bottom:14px;flex-wrap:wrap;border-bottom:1px solid var(--th-border);padding-bottom:0}.tab{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;min-height:40px;color:var(--muted);padding:8px 14px}.tab:hover{color:var(--th-text);border-color:transparent}.tab.on{border-bottom-color:var(--th-primary);color:var(--th-primary);background:transparent;font-weight:650}.table-wrap{overflow-x:auto}.login-card{width:min(420px,100%)}.opt-chart{width:100%;height:auto;background:var(--bg);border:1px solid var(--line)}.chart-plot{fill:var(--bg-2)}.chart-axis{fill:var(--muted);font-size:10px}.chart-warn{stroke:#d5b35a;stroke-dasharray:4 3}.chart-crit{stroke:#e06c75;stroke-dasharray:4 3}.chart-hover{stroke:#8aa;stroke-dasharray:2 2}.chart-legend{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:6px}.chart-legend label{display:inline-flex;flex-direction:row;align-items:center;gap:5px;color:var(--text);font-size:12px;font-weight:650;margin:0}.chart-legend input{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important}.chart-tip{font-size:12px;color:var(--muted);margin-top:6px;font-family:var(--mono)}.opt-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;z-index:50;display:grid;place-items:center;padding:24px}.opt-modal-inner{width:min(1100px,96vw);max-height:94vh;overflow:auto;background:var(--bg-2);border:1px solid var(--line);padding:20px}.traffic-full{width:min(1400px,98vw)}.traffic-full .opt-chart{min-height:480px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.chips label{display:flex;flex-direction:row;align-items:center;gap:6px}.th-metric-link{text-decoration:none;color:inherit;display:block;min-width:0}.th-metric-link:hover{text-decoration:none}.th-metric{min-height:118px}.th-metric.ok{border-top:3px solid var(--reach)}.th-metric.warn{border-top:3px solid var(--warn)}.th-metric.crit{border-top:3px solid var(--danger)}.th-metric.info{border-top:3px solid var(--accent)}.th-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.th-kpi-split{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:12px;color:var(--muted)}.th-widget-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.th-widget-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.th-widget-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.th-status{white-space:nowrap}.th-badge{display:inline-flex;align-items:center;gap:2px;padding:3px 10px 3px 8px;border-radius:999px;font-size:12px;font-weight:650;line-height:1.4;border:1px solid transparent}.th-badge .lamp{margin-right:4px}.th-badge-online{background:var(--th-success-bg);color:var(--th-success);border-color:transparent}.th-badge-offline{background:var(--th-danger-bg);color:var(--th-danger)}.th-badge-warn{background:var(--th-warning-bg);color:#b45309}.th-badge-info,.th-badge-unknown{background:var(--bg-3);color:var(--th-text-secondary)}[data-theme=noc] .th-badge-warn{color:var(--th-warning)}.th-alarm{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--line)}.th-alarm.crit{color:var(--danger);border-color:var(--danger)}.th-alarm.warn{color:var(--warn);border-color:var(--warn)}.th-alarm.info{color:var(--accent);border-color:var(--accent)}.th-empty{padding:18px 8px}.th-topo-legend{display:flex;gap:16px;margin-bottom:12px;color:var(--muted)}.th-topo-stack{display:grid;gap:8px;margin-bottom:16px}.th-topo-tier{text-align:center;padding:10px;border:1px dashed var(--line);border-radius:var(--radius);background:var(--bg-2)}.th-topo-olts{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.th-topo-node{display:grid;gap:4px;text-align:left;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:10px}.th-drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.th-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);background:var(--bg-2);border-left:1px solid var(--line);z-index:42;padding:16px;overflow:auto}.rail .brand-name,.rail .who-name{color:var(--rail-text)}.rail .brand-sub,.rail .who-mail{color:var(--rail-muted)}.rail .ghost{color:var(--rail-text);border-color:var(--rail-line);background:transparent}html{overflow-x:hidden}@media(max-width:1200px){.th-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.th-widget-grid{grid-template-columns:1fr}.th-quick{display:none}}@media(max-width:900px){.shell,.shell.rail-collapsed{grid-template-columns:1fr;grid-template-rows:var(--shell-topbar-h) 1fr;grid-template-areas:"topbar" "main";height:auto;min-height:100%;overflow:visible}.rail{grid-area:auto}.topbar{display:flex;grid-area:topbar}.main{grid-area:main;overflow:visible}.desktop-brand,.rail-head .desktop-brand{display:none}.mobile-brand{display:flex}.collapse-btn,.th-rail-collapse{display:none}.rail{position:fixed;inset:0 auto 0 0;width:min(280px,86vw);z-index:30;transform:translate(-105%);transition:transform .15s ease;border-right:1px solid var(--rail-line)}.rail.open{transform:translate(0)}.main{padding:16px 12px 40px}.stat-row,.split,.page-head,.health-grid,.split.three,.stat-row.five{grid-template-columns:1fr}.page-head{flex-direction:column}.kv{grid-template-columns:1fr}.th-quick{display:none}button.primary,.primary{width:100%}}@media(max-width:700px){.th-table-wrap table{min-width:0}.th-table-wrap thead{display:none}.th-table-wrap tr{display:block;border-bottom:1px solid var(--line);padding:10px 0}.th-table-wrap td{display:flex;justify-content:space-between;gap:12px;border:0}}.dash{display:grid;gap:14px}.dash-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.dash-kpi{display:flex;gap:12px;align-items:flex-start;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;min-width:0}.dash-kpi .stat-v{font-size:28px;margin:2px 0 6px}.dash-kpi-sub{display:flex;flex-wrap:wrap;gap:8px 10px;font-size:12px;color:var(--muted)}.dash-kpi-sub a{color:var(--reach)}.dash-kpi-sub a[href*=offline],.dash-kpi-sub a[href*=LOS],.dash-kpi-sub a[href*=critical]{color:var(--danger)}.dash-kpi-ico{width:42px;height:42px;border-radius:12px;padding:8px;flex:none}.dash-kpi-ico.olt{background:var(--th-primary-light);color:var(--th-primary)}.dash-kpi-ico.onu{background:var(--th-success-bg);color:var(--th-success)}.dash-kpi-ico.user{background:var(--th-info-bg);color:var(--th-info)}.dash-kpi-ico.traffic{background:#e8fbf4;color:#00897b}.dash-kpi-ico.alarm{background:var(--th-danger-bg);color:var(--th-danger)}.dash-kpi-ico.unreg{background:var(--th-warning-bg);color:#7a4b00}.dash-card{min-width:0}.dash-mid{display:grid;grid-template-columns:1.7fr 1fr;gap:12px}.dash-mid-right{display:grid;gap:12px}.dash-tables{display:grid;grid-template-columns:1.2fr 1.05fr 1fr;gap:12px}.dash-bottom{display:grid;grid-template-columns:1.15fr 1.05fr .95fr;gap:12px}.dash-legend{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12px}.dash-topo{display:grid;justify-items:center;gap:6px;padding:8px 0 4px}.dash-cloud{background:linear-gradient(180deg,#eef6ff,#d7e9ff);border:1px solid #c5dbf5;border-radius:40px;padding:10px 28px;color:#1d6fe8;font-weight:600}.dash-spine{width:2px;height:16px;background:#9bb8d9}.dash-core{font-size:12px}.dash-olt-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;width:100%}.dash-olt{display:grid;gap:2px;text-align:center;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:12px;padding:10px 8px;background:var(--bg-3)}.dash-olt:hover{text-decoration:none;border-color:var(--accent)}.dash-olt.online{border-top:3px solid var(--reach)}.dash-olt.offline{border-top:3px solid var(--danger)}.dash-olt.unknown,.dash-olt.disabled{border-top:3px solid var(--warn)}.dash-olt strong{font-size:12px}.dash-olt span{font-size:11px;color:var(--muted)}.dash-spark{width:100%;height:150px;display:block}.dash-spark-fill{fill:#2e7d3229}.dash-spark-rx{fill:none;stroke:#2e7d32;stroke-width:2}.dash-spark-tx{fill:none;stroke:#0288d1;stroke-width:2}.dash-traffic-meta{display:flex;gap:16px;font-size:12px;margin-bottom:6px}.dash-traffic-meta .ok{color:var(--reach)}.dash-bars{list-style:none;margin:0;padding:0;display:grid;gap:8px}.dash-bars li{display:grid;grid-template-columns:90px 1fr auto;gap:8px;align-items:center;font-size:12px}.dash-bar{height:10px;background:var(--bg-3);border-radius:99px;overflow:hidden}.dash-bar i{display:block;height:100%;background:#2e7d32}.dash-bar.warn i{background:var(--warn)}.dash-bar.crit i{background:var(--danger)}.perf-bars li{grid-template-columns:72px 1fr minmax(160px,auto)}.dash-table{font-size:12px}.dash-geo{list-style:none;margin:0;padding:0;display:grid;gap:8px}.dash-geo li{display:grid;grid-template-columns:16px 1fr auto;gap:8px;align-items:center}.dash-pon{list-style:none;margin:0;padding:0;display:flex;gap:8px;align-items:end;min-height:140px}.dash-pon li{flex:1;display:grid;justify-items:center;gap:4px;font-size:11px}.dash-pon-bar{width:100%;height:110px;background:var(--bg-3);border-radius:8px 8px 4px 4px;display:flex;align-items:end;overflow:hidden}.dash-pon-bar i{display:block;width:100%;background:#2e7d32}.dash-pon-bar.warn i{background:var(--warn)}.dash-pon-bar.crit i{background:var(--danger)}.dash-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dash-act{border:0;border-radius:12px;padding:14px 10px;color:#fff;font:inherit;font-weight:650;text-align:center;text-decoration:none;cursor:pointer}.dash-act:hover{text-decoration:none;opacity:.92}.dash-act.blue{background:#1d6fe8}.dash-act.green{background:#2e7d32}.dash-act.orange{background:#ef6c00}.dash-act.purple{background:#7b1fa2}.dash-act.navy{background:#1565c0}.dash-act.teal{background:#00897b}.dash-act.pink{background:#c2185b}.dash-opt{margin:10px 0 0}[data-theme=noc] .dash-kpi-ico.olt{background:#123056;color:#7eb6ff}[data-theme=noc] .dash-kpi-ico.pon{background:#123a28;color:#3ecf8e}[data-theme=noc] .dash-kpi-ico.onu{background:#3a2a12;color:#ffb74d}[data-theme=noc] .dash-kpi-ico.user{background:#2a1840;color:#ce93d8}[data-theme=noc] .dash-kpi-ico.traffic{background:#123830;color:#4db6ac}[data-theme=noc] .dash-kpi-ico.alarm{background:#3a1a1a;color:#ef5350}[data-theme=noc] .dash-kpi-ico.unreg{background:#3a2e12;color:#fc6}[data-theme=noc] .dash-cloud{background:#152536;border-color:#2a3d52;color:#64b5f6}@media(max-width:1280px){.dash-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-mid,.dash-tables,.dash-bottom{grid-template-columns:1fr 1fr}}@media(max-width:900px){.work-title{display:none}.dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-mid,.dash-tables,.dash-bottom,.dash-mid-right{grid-template-columns:1fr}.th-onu-page .page-head .head-actions .primary,.th-onu-page .page-head .head-actions .ghost{width:auto}.th-dock{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:25;background:var(--bg-2);border-top:1px solid var(--line);padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.th-dock a,.th-dock button{background:transparent;border:0;color:var(--muted);text-align:center;text-decoration:none;font:inherit}.th-dock .on{color:var(--accent);font-weight:700}.main{padding-bottom:84px}.dash-health-mobile{display:flex;gap:12px;align-items:center;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.dash-health-mobile strong{font-size:22px;color:var(--reach)}.dash-act{width:100%}}@media(max-width:520px){.dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.top-who span{display:none}}.alarm-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}.alarm-kpi{display:flex;flex-direction:column;gap:4px;padding:12px;text-decoration:none;color:inherit}.alarm-kpi strong{font-size:22px}.alarm-kpi.crit{border-color:var(--danger)}.alarm-kpi.warn{border-color:var(--warn)}.sev-row.critical{box-shadow:inset 4px 0 0 var(--danger)}.sev-row.warning{box-shadow:inset 4px 0 0 var(--warn)}.json-block{overflow:auto;background:var(--bg-2);padding:12px;border-radius:8px;font-size:12px}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:10px}.alarm-toast{display:flex;gap:12px;align-items:center;padding:10px 14px;background:var(--bg-2);border:1px solid var(--danger);border-radius:10px;margin-bottom:12px}.noc-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0 18px}.noc-wall-card h3{margin:0 0 8px;font-size:13px}.noc-wall-card ul{margin:0;padding-left:16px}.pager{display:flex;gap:12px;align-items:center;margin-top:12px}.kv{display:grid;grid-template-columns:140px 1fr;gap:6px 12px}.internal-note{border-left:3px solid var(--warn);padding-left:8px}.sla-ok{color:var(--ok, #3dd68c)}.sla-risk{color:var(--warn)}.sla-breach{color:var(--danger);font-weight:600}.topo-page,.topo-wallboard{display:grid;gap:10px}.topo-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;position:relative}.topo-search{display:flex;align-items:center;gap:6px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:4px 8px;min-width:240px}.topo-search input{border:0;background:transparent;color:inherit;width:220px}.topo-hits{position:absolute;top:40px;left:0;z-index:20;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);list-style:none;margin:0;padding:6px;min-width:280px}.topo-hits button{display:grid;text-align:left;width:100%;background:none;border:0;color:inherit;padding:6px}.topo-stage{height:min(72vh,820px);min-height:420px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);overflow:hidden;position:relative}.topo-empty{position:absolute;top:12px;right:12px;bottom:12px;left:12px;z-index:2}.topo-wall-grid{display:grid;grid-template-columns:1fr 280px;gap:12px}.topo-side{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.topo-menu{position:fixed;z-index:50;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);display:grid;min-width:180px;padding:6px}.topo-menu a,.topo-menu button{text-align:left;background:none;border:0;color:inherit;padding:6px 8px}.rf-node{width:180px;display:grid;gap:2px;background:var(--bg-2);border:2px solid var(--line);border-radius:10px;padding:8px 10px;font-size:12px;color:var(--text)}.rf-node.selected{box-shadow:0 0 0 2px var(--accent)}.rf-node.rf-online{border-color:#22c55e}.rf-node.rf-offline{border-color:var(--danger)}.rf-node.rf-disabled{border-color:var(--warn)}.rf-node.rf-unknown{border-color:var(--line)}.rf-node-head{display:flex;justify-content:space-between;gap:6px;align-items:center}.topo-stage .react-flow{height:100%;width:100%}.react-flow__controls{box-shadow:none}.topo-panel-hint{font-size:11px}@media(max-width:900px){.topo-wall-grid{grid-template-columns:1fr}.topo-stage{height:60vh}}.report-page .th-kpi-grid{margin-top:8px}.prov-steps{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 16px}.prov-steps li{font-size:12px;color:var(--muted);padding:4px 8px;border:1px solid var(--line);border-radius:999px}.prov-steps li.on{color:var(--text);border-color:var(--accent, #2a9d8f)}.prov-steps li.done{color:var(--text);opacity:.8}.prov-detail{display:grid;gap:12px}.chip{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:inherit;font-size:12px}.chip.on{background:var(--panel, #12352c);color:#fff}@media(max-width:800px){.prov-steps{flex-direction:column}}.panel label{display:grid;gap:4px;margin-bottom:10px}.olt-form.stack{gap:6px;padding:12px 14px}.olt-form h2{margin:0 0 6px;font-size:11px}.olt-form .form-section{padding-top:6px;border-top:1px solid var(--line)}.olt-form .form-section:first-of-type{border-top:0;padding-top:0}.olt-form .form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 10px;align-items:start}.olt-form .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.olt-form .form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.olt-form .form-grid .span-full{grid-column:1 / -1}.olt-form .form-grid .span-2{grid-column:span 2}.olt-form label{margin-bottom:0;gap:3px;font-size:11px}.olt-form input,.olt-form select,.olt-form textarea{padding:6px 8px}.olt-form textarea{min-height:52px;resize:vertical}.olt-form .form-note{margin:4px 0 0;font-size:11px;line-height:1.35}.olt-form .field-saved{margin-left:8px;font-size:11px;font-weight:600;color:#1a7f37}.olt-form input.has-saved-secret:placeholder-shown{letter-spacing:.08em}.olt-form .inline-check{margin:0 0 6px;font-size:12px}.olt-form .form-fold{padding-top:6px;border-top:1px solid var(--line)}.olt-form .form-fold>summary{cursor:pointer;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px;list-style:none}.olt-form .form-fold>summary::-webkit-details-marker{display:none}.olt-form .compact-panel{padding:10px;margin-top:6px}.olt-form .conn-test-steps{display:grid;gap:8px;margin:10px 0 12px}.olt-form .conn-test-step{border:1px solid var(--border, #2a3140);border-radius:8px;padding:8px 10px;background:#ffffff05}.olt-form .conn-test-step.ok{border-color:#1a7f3773}.olt-form .conn-test-step.fail{border-color:#cf222e73}.olt-form .conn-test-step-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.olt-form .conn-test-step-label{font-weight:600}.olt-form .conn-test-step-status{font-size:12px;font-weight:700;letter-spacing:.04em;padding:2px 8px;border-radius:999px}.olt-form .conn-test-step-status.ok{color:#1a7f37;background:#1a7f371f}.olt-form .conn-test-step-status.fail{color:#cf222e;background:#cf222e1f}.olt-form .conn-test-step-detail{margin:4px 0 0;font-size:11px;line-height:1.35}.olt-form .compact-table th,.olt-form .compact-table td{padding:4px 6px}.olt-form .form-actions{padding-top:8px;border-top:1px solid var(--line);margin-top:4px}.olt-form-page .page-head{margin-bottom:10px}.olt-form-page .page-head h1{font-size:20px;margin-bottom:4px}.olt-form-page .page-head .muted{font-size:12px;line-height:1.35}@media(max-width:1100px){.olt-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.olt-form .form-grid .span-2{grid-column:1 / -1}}@media(max-width:640px){.olt-form .form-grid,.olt-form .form-grid.two,.olt-form .form-grid.three{grid-template-columns:1fr}.olt-form .form-grid .span-2{grid-column:auto}}html.noc-immersive .shell{grid-template-columns:1fr}html.noc-immersive .rail,html.noc-immersive .topbar,html.noc-immersive .th-dock{display:none!important}html.noc-immersive .main{grid-column:1;padding:8px}.noc-page{display:grid;gap:12px}.noc-page.noc-wall{font-size:16px}.noc-header{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:flex-start}.noc-header h1{margin:0;letter-spacing:.02em}.noc-sys,.noc-header-meta,.noc-search,.noc-filters,.noc-health-grid,.noc-kpis,.noc-split{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.noc-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.noc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.noc-kpi{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2);color:inherit;text-decoration:none}.noc-kpi strong{font-size:22px}.noc-page.noc-wall .noc-kpi strong{font-size:36px}.noc-kpi.crit{border-color:var(--danger)}.noc-kpi.crit strong{color:var(--danger)}.noc-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;font-size:12px}.noc-banner{background:#3a1515;color:#fecaca;padding:10px 14px;border:1px solid var(--danger);border-radius:8px;font-weight:600}.noc-banner.warn{background:#3a2a10;color:#fde68a;border-color:var(--warn)}.noc-unavailable{color:var(--warn);font-weight:600}.noc-fresh{font-size:11px;letter-spacing:.04em}.noc-fresh.live{color:#22c55e}.noc-fresh.stale{color:var(--warn);font-weight:700}.noc-topo-stage{height:320px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.noc-page.noc-wall .noc-topo-stage{height:420px}.noc-stream{list-style:none;padding:0;margin:0;max-height:280px;overflow:auto}.noc-stream li{display:grid;grid-template-columns:80px auto 1fr auto;gap:8px;padding:4px 0;border-bottom:1px solid var(--line);align-items:center}.noc-inc-dot{font-size:10px;padding:1px 4px;border:1px solid var(--warn);border-radius:4px}.noc-inc-dot.crit{border-color:var(--danger);color:var(--danger)}.noc-pulse{animation:nocPulse 1.6s ease-in-out infinite}@keyframes nocPulse{0%,to{opacity:1}50%{opacity:.45}}.noc-badge{display:inline-block;min-width:16px;padding:0 5px;margin-left:4px;background:var(--danger);color:#fff;border-radius:999px;font-size:11px}.noc-pre{max-height:360px;overflow:auto;font-size:12px}.noc-notifs ul{list-style:none;padding:0}@media(max-width:1000px){.noc-split,.noc-stream li{grid-template-columns:1fr}}@media(min-width:1920px){.noc-page.noc-wall{font-size:18px}.noc-page.noc-wall .noc-kpi strong{font-size:42px}}@media(prefers-reduced-motion:reduce){.noc-pulse{animation:none}}.noc-page button:focus-visible,.noc-page a:focus-visible,.noc-page input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.onu-dash{display:grid;gap:10px}.onu-dash>.panel,.onu-dash .panel{padding:12px}.onu-dash h2{margin:0 0 8px;font-size:14px}.onu-dash-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.onu-dash-head h1{margin:0 0 2px;font-size:20px}.onu-dash-head .muted{margin:0;font-size:12px}.onu-dash-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}.onu-dash-actions .ghost,.onu-dash-actions .primary{min-height:34px;padding:6px 12px}.onu-btn-enable{background:var(--reach)!important;border-color:var(--reach)!important}.onu-more{position:relative}.onu-more-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:180px;display:grid;gap:2px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px}.onu-more-menu a,.onu-more-menu button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:8px 10px;border-radius:8px;font:inherit;cursor:pointer;text-decoration:none}.onu-more-menu a:hover,.onu-more-menu button:hover{background:var(--bg-3);text-decoration:none}.onu-dash-top{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.55fr) minmax(220px,.75fr);gap:10px;align-items:start}.onu-device{display:grid;gap:10px}.onu-device-visual{display:flex;align-items:center;gap:10px;text-align:left;padding:8px 10px;border-radius:10px;background:linear-gradient(180deg,#f4f8ff,#eef3f9);border:1px solid var(--line)}.onu-device-visual strong{font-size:13px}.onu-device-visual .muted{font-size:11px}[data-theme=noc] .onu-device-visual{background:linear-gradient(180deg,#152536,#121c28)}.onu-device-art{width:56px;height:40px;position:relative;flex:none}.onu-device-box{position:absolute;top:2px;right:4px;bottom:12px;left:4px;border-radius:6px;background:#d9e4f2;border:1px solid #9bb0c9}.onu-device-ports{position:absolute;left:6px;right:6px;bottom:3px;height:6px;border-radius:3px;background:repeating-linear-gradient(90deg,#5c6e84 0 5px,transparent 5px 8px)}[data-theme=noc] .onu-device-box{background:#1c3044;border-color:#2a3d52}.onu-specs{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:0}.onu-specs>div{display:grid;gap:1px;min-width:0}.onu-specs dt{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.onu-specs dd{margin:0;font-weight:600;font-size:13px;word-break:break-word}.onu-dash-mid{display:grid;gap:10px;min-width:0}.onu-metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.onu-metric{min-height:0;margin:0;padding:10px 12px}.onu-metric .stat-v{font-size:18px;margin:2px 0}.onu-metric-hint{font-size:12px;margin-top:4px;color:var(--muted);font-weight:650}.onu-metric-hint.ok{color:var(--reach)}.onu-metric-hint.warn{color:var(--warn)}.onu-metric-hint.crit{color:var(--danger)}.onu-chart-card,.onu-dash-config{min-width:0}.onu-chart-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.onu-chart-head h2{margin:0}.tabs.compact{gap:4px}.onu-traffic-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.onu-traffic-footer>div{background:var(--bg-3);border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:grid;gap:2px}.onu-traffic-footer strong{font-size:15px}.onu-system-kv{display:grid;grid-template-columns:140px 1fr;gap:8px 12px}.onu-log-list{display:grid;gap:8px;max-height:320px;overflow:auto}.onu-log-row{display:grid;grid-template-columns:16px 1fr auto;gap:10px;align-items:start;padding:8px 0;border-bottom:1px solid var(--line)}.onu-log-row p{margin:2px 0 0}.onu-log-row time{color:var(--muted);font-size:12px;white-space:nowrap}.onu-dash-side{display:grid;gap:10px;min-width:0}.onu-side-kv{display:grid;grid-template-columns:86px 1fr;gap:5px 8px;margin:0;font-size:13px}.onu-side-kv dt{color:var(--muted);font-size:11px;font-weight:600}.onu-side-kv dd{margin:0;font-weight:600;min-width:0;word-break:break-word}.onu-path-list{margin:0 0 8px;padding-left:18px;display:grid;gap:4px;font-size:13px}.onu-activity{list-style:none;margin:0;padding:0;display:grid;gap:10px}.onu-activity li{display:grid;grid-template-columns:12px 1fr;gap:10px;align-items:start}.onu-activity p{margin:2px 0 0}.onu-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;background:var(--plan)}.onu-dot.ok{background:var(--reach)}.onu-dot.crit{background:var(--danger)}.onu-config-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.onu-config-cell{background:var(--bg-3);border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:grid;gap:2px;min-width:0}.onu-config-cell strong{word-break:break-word}.onu-dash-bottom{display:grid;grid-template-columns:1.25fr .85fr 1.1fr;gap:12px}.onu-gauge-card{display:grid;justify-items:center;text-align:center;gap:10px}.onu-gauge{position:relative;width:160px;height:160px}.onu-gauge svg{width:100%;height:100%}.onu-gauge-track{fill:none;stroke:var(--line);stroke-width:12}.onu-gauge-value{fill:none;stroke:var(--accent);stroke-width:12;stroke-linecap:round}.onu-gauge.ok .onu-gauge-value{stroke:var(--reach)}.onu-gauge.warn .onu-gauge-value{stroke:var(--warn)}.onu-gauge.crit .onu-gauge-value{stroke:var(--danger)}.onu-gauge-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:2px}.onu-gauge-label strong{font-size:28px;line-height:1}.onu-gauge-label span{color:var(--muted);font-size:13px;font-weight:650}.onu-gauge-legend{list-style:none;margin:0;padding:0;display:grid;gap:4px;text-align:left;width:100%;font-size:12px;color:var(--muted)}.onu-gauge-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--plan)}.onu-gauge-legend i.ok{background:var(--reach)}.onu-gauge-legend i.warn{background:var(--warn)}.onu-gauge-legend i.crit{background:var(--danger)}.onu-sev{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--warn)}.onu-sev.major{background:var(--danger)}.onu-sev.minor{background:var(--warn)}@media(max-width:1280px){.onu-dash-top{grid-template-columns:1fr 1fr}.onu-dash-side{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.onu-dash-bottom{grid-template-columns:1fr 1fr}.onu-gauge-card{grid-column:1 / -1}}@media(max-width:900px){.onu-dash-top,.onu-dash-side,.onu-dash-bottom,.onu-metric-row,.onu-config-grid,.onu-traffic-footer,.onu-specs{grid-template-columns:1fr}.onu-dash-actions{justify-content:flex-start}}.th-page-head{margin-bottom:8px}.th-page-title-row{display:flex;gap:12px;align-items:flex-start}.th-page-ico{width:40px;height:40px;border-radius:10px;flex:none;display:grid;place-items:center;background:var(--th-primary-light);color:var(--th-primary)}.th-page-desc{margin:0;font-size:13px;max-width:640px}.th-filter-bar{background:var(--bg-2);border:1px solid var(--th-border);border-radius:var(--radius);padding:10px 12px;box-shadow:var(--th-shadow);margin-bottom:14px}.th-filter-bar input,.th-filter-bar select{width:auto;min-height:38px;flex:0 1 170px}.th-opt-cell{display:grid;gap:2px}.th-opt-hint{font-size:11px;font-weight:650}.th-opt-hint.ok{color:var(--th-success)}.th-opt-hint.warn{color:var(--th-warning)}.th-opt-hint.crit{color:var(--th-danger)}.dash-kpi{background:var(--bg-2);border:1px solid var(--th-border);border-radius:var(--radius);box-shadow:var(--th-shadow);padding:14px 16px}.dash-card,.panel.dash-card{border-radius:var(--radius);box-shadow:var(--th-shadow)}.search-hits{border-radius:12px;box-shadow:var(--th-shadow-lg);overflow:hidden}.opt-modal-inner{border-radius:var(--radius);box-shadow:var(--th-shadow-lg)}.pager{padding:10px 12px;border-top:1px solid var(--th-border);background:var(--th-table-head);margin-top:0}.panel.table-wrap .pager{border-radius:0 0 var(--radius) var(--radius)}.rail .brand-name{color:#fff}.shell.rail-collapsed .brand-mark{margin:0 auto}.th-app .topbar{gap:8px}.th-topbar .th-sys-chip{font-size:11px;padding:4px 10px;max-width:200px}.th-top-tools{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.th-icon-btn{width:36px;height:36px;min-height:36px;padding:0;border-radius:10px;border:1px solid var(--th-border);background:var(--bg-2);color:var(--th-text-secondary);display:grid;place-items:center;cursor:pointer}.th-icon-btn:hover{border-color:var(--th-primary);color:var(--th-primary)}.th-clock{font-size:12px;white-space:nowrap}.th-app .rail{padding:12px 8px 14px}.th-app .nav{padding:6px 10px 6px 34px;font-size:13px}.th-app .rail-foot{gap:6px}.th-app .brand-name{font-size:16px}@media(min-width:901px){.th-app>.scrim.th-nav-scrim{display:none}.th-app .menu-btn{display:none}.th-app .modal{position:fixed;top:var(--shell-topbar-h);right:0;bottom:0;left:var(--shell-sidebar-w);background:#07111f61}.th-app .modal>.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;z-index:0}.th-app .modal>.dialog{z-index:1}.th-app .th-processing-overlay{top:var(--shell-topbar-h);left:var(--shell-sidebar-w);inset:auto}}@media(min-width:640px)and (max-width:1023px){.shell:not(.rail-collapsed){--shell-sidebar-w: 72px}}@media(max-width:900px){.shell{--shell-sidebar-w: 0px}}.th-app .brand-sub{font-size:11px}.dash-health-mobile{display:none}.th-overview{display:grid;gap:16px}.th-overview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.th-overview-head h1{font-size:26px;margin:0 0 4px}.th-kpi-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.tele-dash-shell{margin:-14px -16px -40px;padding:18px 20px 40px;background:#f3f4f6;min-height:calc(100vh - 56px)}.tele-dash{gap:14px}.tele-dash-head h1{font-size:28px;font-weight:800;letter-spacing:-.02em;color:#111827}.tele-dash-head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.tele-dash-add-olt{text-decoration:none;font-weight:700;padding:10px 18px;border-radius:10px;background:#2563eb;color:#fff!important;box-shadow:0 4px 14px #2563eb59}.tele-dash-add-olt:hover{background:#1d4ed8;text-decoration:none}.tele-dash-card.panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #0f172a0f;padding:16px 18px}.tele-dash .tele-kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 14px #0f172a0d;padding:16px 14px;align-items:center}.tele-dash .stat-k{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#94a3b8}.tele-dash .tele-stat-v{font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.tele-stat-v.olt{color:#2563eb}.tele-stat-v.pon{color:#16a34a}.tele-stat-v.onu{color:#ea580c}.tele-stat-v.user,.tele-stat-v.unreg{color:#9333ea}.tele-stat-v.alarm{color:#dc2626}.tele-stat-v.traffic{color:#0284c7}.tele-dash .dash-kpi-sub{font-size:12px;font-weight:600;gap:10px 12px}.tele-dash .dash-kpi-sub .kpi-pos,.tele-dash .kpi-pos{color:#16a34a!important}.tele-dash .dash-kpi-sub .kpi-neg,.tele-dash .kpi-neg{color:#dc2626!important}.tele-dash .dash-kpi-sub .kpi-warn{color:#ea580c!important}.tele-dash .dash-kpi-sub .kpi-neu{color:#64748b}.tele-dash .dash-kpi-sub .kpi-up{color:#2563eb;font-weight:700}.tele-kpi-bubble{width:48px;height:48px;flex:none;padding:11px;border-radius:14px;color:#fff;box-shadow:0 6px 16px #0f172a1f}.tele-kpi-bubble.olt{background:linear-gradient(145deg,#3b82f6,#2563eb)}.tele-kpi-bubble.pon{background:linear-gradient(145deg,#22c55e,#16a34a)}.tele-kpi-bubble.onu{background:linear-gradient(145deg,#fb923c,#ea580c)}.tele-kpi-bubble.user{background:linear-gradient(145deg,#a855f7,#9333ea)}.tele-kpi-bubble.alarm{background:linear-gradient(145deg,#f87171,#dc2626)}.tele-kpi-bubble.traffic{background:linear-gradient(145deg,#38bdf8,#0284c7)}.tele-kpi-bubble.unreg{background:linear-gradient(145deg,#60a5fa,#2563eb)}.tele-kpi-bubble.site{background:linear-gradient(145deg,#c084fc,#9333ea)}.tele-dash-flow .th-flow-node{border:none;background:transparent;box-shadow:none;min-width:88px;padding:6px 4px}.tele-dash-flow .th-flow-node .tele-kpi-bubble{width:54px;height:54px;border-radius:16px;margin-bottom:2px}.tele-dash-flow .th-flow-node strong{font-size:24px;font-weight:800;color:#111827}.tele-dash-flow .th-flow-node span{color:#64748b;font-weight:600}.tele-dash-flow .th-flow-node em{color:#16a34a;font-weight:700}.tele-dash-flow .th-flow-node.sky .tele-kpi-bubble{background:linear-gradient(145deg,#818cf8,#6366f1)}.tele-dash-flow .th-flow-node.purple .tele-kpi-bubble{background:linear-gradient(145deg,#e879f9,#c026d3)}.th-flow-arrow{flex:0 0 28px;height:2px;background:#cbd5e1;position:relative;margin:0 2px}.th-flow-arrow:after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:#cbd5e1}.tele-dash-spark{height:172px}.tele-spark-rx-fill{fill:#22c55e38}.tele-spark-tx-fill{fill:#2563eb1f}.tele-spark-rx-line{stroke:#16a34a;stroke-width:2.5}.tele-spark-tx-line{stroke:#2563eb;stroke-width:2.5}.tele-dash-traffic-meta{font-weight:700;font-size:13px}.tele-dash-svc{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px;font-size:13px}.tele-dash-svc li{display:flex;justify-content:space-between;align-items:center;gap:10px}.tele-dash-svc .svc-left{display:inline-flex;align-items:center;gap:8px;color:#334155;font-weight:600}.tele-dash-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex:none}.tele-dash-svc .svc-ok{color:#16a34a;font-weight:700}.tele-dash-svc .svc-warn{color:#ea580c;font-weight:700}.tele-dash-healthy-pill{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;background:#dcfce7;color:#15803d}.tele-dash-healthy-pill.warn{background:#ffedd5;color:#c2410c}.tele-dash-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:650;background:var(--bg-3);color:var(--muted)}.tele-dash-pill.ok{background:#dcfce7;color:#15803d}.tele-dash-pill.warn{background:#ffedd5;color:#c2410c}.tele-dash-health .th-res-meter-head strong{color:#16a34a;font-weight:800}.th-res-meter{margin:0 0 8px}.th-res-meter-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:4px;color:#64748b;font-weight:600}.th-res-meter-head strong{color:var(--th-text);font-size:12px}.th-res-bar{height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden}.tele-dash-health .th-res-bar i{background:#22c55e}.th-res-bar.warn i{background:#f59e0b}.th-res-bar.crit i{background:#ef4444}.tele-dash-uptime{margin:8px 0 0;font-size:12px}.tele-dash-uptime strong{color:#111827}.tele-dash-pon-bars li{grid-template-columns:1fr minmax(80px,1.2fr) auto}.tele-dash-pon-name{font-weight:600;color:#111827}.tele-dash-pon-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-style:normal;font-weight:700}.tele-dash-pon-level{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.tele-dash-pon-level.ok{color:#16a34a}.tele-dash-pon-level.warn{color:#f59e0b}.tele-dash-pon-level.crit{color:#dc2626}.tele-dash .dash-bar i{background:#22c55e}.tele-dash .dash-bar.warn i{background:#f59e0b}.tele-dash .dash-bar.crit i{background:#ef4444}.tele-dash-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tele-dash-act{display:grid;justify-items:center;gap:10px;padding:16px 10px;border-radius:14px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:12px;font-weight:700;text-align:center;cursor:pointer;text-decoration:none;min-height:96px;box-shadow:0 2px 8px #0f172a0a}.tele-dash-act:hover{text-decoration:none;border-color:#bfdbfe;box-shadow:0 6px 16px #2563eb1f}.tele-dash-act-ico{width:48px;height:48px;display:grid;place-items:center;border-radius:14px}.tele-dash-act-ico .tele-kpi-bubble{width:44px;height:44px;padding:10px;box-shadow:none}.tele-dash-act-ico.tone-blue .tele-kpi-bubble{background:linear-gradient(145deg,#60a5fa,#2563eb)}.tele-dash-act-ico.tone-red .tele-kpi-bubble{background:linear-gradient(145deg,#f87171,#dc2626)}.tele-dash-act-label{line-height:1.25}.tele-dash-optical{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;font-weight:650}.tele-dash-optical .ok{color:#16a34a}.tele-dash-optical .warn{color:#f59e0b}.tele-dash-optical .crit{color:#dc2626}.tele-dash .th-widget-head h2{font-size:16px;font-weight:800;color:#111827}.dash-kpi-ico.pon{background:#e8f5e9;color:#2e7d32}[data-theme=noc] .tele-dash-shell{background:#0f172a}[data-theme=noc] .tele-dash-card.panel,[data-theme=noc] .tele-dash .tele-kpi-card{background:var(--bg-2);border-color:var(--th-border)}.th-kpi{display:flex;gap:12px;align-items:flex-start;background:var(--bg-2);border:1px solid var(--th-border);border-radius:12px;box-shadow:var(--th-shadow);padding:14px 14px 12px;min-width:0}.th-kpi .stat-v{font-size:24px;margin:2px 0 4px}.th-kpi-hot{border-color:#ef6c00;box-shadow:0 0 0 1px #ef6c0033}.dash-kpi-ico.health{background:var(--th-success-bg);color:var(--th-success);display:grid;place-items:center;font-weight:700}.dash-kpi-ico.pon{background:var(--th-success-bg);color:var(--th-success)}.dash-kpi-ico.onu{background:#fff4e5;color:#ef6c00}.dash-kpi-ico.user{background:#f3e8ff;color:#7b1fa2}.th-sys-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:650;background:var(--th-success-bg);color:var(--th-success);white-space:nowrap}.th-sys-chip.warn{background:var(--th-warning-bg);color:#7a4b00}.th-sys-chip.crit{background:var(--th-danger-bg);color:var(--th-danger)}.th-nav-top{display:flex;align-items:center;gap:10px;padding:9px 10px;margin:0 0 8px;font-weight:600}.th-nav-top.nav{padding-left:10px}.th-split-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.th-triple-grid{display:grid;grid-template-columns:1.2fr 1fr .95fr;gap:12px}.th-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 8px 8px;flex-wrap:wrap}.th-flow-node{min-width:92px;text-align:center;display:grid;justify-items:center;gap:4px;padding:10px 8px;border-radius:12px;border:1px solid var(--th-border);background:var(--bg-2);text-decoration:none;color:inherit}.th-flow-node:hover{border-color:var(--th-primary);text-decoration:none}.th-flow-node strong{font-size:22px;line-height:1.1}.th-flow-node span{font-size:12px;color:var(--th-text-secondary)}.th-flow-node em{font-size:11px;font-style:normal;color:var(--th-success)}.th-flow-node.blue{border-top:3px solid var(--th-primary)}.th-flow-node.green{border-top:3px solid var(--th-success)}.th-flow-node.orange{border-top:3px solid #ef6c00}.th-flow-node.sky{border-top:3px solid var(--th-info)}.th-flow-node.purple{border-top:3px solid #7b1fa2}.th-flow-line{flex:1;min-width:16px;height:2px;background:#c5d4e6}.th-sys-kv{display:grid;grid-template-columns:140px 1fr;gap:8px 12px;margin:0;font-size:13px}.th-sys-kv dt{color:var(--th-text-secondary)}.th-sys-kv dd{margin:0;font-weight:650}.th-mid-grid{display:grid;grid-template-columns:1.4fr .85fr .85fr 1fr;gap:12px}.th-chart-box{min-width:0}.th-widget-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.th-widget-head h2{margin:0;text-transform:none;letter-spacing:0;font-size:15px;color:var(--th-text)}.th-widget-actions{display:flex;gap:10px;align-items:center}.th-donut{display:grid;justify-items:center;gap:8px;position:relative}.th-donut svg{width:140px;height:140px}.th-donut-label{position:absolute;top:38px;text-align:center}.th-donut-label strong{display:block;font-size:22px}.th-donut ul{list-style:none;margin:0;padding:0;width:100%;display:grid;gap:4px;font-size:12px;color:var(--muted)}.th-donut li{display:flex;gap:6px;align-items:center}.th-donut i{width:8px;height:8px;border-radius:50%}.th-pon-legend{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px;font-size:12px}.th-pon-legend li{display:flex;gap:8px;align-items:center}.th-pon-legend i{width:8px;height:8px;border-radius:50%;background:var(--th-muted)}.th-pon-legend i.ok{background:var(--th-success)}.th-pon-legend i.warn{background:var(--th-warning)}.th-pon-legend i.crit{background:var(--th-danger)}.th-alarm-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.th-alarm-list li{display:grid;grid-template-columns:64px auto 1fr;gap:8px;align-items:center;font-size:12px}.th-alarm-list time{color:var(--muted)}.th-recent-onus .th-widget-head{margin-bottom:12px}.th-more-ops{background:var(--bg-2);border:1px solid var(--th-border);border-radius:12px;padding:10px 14px}.th-more-ops summary{cursor:pointer;font-weight:650;color:var(--th-text-secondary)}@media(max-width:1280px){.th-kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))}.tele-dash-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.th-mid-grid,.th-split-grid,.th-triple-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.th-kpi-row,.th-mid-grid,.th-split-grid,.th-triple-grid{grid-template-columns:1fr 1fr}.th-overview-head{flex-direction:column}.th-clock,.th-sys-chip{display:none}}@media(max-width:640px){.th-kpi-row,.th-mid-grid,.th-split-grid,.th-triple-grid{grid-template-columns:1fr}}.th-onu-topbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--th-border);border-radius:12px;padding:10px 12px;margin:0 0 12px;box-shadow:var(--th-shadow);overflow:visible}.th-onu-topbar input,.th-onu-topbar select{width:auto;flex:0 0 auto;min-width:132px;max-width:200px;height:38px;min-height:38px}.th-onu-topbar .th-onu-search{flex:1 1 220px;min-width:200px;max-width:320px}.th-onu-topbar .th-onu-vlan{min-width:88px;max-width:108px}.th-onu-topbar .th-zone-add{flex:0 0 auto;flex-wrap:nowrap}.th-onu-topbar .th-zone-add input{min-width:120px;max-width:150px}.th-onu-topbar button{flex:none;min-height:38px;white-space:nowrap}.th-onu-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}.th-onu-tabs button{border:1px solid var(--th-border);background:var(--bg-2);border-radius:999px;min-height:34px;padding:6px 14px;color:var(--th-text-secondary);font-weight:600}.th-onu-tabs button.on{background:var(--th-primary-light);border-color:var(--th-primary);color:var(--th-primary)}.th-onu-panel{padding:0;overflow:visible}.th-onu-page .th-onu-panel{max-width:100%;overflow:visible}.th-onu-page .th-onu-filters-desktop{overflow:visible}.th-onu-table{overflow-x:auto}.th-onu-page .th-onu-table-desktop{overflow-x:auto;-webkit-overflow-scrolling:touch}.th-onu-table table{margin:0}.th-onu-table th,.th-onu-table td{padding:12px 10px;white-space:nowrap}.th-onu-table td .th-onu-customer,.th-onu-mobile-card .th-onu-customer{font-weight:700;color:var(--text);text-decoration:none}.th-onu-table td .th-onu-customer:hover,.th-onu-mobile-card .th-onu-customer:hover{color:var(--th-primary);text-decoration:underline}.th-onu-check{width:36px}.th-onu-check input{width:auto;min-height:0;accent-color:var(--th-primary)}.th-onu-mobile-check{display:inline-flex;align-items:flex-start;margin-right:8px;padding-top:2px}.th-onu-view-selected{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.th-onu-st{display:inline-flex;align-items:center;gap:7px;font-weight:650;font-size:13px;color:var(--th-text)}.th-onu-st i{width:8px;height:8px;border-radius:50%;background:var(--th-muted)}.th-onu-lamp{display:inline-flex;align-items:center;gap:6px}.th-onu-lamp i{width:16px;height:16px;border-radius:50%;background:var(--th-muted);box-shadow:0 0 0 3px color-mix(in srgb,currentColor 22%,transparent)}.th-onu-lamp.on{color:var(--th-success)}.th-onu-lamp.on i{background:var(--th-success)}.th-onu-lamp.off{color:var(--th-danger)}.th-onu-lamp.off i{background:var(--th-danger)}.th-onu-lamp em{font-style:normal;font-size:12px;font-weight:650}.th-onu-st.online{color:var(--th-success)}.th-onu-st.online i{background:var(--th-success)}.th-onu-st.offline{color:var(--th-danger)}.th-onu-st.offline i{background:var(--th-danger)}.th-onu-st.los{color:var(--th-danger)}.th-onu-st.los i{background:var(--th-danger)}.th-pwr{font-variant-numeric:tabular-nums;font-weight:600}.th-pwr.ok{color:var(--th-success)}.th-pwr.warn{color:var(--th-warning)}.th-pwr.crit{color:var(--th-danger)}.th-onu-acts{display:flex;align-items:center;gap:6px}.th-zone-add,.th-zone-save{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.th-zone-add input,.th-zone-save input,.th-zone-save select{min-height:34px;max-width:160px}.onu-specs .th-zone-save{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px}.onu-specs .th-zone-save input,.onu-specs .th-zone-save select{max-width:118px;min-height:30px;height:30px}.onu-specs .th-zone-save button{min-height:30px;padding:4px 8px}.th-view-btn{color:var(--th-primary);font-weight:650;padding:4px 8px}.th-kebab{width:28px;height:28px;min-height:28px;padding:0;border:0;background:transparent;border-radius:8px;color:var(--th-text-secondary);font-size:18px;line-height:1}.th-kebab:hover{background:var(--th-row-hover)}.th-more{position:relative}.th-more-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:20;min-width:160px;display:grid;background:var(--bg-2);border:1px solid var(--th-border);border-radius:10px;box-shadow:var(--th-shadow-lg);padding:6px}.th-more-menu a,.th-more-menu button{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:8px;color:var(--th-text);text-decoration:none;border:0;background:transparent;font:inherit;cursor:pointer}.th-more-menu a:hover,.th-more-menu button:hover{background:var(--th-row-hover)}.th-more-menu button:disabled{opacity:.6;cursor:default}.th-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--th-border);background:var(--th-table-head)}.th-pager-pages{display:flex;align-items:center;gap:4px}.th-pager-pages button{min-width:32px;min-height:32px;padding:0 8px;border-radius:8px}.th-pager-pages button.on{background:var(--th-primary);color:#fff;border-color:var(--th-primary)}.th-pager-size{display:flex;align-items:center;gap:8px;margin:0}.th-pager-size select{width:auto;min-width:70px;min-height:34px}.onu-page-tabs{display:flex;gap:0;flex-wrap:nowrap;overflow-x:auto;background:var(--bg-2);border:1px solid var(--th-border);border-radius:10px;padding:0 6px;box-shadow:var(--th-shadow);position:sticky;top:0;z-index:11}.onu-page-tabs button{border:0;background:transparent;border-radius:0;min-height:38px;padding:6px 12px;white-space:nowrap;color:var(--th-text-secondary);font-weight:650;font-size:13px;border-bottom:2px solid transparent}.onu-page-tabs button.on{color:var(--th-primary);border-bottom-color:var(--th-primary)}.onu-dash-midrow{display:grid;grid-template-columns:1.35fr .9fr .85fr;gap:10px}.onu-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.onu-quick-grid a,.onu-quick-grid button{min-height:40px;display:grid;place-items:center;text-align:center;text-decoration:none}.pon-inv{display:grid;gap:14px}.pon-inv-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:12px;align-items:start}.pon-inv-table{overflow:auto}.pon-inv-table tr{cursor:pointer}.pon-inv-table tr.on{background:var(--th-primary-light)}.pon-inv-detail{position:sticky;top:12px}.pon-inv-olt-art{display:grid;justify-items:start;gap:6px;padding:12px;border-radius:12px;margin-bottom:12px;background:linear-gradient(180deg,#f4f8ff,#eef3f9);border:1px solid var(--line)}[data-theme=noc] .pon-inv-olt-art{background:linear-gradient(180deg,#152536,#121c28)}.pon-inv-util{display:grid;gap:6px;margin:0 0 14px}.pon-inv-util strong{font-size:22px}.pon-inv-bar{height:8px;border-radius:999px;background:var(--th-border);overflow:hidden}.pon-inv-bar i{display:block;height:100%;background:var(--th-primary);border-radius:inherit}.pon-inv-bottom{display:grid;grid-template-columns:1.1fr .8fr 1.1fr .9fr;gap:12px}.pon-inv-traffic{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pon-inv-traffic li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--th-border);font-size:13px}@media(max-width:1280px){.onu-dash-midrow,.pon-inv-main,.pon-inv-bottom{grid-template-columns:1fr 1fr}}@media(max-width:900px){.onu-dash-midrow,.onu-quick-grid,.pon-inv-main,.pon-inv-bottom{grid-template-columns:1fr}}.onu-pro{gap:12px}.onu-pro-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.onu-pro-right{display:grid;gap:8px;justify-items:end}.onu-pro-title{display:flex;gap:12px;align-items:flex-start}.onu-pro-ico{width:40px;height:40px;border-radius:12px;flex:none;display:grid;place-items:center;background:var(--th-primary-light);color:var(--th-primary);font-size:18px}.onu-pro-head h1{display:flex;align-items:center;gap:10px;font-size:22px;margin:0}.onu-pro-meta{display:flex;gap:14px;font-size:12px;justify-self:end}.onu-pro-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.onu-pro-actions .ghost,.onu-pro-actions .primary{min-height:36px;border-radius:999px;padding:6px 14px}.onu-pro-tabs{display:flex;gap:6px;flex-wrap:wrap;background:var(--bg-2);border:1px solid var(--th-border);border-radius:999px;padding:5px;box-shadow:var(--th-shadow);position:sticky;top:0;z-index:11}.onu-pro-tabs button{border:0;background:transparent;border-radius:999px;min-height:34px;padding:6px 14px;white-space:nowrap;color:var(--th-text-secondary);font-weight:650;font-size:13px}.onu-pro-tabs button.on{background:var(--th-primary-light);color:var(--th-primary)}.onu-pro-hero{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(0,1.25fr);gap:10px;align-items:stretch}.onu-pro-hero-right{display:grid;gap:10px;align-content:start;min-width:0}.onu-pro-hero-info{display:grid;grid-template-columns:minmax(210px,.85fr) minmax(0,1.15fr);gap:10px;align-items:stretch}.onu-pro-identity{display:grid;gap:12px}.onu-pro-device{display:flex;align-items:center;gap:12px;padding:8px 4px 10px;border-bottom:1px solid var(--th-border)}.onu-pro-modem{width:72px;height:44px;flex:none;border-radius:10px;background:radial-gradient(circle at 18% 42%,#1a1f24 0 4px,transparent 5px),radial-gradient(circle at 82% 42%,#1a1f24 0 4px,transparent 5px),linear-gradient(180deg,#f7f9fc 0,#f7f9fc 62%,#d7dee8 62%,#d7dee8);border:1px solid #c5d0dc;box-shadow:inset 0 1px #fff}.onu-pro-device strong{display:block;font-size:15px}.onu-pro-device-st{margin-left:auto;text-align:right;display:grid;gap:4px;justify-items:end}.onu-pro-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:0}.onu-pro-specs dt{color:var(--muted);font-size:11px;font-weight:600}.onu-pro-specs dd{margin:2px 0 0;font-weight:700;font-size:13px;word-break:break-word}.onu-pro-specs select{width:100%;max-width:168px;min-height:28px;height:28px;padding:2px 8px}.onu-pro-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-content:start}.onu-pro .onu-metric{padding:8px 10px;min-height:0;background:var(--bg-2);border:1px solid var(--th-border);border-radius:var(--th-radius-sm);box-shadow:none}.onu-pro .onu-metric .stat-k{font-size:10px;letter-spacing:.03em}.onu-pro .onu-metric .stat-v{font-size:16px;margin:2px 0 0}.onu-pro .onu-metric-hint{font-size:11px;margin-top:2px}.onu-pro-kpis .onu-metric:nth-child(5){grid-column:1 / 2}.onu-pro-kpis .onu-metric:nth-child(6){grid-column:2 / 3}.onu-pro-kpis .onu-metric:nth-child(7){grid-column:3 / 5}.onu-pro .panel,.onu-pro .onu-gauge-card,.onu-pro .onu-pro-customer{padding:10px 12px;border:1px solid var(--th-border);border-radius:var(--th-radius-sm);box-shadow:none}.onu-pro .onu-gauge-card{display:grid;justify-items:stretch;text-align:left;gap:8px;align-content:start}.onu-pro .onu-gauge-card h2{margin:0}.onu-gauge-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.onu-pro .onu-gauge{width:92px;height:92px}.onu-pro .onu-gauge-label strong{font-size:18px}.onu-pro .onu-gauge-label span{font-size:11px}.onu-pro .onu-gauge-track,.onu-pro .onu-gauge-value{stroke-width:9}.onu-pro .onu-gauge-legend{gap:3px;font-size:11px}.onu-gauge-note{margin:0;font-size:11px}.onu-pro-customer .onu-chart-head{margin-bottom:6px}.onu-pro-customer .onu-side-kv{gap:4px 8px}.onu-pro-loc{margin-top:8px;padding-top:8px;border-top:1px solid var(--th-border)}.onu-pro-loc .onu-path-list{margin:0}.onu-pro-mid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:10px;align-items:stretch}.onu-pro-traffic{min-width:0;overflow:hidden}.onu-pro .opt-chart{border-radius:8px}.onu-pro-legend{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.onu-pro-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.onu-pro-legend i.dl{background:#16a765}.onu-pro-legend i.ul{background:#0866d8}.onu-pro-ranges{display:flex;gap:4px}.onu-pro-ranges button{border:0;background:transparent;color:var(--muted);min-height:28px;padding:4px 8px;border-radius:8px;font-weight:650}.onu-pro-ranges button.on{background:var(--th-primary-light);color:var(--th-primary)}.onu-pro-opt-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;font-size:12px}.onu-pro-opt-stats small{display:block;color:var(--muted)}.onu-pro-side{display:grid;gap:12px}.onu-pro-foot{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.1fr) minmax(220px,.8fr);gap:12px}.onu-pro-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.onu-qa{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 8px;border-radius:10px;border:1px solid var(--th-border);background:var(--bg-2);color:var(--th-text);font-weight:650;font-size:12px;text-decoration:none}.onu-qa i{width:22px;height:22px;border-radius:50%;flex:none;background:var(--th-primary-light)}.onu-qa.blue i{background:#dbebff}.onu-qa.purple i{background:#ead9ff}.onu-qa.green i{background:#d9f3e6}.onu-qa.red i{background:#fde2e2}.onu-qa.orange i{background:#ffe7cc}.onu-qa.teal i{background:#d5f3f0}.onu-qa.gray i{background:#e8edf3}.onu-pro-link{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.onu-pro-link input{width:auto;flex:1;min-width:140px;min-height:36px}.onu-tr069{display:grid;gap:6px}.onu-tr069-acc{border:1px solid var(--th-border);border-radius:8px;background:var(--bg-1)}.onu-tr069-acc summary{list-style:none;cursor:pointer;padding:7px 10px;font-weight:700;font-size:13px;color:var(--th-text);border-radius:8px}.onu-tr069-acc summary::-webkit-details-marker{display:none}.onu-tr069-acc summary:after{content:"▸";float:right;color:var(--th-text-secondary)}.onu-tr069-acc[open] summary:after{content:"▾"}.onu-tr069-acc-body{padding:0 8px 8px;display:grid;gap:6px}.onu-tr069-omci{display:grid;gap:8px}.onu-tr069-omci p{margin:0;font-size:12px;color:var(--th-text-secondary);line-height:1.4}.onu-tr069-steps{margin:0;padding:0 0 8px 20px;font-size:12px;line-height:1.45;color:var(--th-text)}.onu-tr069-steps li{margin:0 0 6px}.onu-tr069-form{display:grid;gap:10px;max-width:520px}.onu-tr069-form-wide{max-width:720px}.onu-tr069-current{border:1px solid var(--th-border);border-radius:10px;background:var(--bg-1);box-shadow:var(--th-shadow);padding:14px;display:grid;gap:10px}.onu-tr069-current h2{margin:0;font-size:15px}.onu-tr069-current-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.onu-tr069-ips{border:1px solid var(--th-border);border-radius:8px;padding:8px 10px;max-height:220px;overflow:auto;display:grid;gap:6px}.onu-tr069-ips ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.onu-tr069-ips li label{display:flex;align-items:center;gap:8px}@media(max-width:800px){.onu-tr069-current-grid{grid-template-columns:1fr}}.onu-tr069-form fieldset{border:1px solid var(--th-border);border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;padding:8px 10px}.onu-tr069-form legend{font-size:12px;color:var(--th-text-secondary);padding:0 4px}.onu-tr069-check{display:flex;align-items:center;gap:8px}.onu-tr069-actions{display:flex;flex-wrap:wrap;gap:8px}.onu-tr069-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--th-border);border-radius:8px;background:var(--bg-1)}.onu-tr069-live{display:inline-flex;align-items:center;padding:1px 7px;border-radius:999px;background:#d9f3e6;color:#0f7a4a;font-size:11px;font-weight:800;letter-spacing:.04em}.onu-tr069-toolbar .ok{color:#0f7a4a;font-weight:700}.onu-tr069-toolbar .warn{color:#b45309;font-weight:700}.onu-tr069-toolbar .muted{flex:1}.onu-tr069-fetch{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--th-border);border-radius:8px;background:var(--bg-2, #f6f8fb)}.onu-tr069-fetch p{margin:4px 0 0;color:var(--th-text-secondary);font-size:12px}.onu-tr069-spin{width:22px;height:22px;border:3px solid #d7dee8;border-top-color:var(--th-accent, #1f6feb);border-radius:50%;animation:onu-tr069-spin .8s linear infinite;flex:0 0 auto}@keyframes onu-tr069-spin{to{transform:rotate(360deg)}}.onu-tr069-tree{display:grid;gap:0;border:1px solid var(--th-border);border-radius:8px;overflow:hidden}.onu-tr069-row{display:grid;grid-template-columns:minmax(150px,210px) 1fr auto;gap:8px;align-items:center;padding:4px 8px;min-height:32px;border-top:1px solid var(--th-border)}.onu-tr069-row.no-apply{grid-template-columns:minmax(150px,210px) 1fr}.onu-tr069-tree-batch{padding-bottom:4px}.onu-tr069-batch-apply{display:flex;justify-content:flex-end;padding:10px 8px 4px;border-top:1px solid var(--th-border)}.onu-tr069-config-table-wrap{margin:0}.onu-tr069-config-table{width:100%;border-collapse:collapse;font-size:12px}.onu-tr069-config-table th,.onu-tr069-config-table td{padding:8px 10px;border-top:1px solid var(--th-border);vertical-align:top}.onu-tr069-config-table thead th{background:var(--th-table-head);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--th-text-secondary)}.onu-tr069-config-table tbody th{width:190px;font-weight:700;color:var(--th-text-secondary);text-align:left}.onu-tr069-config-table td:last-child input,.onu-tr069-config-table td:last-child select{width:100%;min-height:28px}.onu-tr069-config-current{font-weight:800;color:var(--th-text-secondary)}.onu-tr069-config-current.is-live{color:var(--tns-blue, #2563eb)}.tns-tr069-radios label.is-live{color:var(--tns-blue, #2563eb);font-weight:800}.tns-tr069-live-tick{margin-left:6px;color:var(--tns-blue, #2563eb);font-weight:900}.onu-tr069-table table{font-size:12px}.onu-tr069-table th,.onu-tr069-table td{padding:4px 6px}.onu-tr069-table select{min-height:26px;padding:2px 6px}.onu-tr069-hosts{display:grid;gap:8px}.onu-tr069-hosts-meta{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:12px;color:var(--th-text-secondary);font-weight:650}.onu-tr069-hosts-group{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--th-border);border-radius:8px;background:var(--th-table-head);padding:8px 10px;font-size:12px;font-weight:800;color:var(--th-text);cursor:pointer}.onu-tr069-hosts-group em{font-style:normal;min-width:22px;text-align:center;border-radius:999px;background:var(--th-card);padding:2px 8px;font-size:11px;color:var(--th-primary)}.onu-tr069-hosts-group:after{content:"▾";color:var(--th-muted);transform:rotate(-90deg)}.onu-tr069-hosts-group[aria-expanded=true]:after{transform:rotate(0)}.onu-tr069-hosts-table table{width:100%}.onu-tr069-host-row.is-live td{background:#2563eb0a}.onu-tr069-host-toggle{border:0;background:transparent;color:var(--th-muted);cursor:pointer;padding:0;width:18px}.onu-tr069-host-status{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.onu-tr069-host-status.is-up{background:#dcfce7;color:#15803d}.onu-tr069-host-status.is-down{background:#f1f5f9;color:#64748b}.onu-tr069-host-detail td{background:#f8fafc;border-top:0;padding-top:0}.onu-tr069-host-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;padding:0 0 8px 24px;font-size:12px;color:var(--th-text-secondary)}.onu-tr069-host-detail-grid strong{color:var(--th-text);margin-right:6px}.onu-tr069-hosts-empty{margin:0;font-size:12px;color:var(--th-text-secondary)}@media(max-width:900px){.onu-tr069-host-detail-grid{grid-template-columns:1fr;padding-left:8px}}.onu-tr069-row:first-child{border-top:0}.onu-tr069-row label{font-size:12px;color:var(--th-text-secondary)}.onu-tr069-row input,.onu-tr069-row select{min-height:28px;width:100%;padding:4px 8px}@media(max-width:800px){.onu-tr069-row{grid-template-columns:1fr}}.olt-cfg{display:grid;gap:12px}.olt-cfg-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.olt-cfg-head h2{margin:0}.olt-inv-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--th-border);padding:0 2px}.olt-inv-tabs button{border:0;background:transparent;min-height:40px;padding:8px 12px;color:var(--th-text-secondary);font-weight:650;border-bottom:2px solid transparent;border-radius:0;box-shadow:none}.olt-inv-tabs button.on{color:var(--th-primary);border-bottom-color:var(--th-primary);background:transparent}.olt-inv-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.olt-inv-head h2{margin:0;font-size:18px}.olt-inv-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.olt-inv-add{border:0!important;background:transparent!important;color:var(--th-primary)!important;font-weight:700;display:inline-flex;align-items:center;gap:6px;box-shadow:none!important}.olt-inv-add:hover{color:var(--th-primary-dark)!important}.olt-inv-table{overflow-x:auto}.olt-inv-table table{width:100%;min-width:860px}.olt-inv-table th,.olt-inv-table td{padding:10px 8px}.olt-inv-check{width:36px;text-align:center}.olt-inv-check input{width:16px;min-width:16px;height:16px}.olt-inv-filters th{background:var(--bg-2);font-weight:500;text-transform:none;letter-spacing:0;padding:6px 8px}.olt-inv-filter input,.olt-inv-filter select{width:100%;min-width:0;min-height:32px;padding:4px 8px;font-size:12px}.olt-inv-sub{color:var(--th-muted);font-size:11px;margin-top:2px}.olt-inv-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.olt-inv-link{border:0!important;background:transparent!important;color:var(--th-primary)!important;min-height:32px;padding:0 6px;display:inline-flex;align-items:center;gap:4px;font-weight:650;box-shadow:none!important}.olt-inv-del{color:var(--th-danger)}.olt-inv-pager{margin:0}.olt-cfg-table{overflow-x:auto}.olt-cfg-table table{width:100%;min-width:0}.olt-cfg-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end}.olt-cfg-form button{min-height:var(--th-control-h)}.olt-cfg-form-actions{display:flex;gap:8px;align-items:end}.olt-cfg-actions{display:flex;gap:6px;flex-wrap:wrap}.olt-cfg-table input{min-width:110px;width:100%}.dialog.olt-cfg-dialog{width:min(760px,94vw)}.olt-pool-span{grid-column:1 / -1;margin:0;padding:8px 10px;border-radius:8px;background:var(--th-surface-2, #f4f7fb);font-size:13px}.olt-uplink-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.olt-uplink-card{display:grid;gap:10px;padding:12px;min-width:0}.olt-uplink-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.olt-uplink-port{font-weight:700;word-break:break-all}.olt-uplink-desc{color:var(--th-text-secondary);font-size:12px;margin-top:2px}.olt-uplink-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin:0}.olt-uplink-meta div{display:grid;gap:2px;min-width:0}.olt-uplink-meta dt,.olt-uplink-k{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--th-muted)}.olt-uplink-meta dd{margin:0;font-size:13px;word-break:break-word}.olt-cfg-vlans{display:flex;flex-wrap:wrap;gap:4px;max-width:100%}.olt-cfg-vlan{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:999px;border:1px solid var(--th-border-strong);background:var(--th-table-head);font-family:var(--mono, ui-monospace, Consolas, monospace);font-size:11px;color:var(--th-text)}.rbac-page{display:grid;gap:12px}.rbac-form{display:grid;gap:10px;max-width:860px}.rbac-grid table{min-width:860px}.rbac-name{color:var(--th-primary);font-weight:700}.rbac-name-btn{display:grid;gap:2px;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;width:auto;min-height:0}.rbac-name-btn:hover .rbac-name{text-decoration:underline}.user-edit-dialog{width:min(520px,94vw);z-index:41}.vpn-edit-dialog{width:min(560px,94vw);z-index:41}.vpn-routes{white-space:normal;max-width:320px;word-break:break-word;line-height:1.45}.rbac-desc{color:var(--th-text-secondary);font-size:12px;margin-top:2px;max-width:360px}.rbac-system{display:inline-block;margin-top:6px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--th-muted)}.rbac-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border:1px solid var(--th-border-strong);border-radius:999px;background:var(--th-table-head);color:var(--th-text-secondary);font-size:12px;font-weight:600}.rbac-set{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:0;border-radius:999px;background:var(--th-primary-light);color:var(--th-primary);font-weight:650}.rbac-set.on{background:var(--th-success);color:#fff}.rbac-count{display:inline-grid;place-items:center;min-width:28px;min-height:28px;padding:0 8px;border-radius:999px;background:var(--th-table-head);color:var(--th-text-secondary);font-weight:700}.rbac-count.on{background:var(--th-success-bg);color:var(--th-success)}.rbac-action-cell{position:relative}.rbac-action{min-height:32px;padding:0 12px;border:1px solid var(--th-border);border-radius:999px;background:var(--th-card)}.rbac-menu{position:absolute;right:0;z-index:5;margin-top:4px;min-width:160px;display:grid;background:var(--th-card);border:1px solid var(--th-border);border-radius:10px;box-shadow:var(--th-shadow-lg);overflow:hidden}.rbac-menu button{border:0;border-radius:0;text-align:left;background:transparent}.rbac-menu button:hover{background:var(--th-row-hover)}.rbac-designer{display:grid;gap:14px}.rbac-designer-head{display:flex;gap:12px;align-items:flex-start}.rbac-designer-head h2{margin:0}.rbac-back{width:auto;min-height:36px}.rbac-modules{display:flex;flex-wrap:wrap;gap:8px}.rbac-mod{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid var(--th-border);border-radius:999px;background:var(--th-card);color:var(--th-text-secondary);font-size:12px;font-weight:650}.rbac-mod span{color:var(--th-muted);font-weight:600}.rbac-mod.on{background:var(--th-primary);border-color:var(--th-primary);color:#fff}.rbac-mod.on span{color:#d7e8ff}.rbac-mod-panel h3{margin:0 0 4px}.rbac-checks{display:grid;gap:8px;margin-top:12px}.rbac-perm{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--th-border);border-radius:10px;background:var(--th-card)}.rbac-perm.on{background:var(--th-primary-light);border-color:#c5dbf7}.rbac-perm strong{display:block}.rbac-perm small{color:var(--th-text-secondary)}.rbac-perm input{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;margin-top:3px}.rbac-designer-foot{display:flex;justify-content:flex-end;gap:8px}.rbac-ghost{min-height:40px;padding:0 16px;border:1px solid var(--th-border-strong);border-radius:999px;background:var(--th-card);color:var(--th-text)}.linkish{background:none;border:0;color:var(--th-primary);padding:0;min-height:0}@media(max-width:1400px){.onu-pro-hero{grid-template-columns:minmax(260px,.9fr) minmax(0,1.2fr)}.onu-pro-hero-info{grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr)}}@media(max-width:1100px){.onu-pro-hero,.onu-pro-hero-info,.onu-pro-foot,.onu-pro-mid{grid-template-columns:1fr}.onu-pro-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.onu-pro-kpis .onu-metric:nth-child(5),.onu-pro-kpis .onu-metric:nth-child(6),.onu-pro-kpis .onu-metric:nth-child(7){grid-column:auto}}@media(max-width:900px){.onu-pro-actions-grid{grid-template-columns:1fr}.onu-gauge-row{grid-template-columns:auto 1fr}}.onu-mods-card{border:1px solid var(--th-border);border-radius:8px;background:var(--bg-1);padding:8px 10px;display:grid;gap:6px}.onu-mods-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.onu-mods-card-head h3{margin:0;font-size:15px}.onu-mods{display:grid;gap:8px}.onu-mods-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.onu-mods-summary{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:10px}.onu-mods-summary-wan{grid-template-columns:1fr}.onu-mods-kv{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(0,1.2fr);gap:6px 12px;margin:0}.onu-mods-kv dt{color:var(--th-muted);font-size:12px;font-weight:600}.onu-mods-kv dd{margin:0;font-weight:650;word-break:break-word}.onu-mods-sw{display:contents}.onu-mods-pre{margin:0;padding:12px;background:var(--bg-1);border:1px solid var(--th-border);border-radius:10px;font-size:12px;overflow:auto;max-height:360px}.onu-wan-dialog{width:min(560px,94vw)}.dialog.onu-eth-dialog{width:min(640px,94vw);overflow:visible}.onu-eth-radios{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 14px}.onu-eth-radios legend{width:100%;font-size:12px;font-weight:700;color:var(--th-text);margin-bottom:2px}.onu-eth-radios label{display:inline-flex;align-items:center;gap:6px;margin:0;color:var(--th-text);font-weight:600}.onu-eth-radios input{width:16px;min-width:16px;height:16px;accent-color:var(--th-primary)}.onu-vlan-multi{position:relative}.onu-vlan-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left;background:var(--bg);min-height:38px}.onu-vlan-btn span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onu-vlan-panel{position:absolute;z-index:6;left:0;right:0;top:calc(100% + 4px);background:var(--bg-2);border:1px solid var(--th-border);border-radius:10px;box-shadow:var(--th-shadow-lg);padding:8px;display:grid;gap:4px;max-height:240px;overflow:auto}.onu-vlan-panel input{width:100%}.onu-vlan-check{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;padding:4px 2px;color:var(--th-text);font-weight:600}.onu-vlan-check input{width:16px;min-width:16px;height:16px;accent-color:var(--th-primary)}.onu-wan-radios{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 16px}.onu-wan-radios legend{font-size:12px;color:var(--th-text-secondary);font-weight:600;width:100%;margin-bottom:2px}.onu-wan-radios label{display:inline-flex;align-items:center;gap:6px;color:var(--th-text);font-weight:600}.onu-wan-radios input{width:16px;min-width:16px;height:16px}.onu-secret-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.onu-secret-row input{flex:1;min-width:140px}.onu-secret-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px 8px}.onu-mods .olt-inv-table table{min-width:640px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.onu-mods-summary{grid-template-columns:1fr}}.onu-mgmt-dialog{max-width:560px;width:min(560px,calc(100vw - 24px))}.onu-ip-pick{display:flex;gap:8px;align-items:center}.onu-ip-value{flex:1;justify-content:space-between;text-align:left;font-family:var(--mono, ui-monospace, monospace)}.onu-ip-menu{border:1px solid var(--th-border);border-radius:8px;background:var(--bg-1);box-shadow:var(--th-shadow);max-height:240px;overflow:auto;display:grid;gap:2px;padding:8px}.onu-ip-menu input{width:100%}.onu-ip-menu button{text-align:left;background:transparent;border:0;padding:7px 8px;border-radius:6px;color:var(--th-text);cursor:pointer}.onu-ip-menu button:hover:not(:disabled){background:var(--th-hover, #eef3f8)}.onu-ip-menu button:disabled{opacity:.55;cursor:not-allowed}.tr069-olt-pick{position:relative;min-width:220px}.tr069-olt-btn{width:100%;text-align:left;justify-content:space-between}.tr069-olt-menu{position:absolute;z-index:20;left:0;right:0;margin-top:4px;border:1px solid var(--th-border);border-radius:8px;background:var(--bg-1);box-shadow:var(--th-shadow);padding:8px;display:grid;gap:6px;max-height:280px;overflow:auto}.tr069-olt-menu label{display:flex;align-items:center;gap:8px;font-weight:600}.th-env-banner{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:5px 10px;font-size:12px;font-weight:650;border-bottom:1px solid var(--th-border)}.th-env-banner.safe{background:var(--th-info-bg);color:var(--th-text)}.th-env-banner.lab{background:var(--th-warning-bg);color:#7a4b00}.th-env-banner.write{background:var(--th-danger-bg);color:#8b1d1d}.th-env-banner strong{background:var(--th-sidebar);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px}.th-workflow{display:flex;flex-wrap:wrap;align-items:center;gap:4px 2px;padding:8px 14px;background:var(--th-card);border-bottom:1px solid var(--th-border);font-size:12px}.th-workflow a{color:var(--th-text);font-weight:700;padding:4px 8px;border-radius:999px}.th-workflow a:hover{background:var(--th-primary-light);text-decoration:none}.th-workflow a.active{background:var(--th-primary);color:#fff}.th-workflow-sep{color:var(--th-muted);padding:0 2px}.th-kind{display:inline-block;min-width:52px;margin-right:6px;color:var(--th-primary);font-size:11px}.onu-reg-olt{margin-bottom:16px}.onu-reg-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.onu-reg-head h2{margin:0;font-size:16px}.onu-reg-scan{margin:6px 0 12px}.onu-reg-bulk{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}.onu-auth-dialog{width:min(640px,96vw)}.onu-reg-preview-dialog{width:min(560px,96vw)}.onu-reg-preview-dl{display:grid;grid-template-columns:120px 1fr;gap:8px 12px;margin:12px 0;font-size:14px}.onu-reg-preview-dl dt{color:var(--th-text-secondary);margin:0}.onu-reg-preview-dl dd{margin:0}.onu-reg-preview-steps ol{margin:8px 0 0;padding-left:20px}.onu-reg-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.onu-reg-move-btn{font-size:12px;padding:4px 10px}.th-processing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#07111f8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.th-processing-card{min-width:min(320px,92vw);max-width:420px;padding:28px 24px;border-radius:12px;background:var(--th-surface, #fff);box-shadow:0 12px 40px #00000040;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.th-processing-spinner{width:44px;height:44px;border:3px solid rgb(0 0 0 / .08);border-top-color:var(--th-accent, #2563eb);border-radius:50%;animation:th-spin .85s linear infinite}.th-processing-title{margin:4px 0 0;font-size:15px;font-weight:600}.th-processing-detail{margin:0;font-size:13px}.th-processing-hint{margin:0;font-size:12px;max-width:28rem}@keyframes th-spin{to{transform:rotate(360deg)}}.onu-cfg-steps{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:4px}.onu-cfg-steps li{font-size:13px}.onu-cfg-steps li.ok{font-weight:650}.onu-cfg-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.onu-cfg-cards article{border:1px solid var(--th-border, #e5e7eb);border-radius:10px;padding:12px;display:grid;gap:6px}.onu-cfg-cards h3{margin:0;font-size:14px}.onu-cfg-cards p{margin:0}@media(max-width:900px){.onu-cfg-cards{grid-template-columns:1fr}}.onu-auth-steps{list-style:none;margin:0 0 14px;padding:0;display:flex;gap:8px;flex-wrap:wrap}.onu-auth-steps button{border:0;background:var(--bg-3);border-radius:999px;min-height:32px;padding:4px 12px;font:inherit;font-weight:650;font-size:12px;color:var(--th-text-secondary);cursor:pointer}.onu-auth-steps .on button{background:var(--th-primary);color:#fff}.onu-auth-steps .done button{background:var(--th-primary-light);color:var(--th-primary)}.onu-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.onu-auth-span{grid-column:1 / -1}@media(max-width:700px){.onu-auth-grid{grid-template-columns:1fr}}.so-onu{gap:14px}.so-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.so-head h1{margin:0;font-size:22px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.so-sub{margin:6px 0 0;color:var(--th-text-secondary);font-size:13px;display:flex;flex-wrap:wrap;gap:8px 16px}.so-sub span{color:var(--th-muted)}.so-head-right{display:grid;justify-items:end;gap:8px}.so-meta{display:flex;gap:18px}.so-meta small{display:block;color:var(--th-muted);font-size:11px}.so-meta strong{font-size:13px}.so-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.so-act{display:inline-flex;align-items:center;gap:6px;min-height:36px;border-radius:10px;padding:6px 12px}.so-tabs{display:flex;gap:0;flex-wrap:nowrap;overflow-x:auto;background:var(--bg-2);border:1px solid var(--th-border);border-radius:12px;padding:0 8px;box-shadow:var(--th-shadow);position:sticky;top:0;z-index:11}.so-tabs button{border:0;background:transparent;border-radius:0;min-height:42px;padding:8px 14px;white-space:nowrap;color:var(--th-text-secondary);font-weight:650;font-size:13px;border-bottom:2px solid transparent}.so-tabs button.on{color:var(--th-primary);border-bottom-color:var(--th-primary)}.so-ov{display:grid;gap:14px}.so-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.so-kpi{display:flex;gap:12px;align-items:flex-start;background:var(--bg-2);border:1px solid var(--th-border);border-radius:14px;padding:14px 14px 12px;box-shadow:var(--th-shadow)}.so-kpi-ico{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff}.so-kpi-blue .so-kpi-ico{background:#3b82f6}.so-kpi-purple .so-kpi-ico{background:#7c3aed}.so-kpi-teal .so-kpi-ico{background:#0d9488}.so-kpi-orange .so-kpi-ico{background:#f59e0b}.so-kpi-green .so-kpi-ico{background:#16a34a}.so-kpi-k{display:block;font-size:12px;color:var(--th-muted);font-weight:650;margin-bottom:4px}.so-kpi-body{display:grid;gap:2px;font-size:12px;color:var(--th-text-secondary)}.so-kpi-body strong{font-size:16px;color:var(--th-text);line-height:1.25}.so-split{color:var(--th-muted);font-weight:500}.so-ok{color:var(--th-success)!important;font-weight:650}.so-off{color:var(--th-danger)}.so-muted{color:var(--th-muted)}.so-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.so-card{min-width:0}.so-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.so-card-head h2{margin:0;font-size:15px}.so-link{border:0;background:transparent;color:var(--th-primary);font:inherit;font-weight:650;font-size:12px;display:inline-flex;align-items:center;gap:4px;cursor:pointer;padding:0}.so-kv{display:grid;gap:7px 16px;margin:0;grid-template-columns:1fr 1fr}.so-kv>div{display:grid;gap:1px;min-width:0}.so-kv dt{color:var(--th-muted);font-size:11px;font-weight:650}.so-kv dd{margin:0;font-weight:650;font-size:13px;word-break:break-word}.so-opt-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.so-opt-nums div{display:grid;gap:2px}.so-opt-nums small{color:var(--th-muted);font-size:11px}.so-opt-nums strong{font-size:14px}.so-opt-nums em{font-style:normal;font-size:11px}.so-traffic-leg{display:flex;gap:14px;margin-top:8px;color:var(--th-muted);font-size:12px}.so-traffic-leg i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.so-traffic-leg i.dl{background:#16a765}.so-traffic-leg i.ul{background:#0866d8}.so-table-wrap{overflow:auto}.so-table{font-size:12px}.so-feed{list-style:none;margin:0;padding:0;display:grid;gap:10px}.so-feed li{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:start}.so-feed p{margin:2px 0 0;color:var(--th-muted);font-size:12px}.so-feed time{color:var(--th-muted);font-size:11px;white-space:nowrap}.so-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;background:var(--th-muted)}.so-dot.ok{background:var(--th-success)}.so-dot.warn{background:var(--th-warning)}.so-dot.crit{background:var(--th-danger)}.so-qa{display:grid;grid-template-columns:1fr 1fr;gap:8px}.so-qa-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:84px;border-radius:12px;border:1px solid var(--th-border);background:var(--bg-3);color:var(--th-text);font:inherit;font-weight:650;font-size:12px;cursor:pointer}.so-qa-btn i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff}.so-qa-btn.blue i{background:#3b82f6}.so-qa-btn.orange i{background:#f59e0b}.so-qa-btn.green i{background:#16a34a}.so-qa-btn.purple i{background:#7c3aed}.so-ranges{display:flex;gap:4px}.so-ranges button{border:1px solid var(--th-border);background:var(--bg-2);border-radius:8px;min-height:28px;padding:2px 8px;font:inherit;font-size:12px;cursor:pointer}.so-ranges button.on{background:var(--th-primary-light);color:var(--th-primary);border-color:transparent}@media(max-width:1280px){.so-kpis,.so-grid3{grid-template-columns:1fr 1fr}.so-kpi:last-child{grid-column:1 / -1}}@media(max-width:800px){.so-head,.so-head-right{display:grid;justify-items:start}.so-actions{justify-content:flex-start}.so-kpis,.so-grid3,.so-kv,.so-qa,.so-opt-nums{grid-template-columns:1fr}}.sod-page{gap:14px}.sod-crumbs{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--th-muted);font-weight:600}.sod-crumbs a{color:var(--th-text-secondary);text-decoration:none}.sod-crumbs a:hover{color:var(--th-primary)}.sod-crumbs strong{color:var(--th-primary);font-weight:700}.sod-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.sod-head h1{margin:0;font-size:26px;display:flex;align-items:center;gap:10px;letter-spacing:-.02em}.sod-live{width:10px;height:10px;border-radius:50%;background:#94a3b8;box-shadow:0 0 0 4px #94a3b82e}.sod-live.on{background:#22c55e;box-shadow:0 0 0 4px #22c55e2e}.sod-sub{margin:4px 0 0;color:var(--th-text-secondary);font-size:13px}.sod-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.sod-btn{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:6px 14px;border-radius:10px;border:1px solid var(--th-border);font:inherit;font-weight:700;font-size:13px;cursor:pointer;text-decoration:none;color:var(--th-text);background:#fff}.sod-btn-ghost{background:#fff}.sod-btn-blue{background:#2563eb;border-color:#2563eb;color:#fff}.sod-btn-sky{background:#0284c7;border-color:#0284c7;color:#fff}.sod-btn-indigo{background:#4f46e5;border-color:#4f46e5;color:#fff}.sod-btn-orange{background:#f59e0b;border-color:#f59e0b;color:#fff}.sod-btn-green{background:#16a34a;border-color:#16a34a;color:#fff}.sod-btn-red{background:#dc2626;border-color:#dc2626;color:#fff}.sod-ov{display:grid;gap:14px}.sod-hero{display:grid;grid-template-columns:minmax(240px,.78fr) minmax(0,1.55fr) minmax(240px,.82fr);gap:12px;align-items:start}.sod-ident{padding:16px 16px 14px}.sod-device{background:#f4f7fb;border-radius:14px;padding:8px 10px 0;margin-bottom:12px}.sod-device svg{width:100%;height:auto;display:block}.sod-ident-status{display:flex;align-items:center;gap:10px;margin-bottom:8px}.sod-online{display:inline-flex;align-items:center;gap:6px;background:#dcfce7;color:#15803d;border-radius:999px;font-size:12px;font-weight:800;padding:4px 10px}.sod-online:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.sod-online.off{background:#fee2e2;color:#b91c1c}.sod-ident-status em{font-style:normal;color:var(--th-muted);font-size:12px}.sod-ident-name{margin:0;font-size:20px}.sod-ident-tech{margin:2px 0 12px;color:var(--th-muted);font-size:12px;font-weight:700}.sod-ident-kv{display:grid;gap:8px;margin:0}.sod-ident-kv>div{display:grid;grid-template-columns:118px 1fr;gap:8px;align-items:start}.sod-ident-kv dt{color:var(--th-muted);font-size:12px;font-weight:650}.sod-ident-kv dd{margin:0;font-size:13px;font-weight:700;word-break:break-word}.sod-ident-edit{margin-top:10px}.sod-mid{display:grid;gap:12px;min-width:0}.sod-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sod-kpi{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--th-border);border-radius:14px;padding:12px 12px 10px;box-shadow:var(--th-shadow)}.sod-kpi-ico{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff}.sod-kpi-green .sod-kpi-ico{background:#22c55e}.sod-kpi-cyan .sod-kpi-ico{background:#06b6d4}.sod-kpi-purple .sod-kpi-ico{background:#8b5cf6}.sod-kpi-orange .sod-kpi-ico{background:#f59e0b}.sod-kpi-teal .sod-kpi-ico{background:#14b8a6}.tns-kpi-five{grid-template-columns:repeat(5,minmax(0,1fr))}.tns-kpi-body{min-width:0}.tns-kpi-sub{margin:2px 0 4px;font-size:11px;color:var(--th-text-secondary);font-weight:650;line-height:1.35}.sod-kpi-k{display:block;font-size:11px;color:var(--th-muted);font-weight:700}.sod-kpi strong{display:block;font-size:18px;margin:2px 0;line-height:1.15}.sod-kpi em{font-style:normal;font-size:11px;font-weight:700}.sod-ok{color:#16a34a}.sod-warn{color:#d97706}.sod-bad{color:#dc2626}.sod-na{color:var(--th-muted)}.sod-traffic{min-width:0}.sod-card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.sod-card-head h2{margin:0;font-size:15px;display:inline-flex;align-items:center;gap:8px;flex:1}.sod-link,a.sod-link{border:0;background:transparent;color:var(--th-primary);font:inherit;font-weight:700;font-size:12px;cursor:pointer;padding:0;text-decoration:none}.sod-icon-btn{width:28px;height:28px;border-radius:8px;border:1px solid var(--th-border);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--th-muted)}.sod-legend{display:flex;gap:12px;color:var(--th-muted);font-size:12px;font-weight:650}.sod-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.sod-legend i.dl{background:#16a765}.sod-legend i.ul{background:#0866d8}.sod-ranges{display:flex;gap:4px;margin-left:auto}.sod-ranges button{border:0;background:transparent;border-radius:8px;min-height:28px;padding:2px 9px;font:inherit;font-size:11px;font-weight:800;color:var(--th-muted);cursor:pointer}.sod-ranges button.on{background:var(--th-primary);color:#fff}.sod-empty{padding:24px 0;text-align:center}.sod-traffic .chart-plot,.sod-card .chart-plot{fill:#f8fafc}.sod-traffic-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.sod-traffic-foot>div{display:flex;gap:10px;align-items:center;background:#f8fafc;border-radius:12px;padding:10px 12px}.sod-traffic-foot svg{color:var(--th-primary);flex:none}.sod-traffic-foot small{display:block;color:var(--th-muted);font-size:11px;font-weight:700}.sod-traffic-foot strong{font-size:18px}.sod-traffic-foot em{display:block;font-style:normal;color:var(--th-muted);font-size:11px}.sod-side{display:grid;gap:12px;min-width:0}.sod-side-kv{display:grid;gap:8px;margin:0}.sod-side-kv>div{display:grid;grid-template-columns:110px 1fr;gap:8px}.sod-side-kv dt{color:var(--th-muted);font-size:12px}.sod-side-kv dd{margin:0;font-weight:700;font-size:13px;word-break:break-word}.sod-pill{display:inline-flex;border-radius:999px;padding:2px 8px;background:#e2e8f0;color:#475569;font-size:11px;font-weight:800}.sod-pill.on{background:#dcfce7;color:#15803d}.sod-loc-name{margin:0 0 8px;font-weight:700}.sod-map{position:relative;border-radius:12px;overflow:hidden;height:118px;border:1px solid var(--th-border)}.sod-map-svg{width:100%;height:100%;display:block}.sod-map-pin{position:absolute;left:50%;bottom:10px;transform:translate(-50%);background:#fff;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #0f172a1f;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sod-activity{list-style:none;margin:0;padding:0;display:grid;gap:10px}.sod-activity li{display:grid;grid-template-columns:16px 1fr auto;gap:8px;align-items:center}.sod-activity strong{font-size:13px}.sod-activity time{color:var(--th-muted);font-size:11px;white-space:nowrap}.sod-check{width:16px;height:16px;border-radius:50%;background:#22c55e;position:relative}.sod-check:after{content:"";position:absolute;left:4px;top:2px;width:6px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.sod-check.off{background:#ef4444}.sod-tabs{display:flex;gap:0;flex-wrap:nowrap;overflow-x:auto;background:#fff;border:1px solid var(--th-border);border-radius:14px;padding:4px 8px;box-shadow:var(--th-shadow);position:sticky;top:0;z-index:11}.sod-tabs button{border:0;background:transparent;border-radius:10px;min-height:42px;padding:8px 12px;white-space:nowrap;color:var(--th-text-secondary);font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:6px}.sod-tabs button.on{color:var(--th-primary);background:var(--th-primary-light)}.sod-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:12px}.sod-cfg{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px}.sod-cfg dl{display:grid;gap:9px;margin:0}.sod-cfg div{display:grid;grid-template-columns:130px 1fr;gap:8px}.sod-cfg dt{color:var(--th-muted);font-size:12px}.sod-cfg dd{margin:0;font-weight:700;font-size:13px}.sod-qa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sod-qa-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:86px;border-radius:12px;border:0;color:#fff;font:inherit;font-weight:750;font-size:12px;cursor:pointer}.sod-qa-btn i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffffff38}.sod-qa-btn.blue{background:#3b82f6}.sod-qa-btn.sky{background:#0284c7}.sod-qa-btn.indigo{background:#4f46e5}.sod-qa-btn.purple{background:#a855f7}.sod-qa-btn.green{background:#22c55e}.sod-qa-btn.red{background:#ef4444}.sod-qa-btn.orange{background:#f97316}.sod-qa-btn.amber{background:#f59e0b}.sod-qa-btn.teal{background:#14b8a6}.sod-qa-btn.slate{background:#64748b}.sod-foot{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.7fr) minmax(0,1.1fr);gap:12px}.sod-opt-latest{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.sod-opt-latest small{display:block;color:var(--th-muted);font-size:11px;font-weight:700}.sod-opt-latest strong{display:block;font-size:13px;font-weight:650}.sod-opt-latest b{font-size:15px}.sod-health-row{display:flex;gap:16px;align-items:center}.sod-donut{position:relative;width:148px;height:148px;flex:none}.sod-donut svg{width:100%;height:100%}.sod-donut-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.sod-donut-label strong{font-size:26px;line-height:1}.sod-donut-label span{color:#16a34a;font-weight:800;font-size:13px}.sod-health-leg{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:12px}.sod-health-leg span{color:var(--th-muted);margin-left:6px}.sod-health-leg i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.sod-health-leg i.ex{background:#22c55e}.sod-health-leg i.gd{background:#3b82f6}.sod-health-leg i.wn{background:#f59e0b}.sod-health-leg i.cr{background:#ef4444}.sod-alarms{width:100%;border-collapse:collapse;font-size:12px}.sod-alarms th{text-align:left;color:var(--th-muted);font-size:11px;font-weight:700;padding:6px 6px 8px;border-bottom:1px solid var(--th-border)}.sod-alarms td{padding:8px 6px;border-bottom:1px solid #f1f5f9;vertical-align:top}.sod-al-type{font-weight:700}.sod-al-type.crit{color:#dc2626}.sod-al-type.major{color:#ea580c}.sod-al-type.minor{color:#d97706}.sod-al-type.info{color:#2563eb}.sod-sev{font-weight:800}.sod-sev.crit{color:#dc2626}.sod-sev.major{color:#ea580c}.sod-sev.minor{color:#d97706}.sod-sev.info{color:#2563eb}@media(max-width:1280px){.sod-hero,.sod-foot,.sod-split{grid-template-columns:1fr 1fr}.sod-ident{grid-row:1 / span 2}.sod-kpis,.sod-qa{grid-template-columns:1fr 1fr}}@media(max-width:900px){.sod-hero,.sod-foot,.sod-split,.sod-kpis,.sod-cfg,.sod-traffic-foot,.sod-ident-kv>div,.sod-side-kv>div,.sod-cfg div{grid-template-columns:1fr}.sod-ident{grid-row:auto}.sod-head,.sod-actions{display:grid;justify-items:start}.sod-health-row{flex-direction:column;align-items:flex-start}}.tns-onu-page{gap:12px}.tns-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--th-text-secondary)}.tns-crumbs a{color:var(--th-text-secondary);text-decoration:none}.tns-crumbs a:hover{color:var(--th-primary)}.tns-crumbs strong{color:var(--th-primary);font-weight:700}.tns-onu-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.tns-onu-title{margin:0;font-size:26px;font-weight:800;display:inline-flex;align-items:center;gap:10px}.tns-onu-lamp{display:inline-flex;align-items:center;gap:6px}.tns-onu-lamp i{width:14px;height:14px;border-radius:50%;background:var(--th-muted);box-shadow:0 0 0 3px color-mix(in srgb,currentColor 22%,transparent)}.tns-onu-lamp.sm i{width:12px;height:12px}.tns-onu-lamp.on{color:var(--th-success)}.tns-onu-lamp.on i{background:var(--th-success)}.tns-onu-lamp.off{color:var(--th-danger)}.tns-onu-lamp.off i{background:var(--th-danger)}.tns-onu-lamp svg{width:18px;height:18px;display:block}.tns-onu-lamp.sm svg{width:16px;height:16px}.tns-onu-lamp em{font-style:normal;font-size:12px;font-weight:650;color:var(--th-danger)}.tns-onu-lastseen{margin:4px 0 0;color:var(--th-text-secondary);font-size:13px}.tns-onu-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.tns-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px;border-radius:8px;border:1px solid var(--th-border);background:#fff;font:inherit;font-weight:650;cursor:pointer;text-decoration:none;color:var(--th-text)}.tns-btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}.tns-btn-outline{background:#fff}.tns-btn-green{background:#16a34a;border-color:#16a34a;color:#fff}.tns-btn-orange{background:#f59e0b;border-color:#f59e0b;color:#fff}.tns-btn-red{background:#dc2626;border-color:#dc2626;color:#fff}.tns-btn-ghost{background:transparent}.tns-onu-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:10px;background:var(--bg-2);border:1px solid var(--th-border);font-size:13px}.tns-onu-meta-left,.tns-onu-meta-right{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.tns-onu-meta-right{color:var(--th-text-secondary)}.tns-onu-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.tns-kpi-strip{display:grid;gap:10px;margin-bottom:2px}.tns-ov-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"info service right" "info eth right" "alarms events loc"}.tns-ov-info{grid-area:info}.tns-ov-service{grid-area:service}.tns-ov-right{grid-area:right;display:flex;flex-direction:column;gap:12px;min-width:0}.tns-ov-traffic,.tns-ov-optical,.tns-ov-tr069{grid-area:auto}.tns-ov-eth{grid-area:eth}.tns-ov-alarms{grid-area:alarms}.tns-ov-events{grid-area:events}.tns-ov-loc{grid-area:loc}.tns-ov-card{min-width:0}.tns-ov-optical .tns-opt-big{margin-bottom:0}.tns-info-table{width:100%;border-collapse:collapse;font-size:13px}.tns-info-table th{text-align:left;color:var(--th-muted);font-weight:650;padding:7px 8px 7px 0;width:38%;vertical-align:top}.tns-info-table td{padding:7px 0;font-weight:700;vertical-align:top}.tns-kv{display:grid;gap:8px;margin:0}.tns-kv>div{display:grid;grid-template-columns:120px 1fr;gap:8px}.tns-kv dt{color:var(--th-muted);font-size:12px}.tns-kv dd{margin:0;font-weight:700;font-size:13px;word-break:break-word}.tns-opt-big{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.tns-opt-stat{padding:10px;border-radius:10px;background:#f8fafc;border:1px solid #eef2f7;text-align:center}.tns-opt-stat small{display:block;color:var(--th-muted);font-size:11px;font-weight:700}.tns-opt-stat strong{display:block;font-size:18px;margin:4px 0}.tns-opt-stat em{font-style:normal;font-size:11px;font-weight:700}.tns-traffic-now{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}.tns-traffic-now small{display:block;color:var(--th-muted);font-size:11px;font-weight:700}.tns-traffic-now strong{font-size:16px}.tns-traffic-now em{display:block;font-style:normal;color:var(--th-muted);font-size:11px}.tns-eth-table{width:100%;border-collapse:collapse;font-size:12px}.tns-eth-table th,.tns-eth-table td{padding:8px 6px;border-bottom:1px solid #f1f5f9;text-align:left}.tns-eth-table th{color:var(--th-muted);font-weight:700}.tns-link-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#cbd5e1}.tns-link-dot.up{background:#22c55e}.tns-link-dot.down{background:#ef4444}@media(max-width:1200px){.tns-kpi-strip,.tns-kpi-five{grid-template-columns:repeat(2,minmax(0,1fr))}.tns-ov-grid{grid-template-columns:1fr 1fr;grid-template-areas:"info info" "service right" "eth right" "alarms events" "loc loc"}}@media(max-width:720px){.tns-kpi-strip,.tns-kpi-five,.tns-ov-grid,.tns-opt-big,.tns-onu-meta{grid-template-columns:1fr}.tns-ov-grid{grid-template-areas:"info" "service" "right" "eth" "alarms" "events" "loc"}.tns-onu-meta-left,.tns-onu-meta-right{flex-direction:column;align-items:flex-start;gap:6px}}.tns-tr069{display:grid;gap:12px;--tns-navy: var(--th-text);--tns-blue: #2563eb;--tns-blue-soft: #eff6ff;--tns-card-border: #e2e8f0;background:transparent;padding:0;border-radius:0;width:100%}.tns-tr069-kpi-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.tns-tr069-kpi-card{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--tns-card-border);background:#fff;box-shadow:0 1px 2px #0f172a0a;min-width:0}.tns-tr069-kpi-card small{display:block;font-size:11px;font-weight:650;color:#64748b;margin-bottom:2px}.tns-tr069-kpi-card strong{display:block;font-size:14px;font-weight:800;color:#0f172a;line-height:1.25;word-break:break-word}.tns-tr069-kpi-ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;flex-shrink:0}.tns-tr069-kpi-card.tone-blue .tns-tr069-kpi-ico{background:linear-gradient(145deg,#3b82f6,#1d4ed8)}.tns-tr069-kpi-card.tone-indigo .tns-tr069-kpi-ico{background:linear-gradient(145deg,#6366f1,#4338ca)}.tns-tr069-kpi-card.tone-cyan .tns-tr069-kpi-ico{background:linear-gradient(145deg,#06b6d4,#0891b2)}.tns-tr069-kpi-card.tone-violet .tns-tr069-kpi-ico{background:linear-gradient(145deg,#8b5cf6,#6d28d9)}.tns-tr069-kpi-card.tone-slate .tns-tr069-kpi-ico{background:linear-gradient(145deg,#64748b,#334155)}.tns-tr069-kpi-live{display:inline-block;margin-top:4px;font-size:10px;font-weight:800;letter-spacing:.04em;color:#16a34a;font-style:normal}.tns-tr069-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:2px 0 4px}.tns-tr069-toolbar .tns-btn-primary{background:var(--tns-blue);border-color:var(--tns-blue)}.tns-tr069-wireless-stack,.tns-tr069-config-stack{display:grid;gap:12px;width:100%}.tns-tr069-config-heading{margin:4px 0 0;font-size:13px;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.04em}.tns-wlan-acc{padding:0;overflow:hidden;border:1px solid var(--tns-card-border);border-radius:12px;background:#fff;box-shadow:0 1px 3px #0f172a0f}.tns-wlan-acc.is-open{border-color:#bfdbfe;box-shadow:0 8px 24px #2563eb14}.tns-wlan-acc-head{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 16px;border:0;background:#fff;cursor:pointer;text-align:left;font:inherit}.tns-wlan-acc-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--tns-blue-soft);color:var(--tns-blue)}.tns-wlan-acc-titles strong{font-size:15px;font-weight:800;color:#0f172a}.tns-wlan-acc-titles small{display:block;margin-top:2px;font-size:12px;color:#64748b}.tns-wlan-acc-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tns-wlan-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px}.tns-wlan-badge.on{background:#dcfce7;color:#15803d}.tns-wlan-badge.off{background:#f1f5f9;color:#64748b}.tns-wlan-acc-chevron{color:#94a3b8;transition:transform .15s ease}.tns-wlan-acc-chevron.is-open{transform:rotate(180deg)}.tns-wlan-acc-body{border-top:1px solid #f1f5f9;padding:0}.tns-wlan-acc-body .onu-tr069-tree,.tns-wlan-acc-body .onu-tr069-table,.tns-wlan-acc-body .onu-tr069-hosts,.tns-wlan-acc-body .tns-tr069-hosts-empty{padding:12px 14px 14px}.tns-wlan-grid-section{padding:0 0 8px}.tns-wlan-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.tns-wlan-grid-col{min-width:0;border-right:1px solid #f1f5f9}.tns-wlan-grid-col:last-child{border-right:0}.tns-wlan-field{display:grid;grid-template-columns:36px minmax(120px,1fr) minmax(180px,240px);gap:10px 12px;align-items:start;padding:12px 14px;border-bottom:1px solid #f1f5f9}.tns-wlan-field-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:#eff6ff;color:#2563eb}.tns-wlan-field-copy strong{display:block;font-size:13px;font-weight:800;color:#0f172a}.tns-wlan-field-copy p{margin:2px 0 0;font-size:11px;line-height:1.35;color:#64748b}.tns-wlan-change-label{display:block;font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.tns-wlan-control .tns-wlan-input,.tns-wlan-readonly{width:100%}.tns-wlan-input{min-height:34px;padding:6px 10px;border-radius:8px;border:1px solid #cbd5e1;font:inherit;font-size:13px;background:#fff}.tns-wlan-input-wrap{position:relative}.tns-wlan-input-wrap .tns-wlan-input{padding-right:36px}.tns-wlan-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#64748b;cursor:pointer;padding:4px;display:grid;place-items:center}.tns-wlan-current-line{margin-top:6px;font-size:11px;color:#64748b}.tns-wlan-current-line .mono{color:#2563eb;font-weight:700}.tns-wlan-readonly .mono{font-size:13px;font-weight:650}.tns-wlan-actions{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px 14px;border-top:1px solid #f1f5f9;background:#fafbff}.tns-wlan-apply{min-width:160px;justify-content:center}.tns-wlan-reset{justify-content:center}.tns-tr069-banner{border-radius:8px;margin:0}.tns-toast-ok{position:fixed;top:20px;right:20px;z-index:80;background:#16a34a;color:#fff;font-weight:700;padding:12px 18px;border-radius:8px;box-shadow:0 8px 24px #00000038}.pppoe-up{color:#16a34a;font-weight:700}.tns-field-hint{grid-column:2 / -1;margin:0;color:#6b7280;font-size:12px}.tns-tr069-hero{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:8px;align-items:stretch}.tns-tr069-mid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tns-tr069-foot{display:grid;grid-template-columns:1.2fr 1fr;gap:8px}.tns-tr069-card{padding:10px 12px;min-width:0;border:1px solid var(--th-border);border-radius:var(--th-radius);background:var(--th-card);color:var(--th-text);box-shadow:var(--th-shadow)}.tns-tr069-card.panel{padding:10px 12px}.tns-tr069-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.tns-tr069-card-title h3{margin:0;font-size:15px;font-weight:800;color:var(--th-primary-dark)}.tns-tr069-link{border:0;background:transparent;color:var(--tns-blue);font-weight:700;font-size:12px;cursor:pointer}.tns-tr069-status-hero{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tns-tr069-status-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--th-primary),var(--th-primary-dark));color:#fff;box-shadow:0 6px 16px #0866d847}.tns-tr069-notice{margin:0 0 10px;padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.45;background:var(--th-info-bg);border:1px solid var(--th-border);color:var(--th-primary-dark)}.tns-tr069-notice.ok{background:var(--th-success-bg);border-color:var(--th-border);color:var(--th-success)}.tns-tr069-pill{font-size:12px;font-weight:800;padding:5px 12px;border-radius:999px}.tns-tr069-pill.on{background:var(--th-success-bg);color:var(--th-success)}.tns-tr069-pill.off{background:var(--th-danger-bg);color:var(--th-danger)}.tns-tr069-kv{display:grid;gap:4px;margin:0 0 8px}.tns-tr069-kv.compact{margin-bottom:0}.tns-tr069-kv>div{display:grid;grid-template-columns:118px 1fr;gap:8px;align-items:start}.tns-tr069-kv dt{color:var(--th-text-secondary);font-size:12px;font-weight:650}.tns-tr069-kv dd{margin:0;font-size:13px;font-weight:700;color:var(--th-text);word-break:break-word}.tns-tr069-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.tns-tr069-actions .tns-btn-primary{background:var(--tns-blue);border-color:var(--tns-blue)}.tns-tr069-update{margin-top:10px;width:100%;justify-content:center}.tns-tr069-cpe-art{display:grid;place-items:center;padding:16px;margin-bottom:10px;border-radius:var(--th-radius);background:var(--th-primary-light);color:var(--th-primary);border:1px solid var(--th-border)}.tns-tr069-qa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tns-tr069-qa-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:86px;padding:10px 8px;border-radius:14px;border:1px solid var(--tns-card-border);background:#fff;font:inherit;font-size:11px;font-weight:700;color:#334155;cursor:pointer;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.tns-tr069-qa-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0f172a14}.tns-tr069-qa-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.tns-tr069-qa-ico{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff}.tns-tr069-qa-btn.tone-blue .tns-tr069-qa-ico{background:#2563eb}.tns-tr069-qa-btn.tone-indigo .tns-tr069-qa-ico{background:#4f46e5}.tns-tr069-qa-btn.tone-cyan .tns-tr069-qa-ico{background:#0891b2}.tns-tr069-qa-btn.tone-slate .tns-tr069-qa-ico{background:#64748b}.tns-tr069-qa-btn.tone-green .tns-tr069-qa-ico{background:#16a34a}.tns-tr069-qa-btn.tone-violet .tns-tr069-qa-ico{background:#7c3aed}.tns-tr069-qa-btn.tone-teal .tns-tr069-qa-ico{background:#0d9488}.tns-tr069-qa-btn.tone-amber .tns-tr069-qa-ico{background:#d97706}.tns-tr069-qa-btn.tone-sky .tns-tr069-qa-ico{background:#0284c7}.tns-tr069-events{width:100%;border-collapse:collapse;font-size:12px}.tns-tr069-events th{text-align:left;padding:8px 6px;color:#64748b;font-weight:700;border-bottom:1px solid var(--tns-card-border)}.tns-tr069-events td{padding:8px 6px;border-bottom:1px solid #f1f5f9;vertical-align:top}.tns-tr069-diag{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}.tns-tr069-diag li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:#f8fafc;font-size:13px;font-weight:650}.tns-tr069-diag em{font-style:normal;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px}.tns-tr069-diag em.ok{background:#dcfce7;color:#15803d}.tns-tr069-diag em.pending{background:#fef3c7;color:#b45309}.tns-tr069-lan-ports{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.tns-lan-port{aspect-ratio:1;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:800;border:1px solid var(--th-border)}.tns-lan-port.up{background:#dcfce7;color:#15803d;border-color:#86efac}.tns-lan-port.down{background:#f1f5f9;color:#64748b}.tns-tr069-params h3{margin:4px 0 2px;font-size:15px}.tns-tr069-params p{margin:0 0 4px;font-size:12px}.tns-tr069-mod-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start}.tns-tr069-radios{display:flex;align-items:center;gap:16px;min-height:28px}.tns-tr069-radios label{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:650;color:#0f172a;cursor:pointer}.tns-tr069-radios input{width:auto;min-height:0;margin:0;accent-color:var(--th-primary)}.tns-tr069-radios label{color:var(--th-text)}.tns-tr069-mod-card.panel{padding:0;overflow:hidden}.tns-tr069-mod-card.is-open{grid-column:1 / -1;border-color:var(--th-primary);box-shadow:var(--th-shadow-lg)}.tns-tr069-mod-sum{width:100%;display:flex;align-items:center;gap:8px;padding:10px 36px 10px 12px;border:0;background:var(--th-card);color:var(--th-text);font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-align:left;position:relative}.tns-tr069-mod-sum em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:var(--th-primary);background:var(--th-primary-light);padding:2px 7px;border-radius:999px}.tns-tr069-mod-sum em.is-empty{color:var(--th-muted);background:var(--th-table-head)}.tns-tr069-mod-sum:after{content:"›";position:absolute;right:12px;color:var(--th-muted);font-size:16px;transform:rotate(90deg)}.tns-tr069-mod-card.is-open .tns-tr069-mod-sum{background:var(--th-primary);color:#fff}.tns-tr069-mod-card.is-open .tns-tr069-mod-sum em{background:#fff;color:var(--th-primary)}.tns-tr069-mod-card.is-open .tns-tr069-mod-sum:after{color:#fff;transform:rotate(-90deg)}.tns-tr069-mod-body{padding:8px 10px 10px;background:var(--th-card);border-top:1px solid var(--th-border)}.tns-tr069-mod-card{min-width:0}.tns-tr069-inset-stack{display:grid;gap:4px;margin-top:6px}.tns-tr069-inset-tight{margin-top:6px}.tns-tr069-inset-acc{border:1px solid var(--th-border);border-radius:var(--th-radius-sm);background:var(--th-table-head);overflow:hidden;color:var(--th-text)}.tns-tr069-inset-acc summary{list-style:none;cursor:pointer;padding:7px 10px;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.tns-tr069-inset-acc summary::-webkit-details-marker{display:none}.tns-tr069-inset-acc summary:after{content:"›";color:var(--th-muted);font-size:16px;transform:rotate(90deg)}.tns-tr069-inset-acc[open] summary:after{transform:rotate(-90deg)}.tns-tr069-inset-acc summary em{font-style:normal;font-size:11px;font-weight:700;color:var(--th-primary);background:var(--th-primary-light);padding:2px 7px;border-radius:999px}.tns-tr069-inset-acc .onu-tr069-tree,.tns-tr069-inset-acc .onu-tr069-table,.tns-tr069-mod-body .onu-tr069-tree,.tns-tr069-mod-body .onu-tr069-table{padding:0 10px 10px;background:var(--th-card);border-top:1px solid var(--th-border);color:var(--th-text)}@media(max-width:1100px){.tns-tr069-hero,.tns-tr069-mid,.tns-tr069-mod-row,.tns-tr069-foot{grid-template-columns:1fr}.tns-tr069-qa,.tns-tr069-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.tns-wlan-grid{grid-template-columns:1fr}.tns-wlan-grid-col{border-right:0}}@media(max-width:640px){.tns-tr069-kpi-row{grid-template-columns:1fr}.tns-wlan-field{grid-template-columns:32px 1fr;grid-template-rows:auto auto}.tns-wlan-field .tns-wlan-control,.tns-wlan-field .tns-wlan-readonly{grid-column:1 / -1}}.olt-mgmt-shell{margin:-14px -16px -40px;padding:18px 20px 40px;background:#f3f4f6;min-height:calc(100vh - 56px)}.olt-mgmt-crumb{font-size:13px;color:#64748b;margin-bottom:8px}.olt-mgmt-crumb a{color:#64748b;font-weight:600}.olt-mgmt-head-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.olt-mgmt-head h1{margin:0 0 6px;font-size:28px;font-weight:800;color:#0f172a;letter-spacing:-.02em}.olt-mgmt-sub{margin:0;color:#64748b;font-size:14px;max-width:640px}.olt-mgmt-add-btn{display:inline-flex;align-items:center;padding:10px 18px;border-radius:10px;background:#1e60d5;color:#fff!important;font-weight:700;text-decoration:none;box-shadow:0 4px 14px #1e60d559}.olt-mgmt-add-btn:hover{background:#1a54bc;text-decoration:none}.olt-mgmt-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}.olt-mgmt-kpi{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 4px 16px #0f172a0d}.olt-mgmt-kpi-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.olt-mgmt-kpi-val{font-size:30px;font-weight:800;line-height:1.1;margin:2px 0 6px}.olt-mgmt-kpi-val.blue{color:#2563eb}.olt-mgmt-kpi-val.green{color:#16a34a}.olt-mgmt-kpi-val.orange{color:#ea580c}.olt-mgmt-kpi-val.purple{color:#9333ea}.olt-mgmt-kpi-sub{display:flex;flex-wrap:wrap;gap:10px 14px;font-size:12px;font-weight:700}.olt-mgmt-kpi-sub .dot{display:inline-flex;align-items:center;gap:6px;color:#64748b}.olt-mgmt-kpi-sub .dot:before{content:"";width:8px;height:8px;border-radius:50%;flex:none}.olt-mgmt-kpi-sub .dot.ok:before{background:#28c76f}.olt-mgmt-kpi-sub .dot.bad:before{background:#ea5455}.olt-mgmt-filter-card{display:grid;grid-template-columns:1.4fr repeat(4,minmax(120px,1fr)) auto auto;gap:10px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px;box-shadow:0 4px 16px #0f172a0d;margin-bottom:14px}.olt-mgmt-search-wrap{position:relative;min-width:0}.olt-mgmt-search-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#94a3b8;pointer-events:none}.olt-mgmt-search{width:100%;padding:10px 12px 10px 38px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;font-size:13px}.olt-mgmt-filter-card select{padding:10px 12px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:13px}.olt-mgmt-btn{border-radius:10px;padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid transparent}.olt-mgmt-btn.ghost{background:#fff;border-color:#e2e8f0;color:#475569}.olt-mgmt-btn.primary{background:#1e60d5;color:#fff;border-color:#1e60d5}.olt-mgmt-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #0f172a0d;overflow:hidden;margin-bottom:14px}.olt-mgmt-table-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid #eef2f7}.olt-mgmt-table-head h2{margin:0;font-size:16px;font-weight:800;color:#0f172a;display:inline-flex;align-items:center;gap:8px}.olt-mgmt-live-dot{width:8px;height:8px;border-radius:50%;background:#28c76f;display:inline-block}.olt-mgmt-table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.olt-mgmt-cols-wrap{position:relative}.olt-mgmt-cols-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px;box-shadow:0 12px 28px #0f172a1f;min-width:180px;display:grid;gap:6px}.olt-mgmt-view-toggle{display:inline-flex;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.olt-mgmt-view-toggle button{border:none;background:#fff;padding:8px 12px;cursor:pointer;color:#64748b;font-size:14px}.olt-mgmt-view-toggle button.on{background:#eff6ff;color:#1e60d5;font-weight:700}.olt-mgmt-table-wrap{border:none;box-shadow:none}.olt-mgmt-table{width:100%;font-size:13px;border-collapse:collapse}.olt-mgmt-table thead th{text-align:left;padding:10px 12px;color:#94a3b8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #eef2f7;background:#fafbfc}.olt-mgmt-table tbody td{padding:12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.olt-mgmt-table tbody tr:hover{background:#f8fafc}.olt-mgmt-table .chk{width:36px}.olt-mgmt-status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;text-transform:capitalize}.olt-mgmt-status.online{background:#dcfce7;color:#15803d}.olt-mgmt-status.offline{background:#fee2e2;color:#b91c1c}.olt-mgmt-status.unknown,.olt-mgmt-status.disabled{background:#ffedd5;color:#c2410c}.olt-mgmt-name{font-weight:800;color:#1e60d5;text-decoration:none}.olt-mgmt-name:hover{text-decoration:underline}.olt-mgmt-desc{font-size:11px;color:#94a3b8;margin-top:2px}.olt-mgmt-vendor{display:inline-flex;align-items:center;gap:8px;font-weight:600}.olt-mgmt-vendor i{width:22px;height:22px;border-radius:50%;display:inline-block}.olt-mgmt-site{display:inline-flex;align-items:center;gap:8px}.olt-mgmt-site .dash-kpi-ico{width:28px;height:28px;padding:5px;border-radius:8px;background:#eff6ff;color:#2563eb}.olt-mgmt-site span em{display:block;font-size:11px;color:#94a3b8;font-style:normal}.olt-mgmt-count{display:inline-flex;align-items:center;gap:6px;font-weight:700}.mini-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.mini-dot.ok{background:#28c76f}.mini-dot.bad{background:#ea5455}.olt-mgmt-err{color:#ea5455;font-size:12px}.olt-mgmt-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.olt-mgmt-manage{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;border:1px solid #bfdbfe;color:#1e60d5;font-weight:700;text-decoration:none;background:#eff6ff}.olt-mgmt-manage:hover{text-decoration:none;background:#dbeafe}.olt-mgmt-kebab-wrap{position:relative}.olt-mgmt-kebab{width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-size:18px;line-height:1;color:#64748b}.olt-mgmt-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:30;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:140px;box-shadow:0 10px 24px #0f172a1f;display:grid;padding:6px}.olt-mgmt-menu a,.olt-mgmt-menu button{text-align:left;border:none;background:none;padding:8px 10px;font:inherit;cursor:pointer;border-radius:8px;color:#334155;text-decoration:none}.olt-mgmt-menu a:hover,.olt-mgmt-menu button:hover{background:#f1f5f9}.olt-mgmt-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid #eef2f7}.olt-mgmt-pager-mid{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.olt-mgmt-pager-mid label{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#64748b}.olt-mgmt-pager-mid select{padding:6px 8px;border-radius:8px;border:1px solid #e2e8f0}.olt-mgmt-page-num{min-width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#1e60d5;color:#fff;font-weight:800;font-size:13px}.olt-mgmt-bottom{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.olt-mgmt-quick-card,.olt-mgmt-vendor-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 4px 16px #0f172a0d}.olt-mgmt-quick-card h2,.olt-mgmt-vendor-card h2{margin:0 0 12px;font-size:16px;font-weight:800;color:#0f172a}.olt-mgmt-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.olt-mgmt-quick{display:grid;justify-items:center;text-align:center;gap:6px;padding:16px 10px;border:1px solid #eef2f7;border-radius:14px;background:#fafbfc;text-decoration:none;color:inherit;cursor:pointer;font:inherit}.olt-mgmt-quick:hover{border-color:#bfdbfe;box-shadow:0 6px 16px #2563eb1a;text-decoration:none}.olt-mgmt-quick strong{font-size:14px;color:#0f172a}.olt-mgmt-quick span:last-child{font-size:11px;color:#64748b}.olt-mgmt-quick .qico{width:52px;height:52px;display:grid;place-items:center}.olt-mgmt-quick .qico .tele-kpi-bubble{width:48px;height:48px;padding:11px;box-shadow:none}.olt-mgmt-vendor{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center}.olt-mgmt-donut{position:relative;width:140px;height:140px}.olt-mgmt-donut svg{width:140px;height:140px}.olt-mgmt-donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.olt-mgmt-donut-center strong{font-size:22px;font-weight:800;color:#0f172a}.olt-mgmt-donut-center span{font-size:11px;color:#94a3b8;font-weight:700}.olt-mgmt-vendor-legend{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:12px}.olt-mgmt-vendor-legend li{display:grid;grid-template-columns:10px 1fr auto auto;gap:8px;align-items:center}.olt-mgmt-vendor-legend i{width:8px;height:8px;border-radius:50%}.olt-mgmt-vendor-legend em{font-style:normal;font-weight:800;color:#0f172a}.olt-mgmt-vendor-legend b{color:#94a3b8;font-weight:600}.olt-mgmt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:12px 16px}.olt-mgmt-grid-card{border:1px solid #e2e8f0;border-radius:12px;padding:12px;display:grid;gap:6px;text-decoration:none;color:inherit}.olt-mgmt-grid-card:hover{border-color:#93c5fd;text-decoration:none}@media(max-width:1200px){.olt-mgmt-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.olt-mgmt-filter-card{grid-template-columns:1fr 1fr}.olt-mgmt-bottom{grid-template-columns:1fr}}@media(max-width:720px){.olt-mgmt-kpis,.olt-mgmt-filter-card,.olt-mgmt-quick-grid{grid-template-columns:1fr}}.olt-view-shell{margin:-14px -16px -40px;padding:18px 20px 40px;background:#f3f4f6;min-height:calc(100vh - 56px)}.olt-view-crumb{font-size:13px;color:#64748b;margin-bottom:8px}.olt-view-crumb a{color:#64748b;font-weight:600;text-decoration:none}.olt-view-head-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.olt-view-head h1{margin:0 0 8px;font-size:28px;font-weight:800;color:#1e60d5;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.olt-view-status{font-size:12px;font-weight:800;padding:4px 12px;border-radius:999px;text-transform:capitalize}.olt-view-status.online{background:#dcfce7;color:#15803d}.olt-view-status.offline{background:#fee2e2;color:#b91c1c}.olt-view-status.unknown,.olt-view-status.disabled{background:#ffedd5;color:#c2410c}.olt-view-meta{display:flex;flex-wrap:wrap;gap:12px 16px;margin:0;color:#64748b;font-size:13px;font-weight:600}.olt-view-actions,.olt-view-sub-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.olt-view-sub-actions{margin-top:10px}.olt-view-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:700;border:1px solid transparent;cursor:pointer;text-decoration:none}.olt-view-btn.primary{background:#1e60d5;color:#fff}.olt-view-btn.ghost{background:#fff;border-color:#dbeafe;color:#1e60d5}.olt-view-btn.warn{background:#ff9f43;color:#fff}.olt-view-btn.danger{background:#ea5455;color:#fff}.olt-view-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:6px}.olt-view-tabs button{border:none;background:transparent;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:700;color:#64748b;cursor:pointer}.olt-view-tabs button.on{background:#1e60d5;color:#fff}.olt-view-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.olt-view-metric{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px;box-shadow:0 4px 14px #0f172a0d}.olt-view-metric-ico .tele-kpi-bubble{width:44px;height:44px;padding:10px;box-shadow:none}.olt-view-metric-k{font-size:11px;font-weight:700;text-transform:uppercase;color:#94a3b8;letter-spacing:.04em}.olt-view-metric-v{font-size:22px;font-weight:800;color:#0f172a;line-height:1.15;margin:2px 0}.olt-view-metric-sub{font-size:12px;font-weight:700}.olt-view-metric-sub.ok{color:#16a34a}.olt-view-metric-sub.bad{color:#dc2626}.olt-view-metric-sub.warn{color:#ea580c}.olt-view-metric-sub.muted{color:#64748b;font-weight:600}.olt-view-main{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.olt-view-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 4px 14px #0f172a0d;margin-bottom:14px}.olt-view-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.olt-view-card-head h2{margin:0;font-size:16px;font-weight:800;color:#0f172a}.olt-view-link-btn{border:none;background:none;color:#1e60d5;font-weight:700;font-size:13px;cursor:pointer;text-decoration:none}.olt-view-kv{display:grid;grid-template-columns:180px 1fr;gap:8px 12px;margin:0;font-size:13px}.olt-view-kv.compact{grid-template-columns:160px 1fr}.olt-view-kv dt{color:#64748b;font-weight:600}.olt-view-kv dd{margin:0;color:#0f172a;font-weight:600}.olt-view-kv .wrap{word-break:break-word}.olt-view-kv .ip-alert,.ip-alert{color:#dc2626;font-weight:800}.olt-view-vendor{display:inline-flex;align-items:center;gap:8px}.olt-view-vendor i{width:20px;height:20px;border-radius:50%;display:inline-block}.olt-view-site{display:inline-flex;align-items:center;gap:8px}.olt-view-site .dash-kpi-ico{width:26px;height:26px;padding:4px;border-radius:8px;background:#eff6ff;color:#2563eb}.olt-view-site em{display:block;font-style:normal;font-size:11px;color:#94a3b8;font-weight:600}.olt-view-disc{display:inline-flex;align-items:center;gap:6px;font-weight:700}.olt-view-disc .dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.olt-view-disc.success .dot{background:#22c55e}.olt-view-disc.failed .dot{background:#ef4444}.olt-view-cap-note{margin:0 0 10px;font-size:12px}.olt-view-cap-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;font-size:13px}.olt-view-cap-grid li{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:600}.olt-view-snmp-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.olt-view-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.olt-view-quick-item{display:grid;justify-items:center;gap:8px;padding:14px 8px;border-radius:14px;border:1px solid #eef2f7;background:#fafbfc;text-decoration:none;color:inherit}.olt-view-quick-item:hover{border-color:#bfdbfe;text-decoration:none}.olt-view-quick-item strong{font-size:12px;text-align:center}.olt-view-quick-item .q{width:48px;height:48px;display:grid;place-items:center}.olt-view-quick-item .q .tele-kpi-bubble{width:44px;height:44px;padding:10px;box-shadow:none}.ok-text{color:#16a34a!important}.bad-text{color:#dc2626!important}@media(max-width:1280px){.olt-view-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.olt-view-main{grid-template-columns:1fr}}@media(max-width:720px){.olt-view-metrics,.olt-view-cap-grid,.olt-view-quick,.olt-view-kv{grid-template-columns:1fr}}.sys-settings{display:grid;gap:18px;color:#1e293b}.sys-settings-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.sys-settings-hero h1{margin:0;font-size:28px;font-weight:800;color:#0f3d7a}.sys-settings-hero p{margin:6px 0 0;color:#64748b;font-size:14px}.sys-settings-crumb{display:inline-flex;align-items:center;gap:6px;color:#64748b;font-size:13px;font-weight:600}.sys-settings-crumb a{color:#2563eb;text-decoration:none}.sys-settings-tabs{display:flex;flex-wrap:wrap;gap:18px;border-bottom:1px solid #dbeafe;padding-bottom:2px}.sys-settings-tabs a{padding:10px 2px;text-decoration:none;color:#64748b;font-size:14px;font-weight:700;border-bottom:3px solid transparent;margin-bottom:-2px}.sys-settings-tabs a.is-active{color:#2563eb;border-bottom-color:#2563eb}.sys-settings-lead{margin:16px 0 12px;max-width:920px;line-height:1.5}.sys-settings-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin:12px 0}.sys-settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 24px #0f172a0d;padding:18px 20px 20px}.sys-settings-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.sys-settings-card-head h2{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:20px;color:#0f3d7a}.sys-settings-card-head p{margin:6px 0 0;color:#64748b;font-size:13px}.sys-settings-card-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sys-settings-btn-primary{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:10px;background:#2563eb;color:#fff;font-weight:700;font-size:13px;padding:9px 14px;cursor:pointer}.sys-settings-btn-primary:disabled{opacity:.6;cursor:not-allowed}.sys-settings-perf-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.sys-settings-specs{margin:0;display:grid;gap:10px}.sys-settings-specs div{display:grid;grid-template-columns:18px 110px 1fr;gap:8px;align-items:center;font-size:13px}.sys-settings-specs svg{color:#64748b}.sys-settings-specs dt{margin:0;color:#64748b;font-weight:700}.sys-settings-specs dd{margin:0;font-weight:800;color:#0f172a}.sys-settings-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.sys-settings-kpi{border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#fff}.sys-settings-kpi-top{display:flex;align-items:center;gap:8px;color:#64748b;font-size:12px;font-weight:700}.sys-settings-kpi-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.sys-settings-kpi strong{display:block;margin:8px 0;font-size:28px;line-height:1;color:#0f172a}.sys-settings-kpi-bar{height:6px;border-radius:999px;background:#eef2f7;overflow:hidden}.sys-settings-kpi-bar i{display:block;height:100%;border-radius:inherit}.sys-settings-kpi small{display:block;margin-top:8px;color:#64748b;font-size:11px}.sys-settings-kpi.tone-green .sys-settings-kpi-icon{background:#dcfce7;color:#16a34a}.sys-settings-kpi.tone-green .sys-settings-kpi-bar i{background:#22c55e}.sys-settings-kpi.tone-blue .sys-settings-kpi-icon{background:#dbeafe;color:#2563eb}.sys-settings-kpi.tone-blue .sys-settings-kpi-bar i{background:#2563eb}.sys-settings-kpi.tone-purple .sys-settings-kpi-icon{background:#ede9fe;color:#7c3aed}.sys-settings-kpi.tone-purple .sys-settings-kpi-bar i{background:#8b5cf6}.sys-settings-kpi.tone-orange .sys-settings-kpi-icon{background:#ffedd5;color:#ea580c}.sys-settings-kpi.tone-orange .sys-settings-kpi-bar i{background:#f97316}.sys-settings-chart{border:1px solid #e2e8f0;border-radius:14px;padding:12px;background:#fafcff}.sys-settings-chart-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.sys-settings-chart-head strong{font-size:14px;color:#0f172a}.sys-settings-chart-legend{display:inline-flex;flex-wrap:wrap;gap:10px;margin-left:auto;font-size:12px;color:#64748b;font-weight:700}.sys-settings-chart-legend span{display:inline-flex;align-items:center;gap:6px}.sys-settings-chart-legend i{width:10px;height:10px;border-radius:999px;display:inline-block}.sys-settings-chart-head select{min-height:32px;border-radius:8px;border:1px solid #cbd5e1;padding:0 10px;font-size:12px}.sys-settings-chart svg{width:100%;height:auto;display:block}.sys-settings-chart-grid{stroke:#e2e8f0;stroke-width:1}.sys-settings-config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sys-settings-config-col{border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;background:#fff}.sys-settings-config-col header{display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:14px;font-weight:800}.sys-settings-config-col h3{margin:0;font-size:14px}.sys-settings-config-col.tone-rose header{background:#fff1f2;color:#be123c}.sys-settings-config-col.tone-blue header{background:#eff6ff;color:#1d4ed8}.sys-settings-config-col.tone-green header{background:#ecfdf5;color:#047857}.sys-settings-fields{padding:12px 14px 14px;display:grid;gap:12px}.sys-settings-field span{display:block;font-size:12px;font-weight:800;color:#0f3d7a}.sys-settings-field small{display:block;margin:4px 0 8px;color:#64748b;font-size:11px;line-height:1.35}.sys-settings-field-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center}.sys-settings-field-row input{min-height:34px;border:1px solid #cbd5e1;border-radius:8px;padding:0 10px;font-size:13px}.sys-settings-field-row em{font-style:normal;font-size:12px;color:#64748b;font-weight:700;min-width:52px}.sys-settings-btn-save{border:1px solid #2563eb;background:#fff;color:#2563eb;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:800;cursor:pointer}.sys-settings-more{margin-top:14px;border:1px dashed #cbd5e1;border-radius:12px;padding:10px 12px}.sys-settings-more summary{cursor:pointer;font-weight:800;color:#0f3d7a}.sys-settings-more-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sys-settings-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.sys-settings-action{display:grid;gap:6px;padding:14px;border-radius:14px;border:1px solid #e2e8f0;border-left-width:4px;text-decoration:none;color:inherit;background:#fff;min-height:96px}.sys-settings-action strong{font-size:13px;color:#0f172a}.sys-settings-action span{font-size:11px;color:#64748b;line-height:1.35}.sys-settings-action.tone-green{border-left-color:#22c55e}.sys-settings-action.tone-blue{border-left-color:#2563eb}.sys-settings-action.tone-purple{border-left-color:#8b5cf6}.sys-settings-action.tone-orange{border-left-color:#f97316}.sys-settings-action.tone-red{border-left-color:#ef4444}.sys-settings-action.tone-sky{border-left-color:#0ea5e9}.sys-settings-site-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px;margin-bottom:12px}.sys-settings-site-form input{min-height:36px;border:1px solid #cbd5e1;border-radius:8px;padding:0 10px}@media(max-width:1280px){.sys-settings-perf-grid{grid-template-columns:1fr}.sys-settings-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.sys-settings-config-grid{grid-template-columns:1fr}.sys-settings-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.sys-settings-more-grid{grid-template-columns:1fr}}@media(max-width:720px){.sys-settings-hero{flex-direction:column}.sys-settings-kpi-row,.sys-settings-actions,.sys-settings-site-form{grid-template-columns:1fr}}.tr069-section{padding:0;overflow:hidden;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 8px 24px #0f172a0f}.tr069-section.is-open{border-color:#dbeafe;box-shadow:0 10px 28px #2563eb1a}.tr069-section-head{width:100%;display:flex;gap:12px;align-items:center;padding:14px 16px;background:#fff}.tr069-section-toggle{flex:1;min-width:0;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;border:0;background:transparent;cursor:pointer;text-align:left;font:inherit;padding:0}.tr069-section-tools{display:flex;align-items:center;gap:8px;flex-shrink:0}.tr069-section-uptime{font-size:12px;font-weight:700;color:#334155;font-variant-numeric:tabular-nums;white-space:nowrap}.tr069-section-refresh,.tr069-section-chevron-btn{width:32px;height:32px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:grid;place-items:center;cursor:pointer;padding:0}.tr069-section-refresh{color:#2563eb}.tr069-section-refresh:disabled{cursor:progress}.tr069-section-refresh.is-busy svg{animation:tr069-spin .8s linear infinite}@keyframes tr069-spin{to{transform:rotate(360deg)}}.tr069-section-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,#eff6ff,#dbeafe);color:#2563eb}.tr069-section-titles strong{font-size:16px;font-weight:800;color:#0f172a;letter-spacing:-.01em}.tr069-section-titles small{display:block;margin-top:4px;font-size:12px;color:#64748b;line-height:1.4}.tr069-section-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.tr069-section-chevron{color:#94a3b8;transition:transform .15s ease}.tr069-section-chevron.is-open{transform:rotate(180deg)}.tr069-section-body{border-top:1px solid #f1f5f9}.tr069-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:3px 8px;border-radius:999px}.tr069-badge.live{background:#dcfce7;color:#15803d}.tr069-badge.enabled{background:#dcfce7;color:#15803d;gap:4px;padding-left:6px}.tr069-badge-check{display:inline-block;width:12px;height:12px;border-radius:999px;background:#16a34a;position:relative;flex-shrink:0}.tr069-badge-check:after{content:"";position:absolute;left:3px;top:2px;width:4px;height:6px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.tr069-badge.enabled,.tr069-badge.live{display:inline-flex;align-items:center}.tr069-badge.info{background:#dbeafe;color:#1d4ed8}.tr069-badge.warn{background:#fef3c7;color:#b45309}.tr069-badge.crit{background:#fee2e2;color:#b91c1c}.tr069-badge.muted{background:#f1f5f9;color:#64748b}.tr069-unsaved-pill{font-size:11px;font-weight:700;color:#b45309;background:#fffbeb;padding:2px 8px;border-radius:999px}.tr069-field{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(200px,280px);gap:12px 20px;align-items:center;padding:12px 16px;border-bottom:1px solid #f1f5f9}.tr069-field.is-changed{background:#fffbeb}.tr069-field-meta{min-width:0}.tr069-field-aside{justify-self:stretch;min-width:0}.tr069-field-aside .tr069-field-static{text-align:right;font-weight:650;color:#0f172a}.tr069-field-aside .tr069-toggle,.tr069-field-aside .tr069-segmented{margin-left:auto}.tr069-field-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;align-self:start;margin-top:2px}.tr069-field-head{display:flex;align-items:center;gap:8px}.tr069-field-head strong{font-size:13px;font-weight:800;color:#0f172a}.tr069-field-desc{margin:2px 0 6px;font-size:11px;color:#64748b;line-height:1.35}.tr069-field-current{margin:4px 0 0;font-size:11px;color:#64748b}.tr069-field-current .mono{color:#2563eb;font-weight:700}.tr069-field-static{margin:0;font-size:13px;font-weight:650}.tr069-field-changed-tag{font-size:10px;font-weight:800;color:#b45309;text-transform:uppercase}.tr069-input{width:100%;min-height:38px;padding:8px 10px;border-radius:8px;border:1px solid #cbd5e1;font:inherit;font-size:13px;background:#fff;color:#0f172a}.tr069-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.tr069-input-wrap{position:relative}.tr069-input-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#64748b;cursor:pointer;min-width:44px;min-height:44px;display:grid;place-items:center}.tr069-select-wrap{position:relative}.tr069-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px}.tr069-select-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:#64748b}.tr069-toggle{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;cursor:pointer;padding:4px 0;min-height:44px}.tr069-toggle-track{width:44px;height:24px;border-radius:999px;background:#cbd5e1;position:relative;transition:background .15s ease}.tr069-toggle.is-on .tr069-toggle-track{background:#2563eb}.tr069-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s ease;box-shadow:0 1px 2px #00000026}.tr069-toggle.is-on .tr069-toggle-thumb{transform:translate(20px)}.tr069-toggle-label{font-size:12px;font-weight:800;color:#334155}.tr069-segmented{display:inline-flex;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden}.tr069-segmented-btn{border:0;background:#fff;padding:8px 14px;min-height:38px;font:inherit;font-size:12px;font-weight:700;color:#334155;cursor:pointer}.tr069-segmented-btn.is-active{background:#2563eb;color:#fff}.tr069-field-grid-wrap{width:100%;max-width:none}.tr069-field-grid{display:grid;grid-template-columns:1fr;gap:0}.tr069-field-grid.is-split{grid-template-columns:1fr 1fr;gap:0}.tr069-field-grid-col{min-width:0;border-right:1px solid #eef2f7}.tr069-field-grid-col:last-child{border-right:0}.tr069-action-bar{display:flex;justify-content:flex-end;gap:12px;padding:14px 18px 16px;border-top:1px solid #eef2f7;background:#fff}.tr069-action-bar .tns-btn-outline{min-height:40px;padding:0 16px;border-radius:10px}.tr069-action-bar .tns-btn-primary{min-height:40px;padding:0 18px;border-radius:10px;box-shadow:0 4px 14px #2563eb40}.tr069-action-bar-mobile{display:none}.tr069-metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:12px 14px 14px}.tr069-metric-card{border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;background:#fff}.tr069-metric-card small{display:block;font-size:11px;color:#64748b;margin-top:4px}.tr069-metric-card strong{display:block;font-size:15px;margin-top:2px}.tr069-metric-icon{color:#2563eb}.tr069-hosts{padding:0}.tr069-hosts-meta,.tr069-hosts-table-wrap{padding:12px 16px}.tr069-hosts-table-wrap{padding-top:0;padding-bottom:14px}.tr069-hosts-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:10px}.tr069-hosts-cards{display:none}.tr069-hosts-table-wrap{overflow-x:auto}.tr069-hosts-table{width:100%;border-collapse:collapse;font-size:12px}.tr069-hosts-table th,.tr069-hosts-table td{padding:8px 6px;border-bottom:1px solid #f1f5f9;text-align:left}.tr069-confirm-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}.tr069-confirm-list li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;font-size:13px}.tr069-confirm-list li strong{grid-column:1 / -1}.tr069-confirm-arrow{color:#64748b}.tr069-confirm-phase{font-weight:700;color:#2563eb}.tr069-empty{padding:16px;color:#64748b;margin:0}.tns-tr069-shell{max-width:none;width:100%;margin:0}.onu-pro .tr069-section.panel,.onu-dash .tr069-section.panel{padding:0;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 8px 24px #0f172a0f}.tns-tr069-wireless-stack,.tns-tr069-config-stack{display:grid;gap:14px}.tns-tr069-config-heading{margin:8px 0 4px;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#64748b}@media(max-width:1024px){.tr069-field-grid.is-split{grid-template-columns:1fr}.tr069-field-grid-col{border-right:0}.tr069-field{grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto}.tr069-field-aside{grid-column:2}}@media(max-width:640px){.tr069-action-bar{display:none}.tr069-action-bar-mobile{display:flex;position:sticky;bottom:0;z-index:20;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #e2e8f0;box-shadow:0 -4px 16px #0f172a14}.tr069-action-bar-mobile .tns-btn{flex:1;justify-content:center;min-height:44px}.tr069-hosts-table-wrap{display:none}.tr069-hosts-cards{display:grid;gap:8px}.tr069-host-card{border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px}.tr069-host-card dl{margin:8px 0 0;display:grid;gap:4px}.tr069-host-card dt{font-size:10px;color:#64748b}.tr069-host-card dd{margin:0;font-size:12px}}:root{--bp-sm: 640px;--bp-md: 1024px;--bp-lg: 1440px;--touch-min: 44px}.th-icon-btn,.menu-btn,.th-bell,.th-dock a,.th-dock button{min-width:var(--touch-min);min-height:var(--touch-min)}.th-scroll-tabs,.olt-view-tabs,.th-onu-tabs,.tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:2px;padding-bottom:2px}.th-scroll-tabs button,.th-scroll-tabs .tab,.olt-view-tabs button,.th-onu-tabs button{flex:0 0 auto;white-space:nowrap}.th-desktop-only{display:block}.th-mobile-only{display:none}.th-filter-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.th-filter-open-btn{min-height:var(--touch-min);padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);font:inherit;font-weight:600}.th-filter-open-btn .th-filter-badge{margin-left:6px}.th-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--th-primary);color:#fff;font-size:11px;font-weight:700}.th-filter-sheet-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45}.th-filter-sheet{position:fixed;left:0;right:0;bottom:0;max-height:min(92vh,720px);background:var(--bg-2);border-radius:16px 16px 0 0;border:1px solid var(--line);border-bottom:0;z-index:46;display:grid;grid-template-rows:auto 1fr auto;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 32px #0000001f}.th-filter-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.th-filter-sheet-head h2{margin:0;font-size:16px;display:flex;align-items:center;gap:8px}.th-filter-sheet-body{overflow:auto;padding:16px;display:grid;gap:12px}.th-filter-sheet-body label,.th-filter-sheet-body select,.th-filter-sheet-body input{width:100%}.th-filter-sheet-foot{display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.th-filter-sheet-foot .primary{flex:1;min-height:var(--touch-min)}.th-onu-mobile-list{display:grid;gap:10px}.th-onu-mobile-card{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);box-shadow:var(--shadow)}.th-onu-mobile-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.th-onu-mobile-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.th-onu-mobile-status.on{color:var(--reach)}.th-onu-mobile-status.off{color:var(--danger)}.th-onu-mobile-card h3{margin:0;font-size:15px}.th-onu-mobile-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;font-size:12px}.th-onu-mobile-meta dt{margin:0;color:var(--muted);font-weight:500}.th-onu-mobile-meta dd{margin:0;font-weight:600}.th-onu-mobile-actions{display:flex;gap:8px}.th-onu-mobile-actions .th-view-btn{flex:1;text-align:center;min-height:var(--touch-min);display:grid;place-items:center}.th-olt-mobile-list{display:grid;gap:10px}.th-olt-mobile-card{padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);box-shadow:var(--shadow);display:grid;gap:10px}.th-olt-mobile-card .olt-mgmt-status{font-size:11px}.th-olt-mobile-title{font-size:16px;font-weight:700;color:var(--text);text-decoration:none}.th-olt-mobile-title:hover{text-decoration:underline}.th-olt-mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px}.th-olt-mobile-grid span{color:var(--muted);display:block;font-size:11px}.th-olt-mobile-actions{display:flex;gap:8px}.th-olt-mobile-actions a,.th-olt-mobile-actions button{flex:1;min-height:var(--touch-min);display:grid;place-items:center}.th-search-compact{display:none}.th-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);display:grid;grid-template-rows:auto 1fr;padding-top:env(safe-area-inset-top)}.th-search-overlay-head{display:flex;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line)}.th-search-overlay-head input{flex:1;min-height:var(--touch-min)}.th-search-overlay .search-hits{position:static;max-height:none;border:0;box-shadow:none;margin:0;padding:0}.th-search-overlay .search-hits button{min-height:var(--touch-min);padding:12px 16px}@media(max-width:639px){.tns-onu-actions .tns-btn:not(.tns-btn-primary):not(.onu-more-toggle){display:none}.tns-onu-actions .tns-btn-ghost[href="/onus"]{display:none}.onu-more-menu{position:fixed;left:0;right:0;bottom:0;top:auto;border-radius:16px 16px 0 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));z-index:40;max-height:70vh;overflow:auto}}@media(min-width:901px){.shell.th-app .sod-tabs,.shell.th-app .so-tabs,.shell.th-app .onu-pro-tabs{top:0}}@media(min-width:640px)and (max-width:1023px){.shell:not(.rail-collapsed){--shell-sidebar-w: 72px}.shell:not(.rail-collapsed) .rail .brand,.shell:not(.rail-collapsed) .rail .nav span,.shell:not(.rail-collapsed) .rail .nav-group summary span,.shell:not(.rail-collapsed) .rail .nav-subhead,.shell:not(.rail-collapsed) .rail-foot .th-health span,.shell:not(.rail-collapsed) .rail-foot .who{display:none}.shell:not(.rail-collapsed) .nav-group summary{justify-content:center}.shell:not(.rail-collapsed) .nav{text-align:center;padding:10px 6px}.th-rail-collapse{display:inline-flex}}@media(max-width:639px){.top-who .th-profile-copy{display:none}.th-profile-cluster{border-left:0;padding-left:0;margin-left:0}.th-desktop-only,.th-onu-table.th-desktop-only,.olt-mgmt-table-wrap.th-desktop-only,.th-onu-filters-desktop{display:none!important}.th-mobile-only,.th-onu-mobile-list.th-mobile-only,.th-olt-mobile-list.th-mobile-only{display:grid!important}.th-search-compact{display:inline-flex}.work-head .global-search:not(.th-search-expanded-inline){display:none}.th-top-tools .th-clock{display:none}.th-sys-chip{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.top-who strong{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{height:auto;min-height:56px;padding:8px 10px;padding-top:calc(8px + env(safe-area-inset-top));flex-wrap:wrap;gap:8px}.login-wrap{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.login-card{width:100%;max-width:420px}.dialog,.onu-auth-dialog,.opt-modal-inner{width:100%!important;max-width:100%!important;max-height:100vh;border-radius:16px 16px 0 0;align-self:end}.th-onu-filters-mobile-trigger{width:100%}}@media(min-width:640px){.th-mobile-only{display:none!important}}@media(min-width:640px)and (max-width:1023px){.dash-kpis,.th-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.th-dock{display:none!important}}body.th-nav-open{overflow:hidden}.th-onu-page{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible}.th-onu-page .th-onu-compact-toolbar,.th-onu-page .th-onu-cards{display:none}.th-onu-page .th-onu-table-desktop{display:block}.th-onu-page .th-onu-topbar-actions{display:contents}@media(max-width:1279px){.th-onu-page .th-onu-table-desktop{display:none!important}.th-onu-page .th-onu-cards{display:grid!important}.th-onu-page .th-onu-filters-desktop,.th-onu-page .th-onu-zone-desktop{display:none!important}.th-onu-page .th-onu-compact-toolbar{display:inline-flex;align-items:center;min-height:var(--touch-min)}.th-onu-page .th-onu-topbar{flex-direction:column;align-items:stretch}.th-onu-page .th-onu-topbar .th-onu-search{flex:1 1 100%;min-width:0;max-width:none;width:100%}.th-onu-page .th-onu-topbar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.th-onu-page .th-onu-topbar-actions button{width:100%;min-height:var(--touch-min)}.th-onu-page .th-onu-compact-toolbar{width:100%;justify-content:center}.th-onu-page .th-onu-panel{overflow:visible;border:0;background:transparent;box-shadow:none}.th-onu-page .th-onu-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.th-onu-page .th-pager{flex-direction:column;align-items:stretch;gap:10px}.th-onu-page .th-pager-pages{flex-wrap:wrap;justify-content:center}.th-onu-page .th-pager-size{justify-content:center}.th-onu-page .th-more-menu{right:0;left:auto;min-width:180px}}@media(min-width:1280px){.th-onu-page .th-onu-compact-toolbar{display:none!important}}.th-onu-kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}.th-onu-kpi-row .th-onu-kpi-card{min-width:0}.th-page-head .head-actions.th-onu-head-actions,.th-onu-page .head-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.th-onu-head-btn{min-height:38px;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:0 14px}.th-onu-page .head-actions .primary.th-onu-head-btn{width:auto}@media(max-width:900px){.th-onu-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.th-onu-kpi-hide-mobile{display:none!important}.th-onu-page .head-actions{width:100%;justify-content:stretch}.th-onu-page .head-actions .th-onu-head-btn{flex:1 1 calc(50% - 4px);min-width:0}.th-onu-page .head-actions .primary.th-onu-head-btn{flex:1 1 100%}.tns-onu-page{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.tns-onu-mobile-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;position:fixed;left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom));z-index:24;padding:10px 12px;background:var(--bg-2);border-top:1px solid var(--line);box-shadow:0 -4px 20px #00000014}.tns-onu-mobile-bar .tns-btn{min-height:var(--touch-min);justify-content:center;font-size:13px}}@media(min-width:901px){.tns-onu-mobile-bar{display:none}}@media(max-width:520px){.th-onu-kpi-row{grid-template-columns:1fr 1fr}.th-onu-kpi-row .tele-stat-v{font-size:22px}.th-onu-kpi-row .dash-kpi-sub{font-size:11px;flex-direction:column;align-items:flex-start;gap:2px}}.sx-app{--sx-navy: #0b1220;--sx-navy-2: #121a2b;--sx-line: #e6ebf2;--sx-text: #0f172a;--sx-muted: #64748b;--sx-blue: #2563eb;--sx-blue-soft: #eff6ff;--sx-green: #16a34a;--sx-green-soft: #ecfdf3;--sx-amber: #d97706;--sx-amber-soft: #fff7ed;--sx-red: #dc2626;--sx-red-soft: #fef2f2;--sx-card: #ffffff;min-height:100vh;display:grid;grid-template-columns:248px 1fr;background:#f4f7fb;color:var(--sx-text);font-family:Segoe UI,system-ui,sans-serif}.sx-side{background:var(--sx-navy);color:#dbe4f0;padding:18px 14px;display:flex;flex-direction:column;gap:6px;min-height:100vh}.sx-brand{display:flex;gap:10px;align-items:center;padding:4px 8px 16px}.sx-brand b{display:block;color:#fff;font-size:15px}.sx-brand span{color:#93a4bd;font-size:11px}.sx-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(180deg,#3b82f6,#1d4ed8);display:grid;place-items:center;color:#fff;font-weight:700}.sx-nav a,.sx-nav button.linkish{display:flex;align-items:center;gap:10px;color:#c5d0e0;text-decoration:none;border:0;background:transparent;width:100%;text-align:left;border-radius:10px;padding:9px 12px;font:inherit;font-size:13.5px;cursor:pointer}.sx-nav a.on,.sx-nav a:hover,.sx-nav button.linkish:hover{background:#1d4ed8;color:#fff}.sx-nav .sub{padding-left:34px;font-size:13px;color:#9aabc2}.sx-nav .sub.on{color:#fff}.sx-label{margin:14px 12px 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#7f8da3}.sx-main{min-width:0;display:flex;flex-direction:column}.sx-top{height:64px;background:#fff;border-bottom:1px solid var(--sx-line);display:flex;align-items:center;gap:12px;padding:0 20px}.sx-search{flex:1;max-width:420px;background:#f8fafc;border:1px solid var(--sx-line);border-radius:10px;padding:8px 12px;color:var(--sx-muted);font-size:13px}.sx-top .grow{flex:1}.sx-pill{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:650;background:var(--sx-blue-soft);color:var(--sx-blue)}.sx-pill.warn{background:var(--sx-amber-soft);color:var(--sx-amber)}.sx-pill.ok{background:var(--sx-green-soft);color:var(--sx-green)}.sx-pill.bad{background:var(--sx-red-soft);color:var(--sx-red)}.sx-who{display:flex;align-items:center;gap:8px;font-size:13px}.sx-who b{display:block}.sx-who span{color:var(--sx-muted);font-size:12px}.sx-avatar{width:34px;height:34px;border-radius:50%;background:#dbeafe;color:#1d4ed8;display:grid;place-items:center;font-weight:700}.sx-body{padding:20px;display:flex;flex-direction:column;gap:16px}.sx-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sx-kpi,.sx-card{background:var(--sx-card);border:1px solid #edf1f6;border-radius:16px;box-shadow:0 8px 24px #0f172a0a}.sx-kpi{padding:16px 18px;display:flex;gap:12px;align-items:flex-start}.sx-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none}.sx-ico.blue{background:#e8f0ff;color:#2563eb}.sx-ico.green{background:#e9f9ef;color:#16a34a}.sx-ico.purple{background:#f3e8ff;color:#7c3aed}.sx-ico.orange{background:#fff1e6;color:#ea580c}.sx-kpi .n{font-size:28px;font-weight:750;line-height:1.1}.sx-kpi .l{color:var(--sx-muted);font-size:13px}.sx-kpi .s{color:var(--sx-muted);font-size:12px;margin-top:4px}.sx-kpi .s em{font-style:normal;color:var(--sx-green);font-weight:650}.sx-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:14px}.sx-card{padding:16px 18px}.sx-card h2{margin:0 0 12px;font-size:16px}.sx-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.sx-filters button,.sx-btn,.sx-btn.primary,.sx-btn.ghost{border-radius:10px;border:1px solid var(--sx-line);background:#fff;padding:7px 12px;font:inherit;font-size:13px;cursor:pointer;color:var(--sx-text)}.sx-filters button.on,.sx-btn.primary{background:var(--sx-blue);color:#fff;border-color:var(--sx-blue)}.sx-btn.ghost{background:#fff}.sx-table{width:100%;border-collapse:collapse;font-size:13px}.sx-table th{text-align:left;color:var(--sx-muted);font-weight:600;padding:8px 6px;border-bottom:1px solid var(--sx-line)}.sx-table td{padding:10px 6px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.sx-badge{border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.sx-badge.ok{background:var(--sx-green-soft);color:var(--sx-green)}.sx-badge.trial{background:#e0f2fe;color:#0369a1}.sx-badge.susp{background:var(--sx-red-soft);color:var(--sx-red)}.sx-badge.exp{background:#f1f5f9;color:#475569}.sx-bars{display:flex;align-items:flex-end;gap:10px;height:160px;padding-top:8px}.sx-bars i{display:block;width:22px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#60a5fa,#2563eb);min-height:4px}.sx-bars span{font-size:11px;color:var(--sx-muted);text-align:center}.sx-bars div{display:flex;flex-direction:column;align-items:center;gap:6px;justify-content:flex-end;height:100%}.sx-donut-wrap{display:flex;gap:16px;align-items:center}.sx-donut{width:148px;height:148px;border-radius:50%;display:grid;place-items:center}.sx-donut strong{width:86px;height:86px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;font-size:13px;line-height:1.2}.sx-legend{font-size:13px;display:flex;flex-direction:column;gap:6px}.sx-legend b{font-weight:650}.sx-hero{background:linear-gradient(90deg,#eff6ff,#fff);border:1px solid #dbeafe;border-radius:16px;padding:18px 20px;display:flex;justify-content:space-between;gap:16px;align-items:center}.sx-empty{min-height:280px;display:grid;place-items:center;text-align:center;padding:28px}.sx-empty h3{margin:8px 0 4px}.sx-steps{display:flex;flex-direction:column;gap:10px}.sx-step{display:flex;gap:10px;align-items:flex-start;font-size:13px}.sx-num{width:26px;height:26px;border-radius:50%;background:var(--sx-blue);color:#fff;display:grid;place-items:center;font-size:12px;flex:none}.sx-wizard{display:grid;grid-template-columns:220px 1fr 280px;gap:16px}.sx-steps-nav{display:flex;flex-direction:column;gap:8px}.sx-steps-nav div{padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--sx-line);font-size:13px}.sx-steps-nav div.on{border-color:#bfdbfe;background:var(--sx-blue-soft);color:#1d4ed8;font-weight:700}.sx-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sx-form label,.sx-form .full{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#334155}.sx-form .full{grid-column:1 / -1}.sx-form input,.sx-form select,.sx-form textarea{border:1px solid #dbe2ea;border-radius:10px;padding:9px 10px;font:inherit;background:#fff}.sx-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sx-plan{border:1px solid var(--sx-line);border-radius:16px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:8px}.sx-plan.pop{border:2px solid #2563eb;box-shadow:0 10px 30px #2563eb1f}.sx-plan .price{font-size:26px;font-weight:750}.sx-plan ul{margin:0;padding-left:16px;color:#475569;font-size:13px}.sx-cycle{display:flex;gap:8px;justify-content:center}.sx-success{text-align:center;padding:36px 16px}.sx-success h2{font-size:28px;margin-bottom:6px}.sx-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.sx-note{color:var(--sx-muted);font-size:13px}.sx-error{background:var(--sx-red-soft);color:var(--sx-red);border-radius:10px;padding:10px 12px}.sx-nav-toggle{display:none}.sx-table{width:100%}@media(max-width:1100px){.sx-app{grid-template-columns:1fr}.sx-side{display:none;min-height:auto}.sx-app.nav-open .sx-side{display:flex}.sx-nav-toggle{display:inline-flex}.sx-kpis,.sx-grid,.sx-wizard,.sx-plans,.sx-form{grid-template-columns:1fr}.sx-top{flex-wrap:wrap}.sx-table{display:block;overflow-x:auto}}.sx-welcome{display:flex;justify-content:space-between;gap:16px;align-items:center;background:linear-gradient(90deg,#eff6ff,#fff);border:1px solid #dbeafe;border-radius:16px;padding:18px 20px;margin-bottom:14px}.sx-welcome h2{margin:0 0 4px}.sx-welcome p{margin:0;color:var(--sx-muted)}.sx-welcome-side{display:flex;align-items:center;gap:10px}.pub{min-height:100vh;background:linear-gradient(180deg,#f3f8ff,#f7f9fc 280px);color:#0f172a;font-family:Inter,Segoe UI,system-ui,sans-serif}.pub-top{display:flex;align-items:center;gap:18px;padding:14px 28px;background:#fff;color:#0f172a;position:sticky;top:0;border-bottom:1px solid #e6ebf2}.pub-brand{color:#0f172a;font-weight:750;text-decoration:none;display:flex;align-items:center;gap:8px}.pub-brand span{width:28px;height:28px;border-radius:8px;background:#2563eb;color:#fff;display:grid;place-items:center}.pub-top nav{display:flex;gap:14px;flex-wrap:wrap}.pub-top a{color:#475569;text-decoration:none;font-size:14px}.pub-top a.on{color:#2563eb;font-weight:650}.pub-cta a{color:#0f172a}.pub-cta{margin-left:auto;display:flex;gap:10px;align-items:center}.pub-go{background:#2563eb;color:#fff!important;border:0;border-radius:10px;padding:8px 14px;text-decoration:none;display:inline-block}.pub-go.alt{background:#fff;color:#0b1220!important}.pub-hero,.pub-block{padding:42px 28px 10px;max-width:1100px;margin:0 auto}.pub-kicker{letter-spacing:.14em;color:#2563eb;font-weight:700}.pub-hero h1,.pub-block h1{font-size:40px;line-height:1.15;margin:8px 0}.pub-split{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;max-width:1180px}.pub-checks{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px}.pub-checks li:before{content:"✓ ";color:#16a34a;font-weight:700}.pub-go.ghost{background:#fff;color:#2563eb!important;border:1px solid #bfdbfe}.pub-stage{display:grid;place-items:center}.pub-laptop{width:min(460px,100%);background:#0f172a;border-radius:18px 18px 12px 12px;padding:14px 14px 28px;box-shadow:0 24px 50px #0f172a2e}.pub-screen{background:linear-gradient(180deg,#eff6ff,#fff);border-radius:10px;min-height:240px;padding:16px;color:#0f172a}.pub-screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.pub-screen-grid span{background:#fff;border:1px solid #dbeafe;border-radius:10px;padding:14px;font-weight:700}.pub-vendors{display:flex;gap:14px;flex-wrap:wrap;align-items:center;justify-content:center;padding:8px 28px 20px;color:#64748b}.pub-vendors b{background:#fff;border:1px solid #e6ebf2;border-radius:999px;padding:6px 12px;color:#0f172a;font-size:13px}.pub-hero-actions{display:flex;gap:10px;align-items:center;margin-top:18px}.pub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding:10px 28px 28px;max-width:1100px;margin:0 auto}.pub-grid article,.pub-block article{background:#fff;border:1px solid #e6ebf2;border-radius:16px;padding:16px}.pub-grid p,.pub-block p{color:#64748b}.pub-cycles{display:flex;gap:8px;margin:12px 0}.pub-cycles button{border:1px solid #e6ebf2;background:#fff;border-radius:999px;padding:6px 12px}.pub-cycles button.on{background:#2563eb;color:#fff;border-color:#2563eb}.pub-steps{color:#334155}.pub-form{display:grid;gap:10px;max-width:460px}.pub-form input,.pub-form textarea{width:100%;border:1px solid #e6ebf2;border-radius:10px;padding:8px 10px}.pub-foot{padding:28px;color:#64748b;display:flex;gap:12px;align-items:center}.gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#e8f2ff,#f7f9fc 42%)}.gate-card{width:min(920px,100%);display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px #2563eb1f;border:1px solid #e6ebf2}.gate-art{background:linear-gradient(180deg,#dbeafe,#eff6ff 40%,#fff);position:relative;min-height:460px}.gate-mark{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:24px;background:#2563eb;color:#fff;display:grid;place-items:center;font-size:36px;font-weight:750;box-shadow:0 16px 30px #2563eb4d}.gate-skyline{position:absolute;left:8%;right:8%;bottom:70px;height:90px;background:linear-gradient(180deg,transparent,#bfdbfe);clip-path:polygon(0 100%,0 60%,12% 60%,12% 40%,24% 40%,24% 70%,40% 70%,40% 30%,55% 30%,55% 55%,70% 55%,70% 35%,84% 35%,84% 65%,100% 65%,100% 100%)}.gate-people{position:absolute;left:18%;right:18%;bottom:28px;height:46px;border-radius:16px 16px 0 0;background:#93c5fd}.gate-form{padding:36px 32px;display:grid;gap:12px;align-content:center}.gate-brand{display:flex;gap:10px;align-items:center;margin-bottom:8px}.gate-brand span{width:36px;height:36px;border-radius:10px;background:#2563eb;color:#fff;display:grid;place-items:center;font-weight:750}.gate-brand b{display:block}.gate-brand small{color:#64748b}.gate-form label{display:grid;gap:6px;font-size:13px;color:#334155}.gate-form input[type=text],.gate-form input:not([type=checkbox]){border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;font:inherit}.gate-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.gate-check{display:flex;align-items:center;gap:6px}.gate-row a{color:#2563eb}.gate-submit{background:#2563eb;color:#fff;border:0;border-radius:10px;padding:11px 14px;font:inherit;font-weight:700;cursor:pointer}.gate-note{background:#f8fafc;border-radius:12px;padding:12px;display:grid;gap:4px}.gate-note span{color:#64748b;font-size:13px}.gate-copy{color:#94a3b8;font-size:12px}@media(max-width:800px){.gate-card{grid-template-columns:1fr}.gate-art{min-height:160px}.pub-top{flex-wrap:wrap}.pub-split{grid-template-columns:1fr}.pub-hero h1,.pub-block h1{font-size:30px}.sx-welcome{flex-direction:column;align-items:flex-start}.pub-cta{margin-left:0}}