.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: rgb(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: rgb(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: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--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, var(--xy-background-color-props, 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}.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__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__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-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__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:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));transform: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))}.olt-management-tabs{display:flex;max-width:1500px;gap:.35rem;margin:0 auto 1rem;padding:.4rem;overflow-x:auto;border:1px solid rgba(71,85,105,.48);border-radius:10px;background:#0f1726c7}.olt-management-tab{padding:.55rem .8rem;color:#8494a9;border-radius:7px;text-decoration:none;white-space:nowrap;font-size:.76rem;font-weight:750}.olt-management-tab:hover,.olt-management-tab.is-active{color:#e0f2fe;background:#0e749047}.profile-safety-notice{max-width:1500px;margin:0 auto 1rem;padding:.7rem .9rem;color:#a7f3d0;border:1px solid rgba(16,185,129,.3);border-radius:9px;background:#064e3b33;font-size:.78rem}.profile-safety-notice strong{color:#d1fae5}.profile-toolbar{flex-wrap:wrap}.profile-toolbar .olt-search{flex-basis:280px}.profile-toolbar>label:not(.olt-search){flex-basis:160px}.profile-table{min-width:1320px}.profile-type-badge{display:inline-flex;padding:.22rem .45rem;color:#c4b5fd;border:1px solid rgba(139,92,246,.3);border-radius:5px;background:#6d28d921;font-size:.67rem;font-weight:800}.profile-row-actions{display:flex;justify-content:flex-end;gap:.3rem}.profile-row-actions button{width:auto;padding:.38rem .5rem;color:#b9c9dc;border:1px solid #334155;background:#162033;font-size:.67rem}.profile-row-actions button:hover{color:#f8fafc;border-color:#4b607a}.profile-row-actions button.danger,.profile-variable-card button.danger{color:#fecaca;border-color:#ef444459;background:#7f1d1d33}.profile-editor-modal{width:min(100%,1120px)}.profile-editor-modal>form{display:grid;gap:1rem}.profile-form-section{padding:1rem;border:1px solid #2d3b50;border-radius:10px;background:#0a13218c}.profile-form-section>h3,.profile-section-title h3{margin:0 0 .75rem;color:#f1f5f9;font-size:1rem}.profile-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.profile-section-title h3{margin-bottom:.2rem}.profile-section-title p{margin:0;color:#718197;font-size:.72rem}.profile-section-title button{width:auto;flex:0 0 auto;padding:.5rem .7rem}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem}.profile-form-grid label{min-width:0;margin:0;color:#b9c7d8;font-size:.76rem}.profile-form-grid label>span{display:block}.profile-form-grid label>small{color:#718197;font-size:.67rem;font-weight:400}.profile-form-wide{grid-column:1 / -1}.profile-command-editor{width:100%;min-height:300px;padding:.85rem;color:#d1fae5!important;border:1px solid #1e3a5f!important;border-radius:8px;background:#050a12!important;font-family:Cascadia Code,Fira Code,Consolas,monospace!important;font-size:.8rem!important;line-height:1.55;-moz-tab-size:2;tab-size:2}.profile-variable-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.65rem;color:#718197;font-size:.7rem}.profile-variable-chips button{width:auto;padding:.35rem .5rem;color:#a5f3fc;border:1px solid #155e75;background:#164e6373;font-family:Consolas,monospace;font-size:.7rem}.profile-variable-list{display:grid;gap:.7rem}.profile-variable-card{padding:.85rem;border:1px solid #334155;border-radius:9px;background:#0a1321}.profile-variable-card>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;color:#dbeafe;font-size:.76rem}.profile-variable-card>header>div{display:flex;gap:.35rem}.profile-variable-card>header button{width:auto;padding:.35rem .5rem;color:#bae6fd;border:1px solid #334155;background:#162033;font-size:.66rem}.profile-required-check{display:flex;align-items:center;gap:.5rem;margin:.75rem 0 0;color:#a8b6c9;font-size:.72rem}.profile-required-check input{width:16px;height:16px;padding:0}.profile-empty{margin:0;padding:1rem;color:#718197;border:1px dashed #334155;border-radius:8px;text-align:center;font-size:.75rem}.profile-validation{padding:.8rem;color:#fde68a;border:1px solid rgba(245,158,11,.35);border-radius:8px;background:#78350f33;font-size:.75rem}.profile-validation.is-valid{color:#bbf7d0;border-color:#22c55e59;background:#14532d33}.profile-validation p{margin:.35rem 0 0}.profile-view-modal,.profile-generator-modal{width:min(100%,920px)}.profile-modal-content{padding:1.2rem 1.25rem 1.25rem}.profile-modal-content>p{color:#94a3b8}.profile-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:0 0 1rem}.profile-details>div{padding:.65rem;border:1px solid #2d3b50;border-radius:8px;background:#0a1321}.profile-details dt{margin-bottom:.2rem;color:#718197;font-size:.62rem;font-weight:750;text-transform:uppercase}.profile-details dd{margin:0;color:#dbeafe;font-size:.78rem}.profile-generator-warning{padding:.65rem .75rem;color:#a7f3d0;border:1px solid rgba(16,185,129,.25);border-radius:8px;background:#064e3b29;font-size:.72rem}.profile-generator-modal .provisioning-code{margin-top:.75rem}@media (max-width: 900px){.profile-form-grid,.profile-details{grid-template-columns:1fr}.profile-form-wide{grid-column:auto}}@media (max-width: 760px){.olt-management-tabs{margin-bottom:.75rem}.profile-row-actions{justify-content:flex-start}.profile-section-title{align-items:stretch;flex-direction:column}.profile-section-title button{width:100%}}.olts-page{min-height:100vh;padding:2rem clamp(1rem,3vw,2.75rem) 3rem;color:#e5edf7;background:radial-gradient(circle at 85% -15%,rgba(14,116,144,.13),transparent 34rem),#090f1a}.olts-header{display:flex;max-width:1500px;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin:0 auto 1.5rem}.olts-header h1{color:#f8fafc;font-size:clamp(1.75rem,3vw,2.35rem);letter-spacing:-.035em}.olts-header .eyebrow,.olt-modal .eyebrow{margin-bottom:.4rem;color:#38bdf8;font-size:.7rem}.olts-subtitle{margin:.5rem 0 0;color:#8797ac}.olt-primary-action{display:inline-flex;width:auto;align-items:center;justify-content:center;gap:.45rem;padding:.72rem 1rem;color:#042f3e;background:#38bdf8;box-shadow:0 10px 26px #0ea5e92e}.olt-primary-action span{font-size:1.15rem;line-height:.8}.olt-alert{max-width:1500px;margin:0 auto 1rem;padding:.75rem 1rem;border:1px solid;border-radius:9px}.olt-alert--error{color:#fecaca;border-color:#ef444466;background:#7f1d1d33}.olt-alert--success{color:#bbf7d0;border-color:#22c55e59;background:#14532d33}.olt-summary{display:grid;max-width:1500px;grid-template-columns:repeat(2,minmax(0,260px));gap:.75rem;margin:0 auto 1rem}.olt-summary>div{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border:1px solid rgba(71,85,105,.48);border-radius:11px;background:#111b2bc7}.olt-summary__icon{display:grid;width:36px;height:36px;place-items:center;color:#7dd3fc;border:1px solid rgba(56,189,248,.22);border-radius:9px;background:#0e749024}.olt-summary__icon--active{color:#4ade80;border-color:#22c55e38;background:#15803d24;font-size:.65rem}.olt-summary>div>span:last-child{display:grid;gap:.12rem}.olt-summary strong{color:#f8fafc;font-size:1.15rem}.olt-summary small{color:#8291a6;font-size:.72rem}.olt-panel{max-width:1500px;margin:0 auto;overflow:hidden;border:1px solid rgba(71,85,105,.52);border-radius:13px;background:#0f1726d1;box-shadow:0 18px 45px #02061733}.olt-toolbar{display:flex;align-items:center;gap:.6rem;padding:.85rem;border-bottom:1px solid rgba(71,85,105,.4)}.olt-toolbar label{min-width:0;margin:0}.olt-toolbar input,.olt-toolbar select,.olt-modal input,.olt-modal select,.olt-modal textarea{width:100%;color:#e5edf7;border:1px solid #334155;border-radius:8px;outline:0;background:#0a1321;transition:border-color .16s ease,box-shadow .16s ease}.olt-toolbar input,.olt-toolbar select{height:40px;padding:0 .75rem}.olt-toolbar input:focus,.olt-toolbar select:focus,.olt-modal input:focus,.olt-modal select:focus,.olt-modal textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e921}.olt-search{position:relative;flex:1 1 340px;max-width:470px}.olt-search>span[aria-hidden]{position:absolute;top:50%;left:.8rem;z-index:1;color:#718096;transform:translateY(-50%)}.olt-search input{padding-left:2.15rem}.olt-toolbar>label:not(.olt-search){flex:0 1 190px}.olt-toolbar button{width:auto;min-height:40px;padding:.55rem .85rem}.olt-filter-button{color:#062a38;background:#38bdf8}.olt-clear-button{color:#cbd5e1;border:1px solid #3b495e;background:#182235}.olt-table-wrap{overflow-x:auto}.olt-table{min-width:1000px;background:transparent}.olt-table th{padding:.72rem .85rem;color:#75859b;border-color:#47556961;background:#0a121f7a;font-size:.67rem;letter-spacing:.055em;text-transform:uppercase}.olt-table td{padding:.8rem .85rem;color:#cbd5e1;border-color:#4755694f;font-size:.82rem;vertical-align:middle}.olt-table tbody tr{transition:background-color .15s ease}.olt-table tbody tr:hover{background:#1e293b6b}.olt-table code{padding:.24rem .42rem;color:#bae6fd;border:1px solid rgba(14,165,233,.17);border-radius:5px;background:#0e74901a;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem}.olt-name-cell{display:flex;align-items:center;gap:.65rem}.olt-name-cell>span:last-child{display:grid;gap:.16rem;min-width:0}.olt-name-cell strong,.olt-table td>strong{color:#eef5fc}.olt-name-cell small{max-width:230px;overflow:hidden;color:#697a91;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.olt-device-icon{display:grid;flex:0 0 auto;width:32px;height:32px;place-items:center;color:#7dd3fc;border:1px solid rgba(56,189,248,.2);border-radius:8px;background:#0e74901f}.olt-cell-detail{display:block;margin-top:.2rem;color:#728197;font-size:.68rem}.olt-protocol{display:inline-flex;padding:.2rem .4rem;color:#c4b5fd;border:1px solid rgba(139,92,246,.22);border-radius:5px;background:#6d28d91f;font-size:.65rem;font-weight:750}.olt-dash{color:#56657a}.olt-status{display:inline-flex;align-items:center;gap:.38rem;padding:.25rem .5rem;border:1px solid;border-radius:999px;font-size:.68rem;font-weight:700}.olt-status i{width:6px;height:6px;border-radius:50%}.olt-status--active{color:#86efac;border-color:#22c55e40;background:#15803d1f}.olt-status--active i{background:#22c55e}.olt-status--inactive{color:#a8b4c5;border-color:#94a3b833;background:#47556924}.olt-status--inactive i{background:#64748b}.olt-row-actions{display:flex;justify-content:flex-end;gap:.35rem}.olt-row-actions button{display:grid;width:30px;height:30px;padding:0;place-items:center;color:#9db0c6;border:1px solid #334155;background:#162033}.olt-row-actions button:hover{color:#f8fafc;border-color:#4b607a}.olt-row-actions .olt-delete-action:hover{color:#fecaca;border-color:#ef444473;background:#7f1d1d33}.olt-empty-state{height:230px;color:#7d8da3!important;text-align:center}.olt-empty-state>span,.olt-empty-state>strong,.olt-empty-state>small{display:block;margin:.3rem auto}.olt-empty-state>span{color:#3e516a;font-size:2rem}.olt-empty-state>strong{color:#bdc9d8}.olt-empty-state button{width:auto;margin:.75rem auto 0;padding:.45rem .7rem}.olt-empty-state--error{color:#fca5a5!important}.olt-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .9rem;color:#75859a;border-top:1px solid rgba(71,85,105,.4);font-size:.74rem}.olt-pagination>div{display:flex;align-items:center;gap:.65rem}.olt-pagination button{width:auto;padding:.42rem .65rem;color:#b9c8da;border:1px solid #334155;background:#182235;font-size:.7rem}.olt-pagination button:disabled{cursor:not-allowed}.olt-modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;padding:1rem;place-items:center;background:#020617c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.olt-modal{width:min(100%,720px);max-height:calc(100dvh - 2rem);overflow-y:auto;border:1px solid #334155;border-radius:14px;background:#101a2a;box-shadow:0 28px 80px #00000085}.olt-modal>header{position:sticky;z-index:2;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.15rem 1.25rem;border-bottom:1px solid #2b394d;background:#101a2af7}.olt-modal h2{margin:0;color:#f8fafc;font-size:1.25rem}.olt-modal>header>button{width:32px;height:32px;padding:0;color:#a5b4c7;border:1px solid #334155;background:#182235;font-size:1.2rem}.olt-modal form{padding:1.2rem 1.25rem 1.25rem}.olt-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem}.olt-form-grid label{margin:0;color:#b9c7d8;font-size:.76rem}.olt-modal input,.olt-modal select,.olt-modal textarea{padding:.68rem .72rem}.olt-modal textarea{resize:vertical;font:inherit}.olt-form-wide{grid-column:1 / -1}.olt-enabled-field{display:flex;align-items:center;gap:.65rem;margin:1rem 0 0;padding:.75rem;color:#cbd5e1;border:1px solid #2d3b50;border-radius:9px;background:#0a13218c}.olt-enabled-field input{width:17px;height:17px;padding:0;accent-color:#0ea5e9}.olt-enabled-field span{display:grid;gap:.12rem}.olt-enabled-field small{color:#718197;font-size:.68rem;font-weight:400}.olt-modal form>footer{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1.15rem;padding-top:1rem;border-top:1px solid #2b394d}.olt-modal form>footer button{width:auto;min-width:110px}.olt-cancel-button{color:#cbd5e1;border:1px solid #3b495e;background:#182235}@media (max-width: 760px){.olts-page{padding:1.25rem .75rem 2rem}.olts-header{align-items:stretch;flex-direction:column}.olt-primary-action{width:100%}.olt-summary{grid-template-columns:1fr}.olt-toolbar{align-items:stretch;flex-direction:column}.olt-search,.olt-toolbar>label:not(.olt-search){flex:none;width:100%;max-width:none}.olt-toolbar button{width:100%}.olt-pagination{align-items:stretch;flex-direction:column}.olt-pagination>div{justify-content:space-between}.olt-form-grid{grid-template-columns:1fr}.olt-form-wide{grid-column:auto}}@media (prefers-reduced-motion: reduce){.olt-table tbody tr,.olt-toolbar input,.olt-toolbar select,.olt-modal input,.olt-modal select,.olt-modal textarea{transition:none}}.olt-lab-page{width:100%;max-width:none;margin:0;padding:24px;box-sizing:border-box}.olt-lab-page>.olts-header,.olt-lab-page>.olt-alert,.olt-lab-page>.olt-management-tabs,.olt-lab-page .olt-panel{width:100%;max-width:none;margin-inline:0;box-sizing:border-box}.olt-lab-header{align-items:center;gap:24px;margin-bottom:12px}.olt-lab-back{display:inline-flex;align-items:center;gap:7px;padding:0;margin-bottom:10px;border:0;background:transparent;color:var(--color-text-muted, #94a3b8)}.olt-lab-status{min-width:220px;display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid #243449;border-radius:10px;background:#101c2a}.olt-lab-status small,.olt-lab-device small{display:block;color:#8291a7;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.olt-lab-status strong,.olt-lab-device strong{display:block;margin-top:2px;color:#e6edf7;font-size:13px}.olt-lab-status--success{border-color:#1f704b;color:#48d586}.olt-lab-status--failed,.olt-lab-status--timeout{border-color:#7e3535;color:#ff6b6b}.olt-lab-status--requesting,.olt-lab-status--validating{border-color:#285da4;color:#55a4ff}.olt-lab-device{display:grid;grid-template-columns:1.15fr 1fr 1fr .8fr;gap:1px;margin:12px 0 0;overflow:hidden;border:1px solid #1d2c3d;border-radius:8px 8px 0 0;background:#1d2c3d}.olt-lab-section-nav{display:flex;align-items:center;gap:2px;min-height:42px;margin:0 0 14px;padding:0 10px;overflow-x:auto;border:1px solid #1d2c3d;border-top:0;border-radius:0 0 8px 8px;background:#0d1824}.olt-lab-section-nav a{align-self:stretch;display:inline-flex;align-items:center;flex:0 0 auto;padding:0 13px;border-bottom:2px solid transparent;color:#8fa0b5;font-size:12px;font-weight:600;text-decoration:none}.olt-lab-section-nav a:first-child{border-bottom-color:#3b91ef;color:#dbeafe}.olt-lab-section-nav a:hover{color:#e8f2ff;background:#132235}.olt-lab-device>div{min-width:0;display:flex;align-items:center;gap:10px;padding:14px 16px;background:#101b29}.olt-lab-device>div:not(:first-child){display:block}.olt-lab-device strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.olt-lab-layout{display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:14px;align-items:stretch}.olt-lab-card{width:100%;max-width:none;min-width:0;padding:16px 18px;scroll-margin-top:18px;border-radius:8px}.olt-operation-card{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);grid-template-rows:auto auto minmax(120px,auto);column-gap:20px;row-gap:12px;align-items:start}.olt-operation-card>.olt-lab-card__header{grid-column:1;grid-row:1;margin-bottom:0}.olt-operation-card>.olt-lab-actions{grid-column:1;grid-row:2}.olt-operation-card>.olt-result-placeholder,.olt-operation-card>.olt-connection-result{grid-column:2;grid-row:1 / 3;align-self:stretch;margin:0}.olt-operation-card>.olt-stage-list{grid-column:1;grid-row:3}.olt-operation-card>.olt-alert,.olt-operation-card>.olt-capabilities{grid-column:2;grid-row:3;margin-top:0}.olt-cli-card{width:100%}.olt-lab-bottom-grid{display:grid;width:100%;min-width:0;grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:14px;align-items:stretch}.olt-evidence-card,.olt-console{min-height:270px}.olt-lab-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.olt-lab-card__header>div{display:flex;gap:10px}.olt-lab-card__header svg{flex:0 0 auto;margin-top:2px;color:#4b9cf5}.olt-lab-card h2,.olt-lab-card h3{margin:0;color:#edf4ff;font-size:14px}.olt-lab-card__header p,.olt-capabilities>p{margin:4px 0 0;color:#8291a7;font-size:12px}.olt-lab-actions,.olt-lab-stack,.olt-output-actions{display:flex;flex-wrap:wrap;gap:9px}.olt-lab-stack{display:grid;width:100%;max-width:none;margin-top:16px}.olt-lab-actions button,.olt-lab-stack button,.olt-output-title button,.olt-output-actions button,.olt-lab-card>button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.olt-danger-outline{color:#ff7373!important;border-color:#733a43!important}.olt-spin{animation:olt-spin .9s linear infinite}@keyframes olt-spin{to{transform:rotate(360deg)}}.olt-result-placeholder{min-height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:16px;border:1px dashed #2a3c52;border-radius:9px;background:#0c1723;color:#71849a;text-align:center}.olt-result-placeholder strong{color:#c4d0df;font-size:13px}.olt-result-placeholder span{max-width:380px;font-size:12px}.olt-connection-result{min-height:98px;display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid;border-radius:9px}.olt-connection-result.is-success{border-color:#206c4a;background:#0e2b22;color:#63de98}.olt-connection-result.is-error{border-color:#713b43;background:#2a171d;color:#ff7c7c}.olt-connection-result strong{color:inherit}.olt-connection-result p{margin:7px 0 0;color:#a5b2c3;font-size:12px;line-height:1.55}.olt-stage-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.olt-stage-list li{display:flex;gap:8px;min-width:0;padding:8px 9px;border:1px solid #223248;border-radius:7px;background:#0d1723}.olt-stage-list li>span{display:grid;place-items:center;flex:0 0 20px;height:20px;border-radius:50%;background:#1b2a3c}.olt-stage-list strong,.olt-stage-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.olt-stage-list strong{color:#cfdaea;font-size:11px}.olt-stage-list small{margin-top:2px;color:#718198;font-size:10px}.olt-stage-list .is-completed>span{color:#55dc91;background:#123b2b}.olt-stage-list .is-failed>span{color:#ff7474;background:#411d25}.olt-capabilities{min-width:0;padding-top:2px}.olt-lab-form{display:grid;width:100%;grid-template-columns:minmax(210px,.35fr) minmax(320px,1fr);gap:10px 12px;margin-bottom:12px}.olt-lab-form label{display:grid;gap:7px;color:#aeb9c8;font-size:12px}.olt-lab-form .is-wide{grid-column:1 / -1}.olt-output-grid{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.olt-output-grid>div{min-width:0}.olt-output-title{min-height:34px;display:flex;justify-content:space-between;align-items:center;color:#cbd6e5;font-size:12px}.olt-output-title small{color:#74859b}.olt-output-grid pre{min-height:190px;max-height:330px;overflow:auto;margin:0;padding:14px;border:1px solid #1e3045;border-radius:8px;background:#07111c;color:#b9d2eb;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.olt-output-actions{grid-column:1 / -1}.olt-console{display:flex;flex-direction:column}.olt-console__body{flex:1;min-height:180px;max-height:360px;overflow:auto;border:1px solid #1d2b3d;border-radius:8px;background:#07111b}.olt-console__empty{margin:0;padding:52px 24px;color:#65768c;font-size:12px;text-align:center}.olt-log{display:grid;grid-template-columns:64px 1fr;gap:8px;padding:9px 11px;border-bottom:1px solid #132235;font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.olt-log time{color:#52657d}.olt-log span{color:#aebed1;overflow-wrap:anywhere}.olt-log--success span{color:#65d99a}.olt-log--error span{color:#ff7b7b}.olt-log--warning span{color:#f1b85b}@media (max-width: 1100px){.olt-operation-card,.olt-lab-bottom-grid{grid-template-columns:1fr}.olt-operation-card>.olt-lab-card__header,.olt-operation-card>.olt-lab-actions,.olt-operation-card>.olt-result-placeholder,.olt-operation-card>.olt-connection-result,.olt-operation-card>.olt-stage-list,.olt-operation-card>.olt-alert,.olt-operation-card>.olt-capabilities{grid-column:1;grid-row:auto}.olt-evidence-card,.olt-console{min-height:0}}@media (max-width: 780px){.olt-lab-page{padding:16px}.olt-lab-header{align-items:stretch}.olt-lab-status{min-width:0}.olt-lab-device{grid-template-columns:1fr 1fr}.olt-output-grid,.olt-lab-form{grid-template-columns:1fr}.olt-lab-form .is-wide,.olt-output-actions{grid-column:auto}}@media (max-width: 520px){.olt-lab-page{padding:12px}.olt-lab-device,.olt-stage-list{grid-template-columns:1fr}.olt-lab-actions>button,.olt-lab-stack button{width:100%}.olt-operation-card,.olt-lab-card{padding:16px}}.provisioning-page{width:100%;max-width:1560px;min-height:100%;margin:0 auto;padding:2rem clamp(1rem,3vw,3rem) 4rem;color:#e2e8f0}.provisioning-page button,.provisioning-page .provisioning-primary-link{width:auto}.provisioning-page button.secondary{color:#e2e8f0;border:1px solid #334155;background:#172033}.provisioning-page button.danger{color:#fecaca;border:1px solid #7f1d1d;background:#450a0a}.provisioning-page input,.provisioning-page select,.provisioning-page textarea{width:100%;padding:.72rem .8rem;color:#e2e8f0;border:1px solid #334155;border-radius:8px;outline:none;background:#0b1220;font:inherit}.provisioning-page input:focus,.provisioning-page select:focus,.provisioning-page textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.provisioning-page textarea{resize:vertical}.provisioning-page h1,.provisioning-page h2,.provisioning-page h3,.provisioning-page p{margin-top:0}.provisioning-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem;border:1px solid #1e3a5f;border-radius:16px 16px 0 0;background:radial-gradient(circle at 90% 0,#0ea5e926,transparent 38%),linear-gradient(135deg,#111827,#0d1628)}.provisioning-header h1{font-size:clamp(1.8rem,4vw,2.7rem)}.provisioning-header p:last-child{max-width:760px;margin:.45rem 0 0;color:#94a3b8}.provisioning-safety-badge{display:inline-flex;flex:0 0 auto;align-items:center;padding:.55rem .8rem;color:#a7f3d0;border:1px solid #047857;border-radius:999px;background:#064e3b4d;font-size:.8rem;font-weight:800;letter-spacing:.02em}.provisioning-tabs{display:flex;gap:.3rem;overflow-x:auto;margin-bottom:1.5rem;padding:.65rem;border:1px solid #1e293b;border-top:0;border-radius:0 0 16px 16px;background:#0f172a}.provisioning-tab{padding:.65rem .9rem;color:#94a3b8;border-radius:8px;text-decoration:none;white-space:nowrap;font-weight:750}.provisioning-tab:hover,.provisioning-tab.is-active{color:#e0f2fe;background:#0c4a6e}.provisioning-section,.provisioning-card,.provisioning-result{margin-bottom:1.25rem;padding:1.35rem;border:1px solid #273449;border-radius:14px;background:#111827;box-shadow:0 16px 42px #02061733}.provisioning-section-header,.provisioning-variable-card-header,.provisioning-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.provisioning-section-header{margin-bottom:1.2rem}.provisioning-section-header h2,.provisioning-card h2{margin-bottom:.35rem}.provisioning-section-header p,.provisioning-muted{margin-bottom:0;color:#94a3b8}.provisioning-primary-link{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;color:#082f49;border-radius:8px;background:#38bdf8;text-decoration:none;font-weight:800;white-space:nowrap}.provisioning-alert{margin:0 0 1rem;padding:.75rem .9rem;color:#cbd5e1;border:1px solid #334155;border-radius:8px;background:#0f172a}.provisioning-alert.is-error,.provisioning-empty.is-error{color:#fecaca;border-color:#7f1d1d;background:#450a0a4d}.provisioning-alert.is-success{color:#bbf7d0;border-color:#166534;background:#052e164d}.provisioning-alert.is-warning{color:#fde68a;border-color:#92400e;background:#451a034d}.provisioning-filters{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr)) auto auto;align-items:end;gap:.7rem;margin-bottom:1rem}.provisioning-filters.compact{grid-template-columns:repeat(2,minmax(180px,320px))}.provisioning-filters.history{grid-template-columns:repeat(3,minmax(180px,1fr))}.provisioning-filters label{margin:0;color:#cbd5e1;font-size:.82rem}.provisioning-filter-actions{display:flex;gap:.55rem;grid-column:1 / -1}.provisioning-table-wrap{overflow-x:auto;border:1px solid #273449;border-radius:10px}.provisioning-table{min-width:920px;background:#0c1424}.provisioning-table th{color:#94a3b8;background:#0f172a;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.provisioning-table tbody tr:hover{background:#172033}.provisioning-table td{vertical-align:top}.provisioning-table td small{display:block;max-width:260px;margin-top:.28rem;overflow:hidden;color:#94a3b8;text-overflow:ellipsis}.provisioning-empty{padding:2rem!important;color:#94a3b8;text-align:center!important}.provisioning-empty.compact{padding:.6rem!important}.provisioning-status{display:inline-flex;padding:.3rem .55rem;border:1px solid #475569;border-radius:999px;color:#cbd5e1;font-size:.74rem;font-weight:800}.provisioning-status.published{color:#bbf7d0;border-color:#15803d;background:#14532d4d}.provisioning-row-actions,.provisioning-header-actions,.provisioning-form-actions{display:flex;flex-wrap:wrap;gap:.55rem}.provisioning-row-actions{min-width:250px}.provisioning-row-actions button,.provisioning-row-actions a{display:inline-flex;align-items:center;min-height:32px;padding:.42rem .58rem;color:#bae6fd;border:1px solid #334155;border-radius:6px;background:#172033;text-decoration:none;font-size:.76rem;font-weight:750}.provisioning-row-actions button.danger{color:#fecaca}.provisioning-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;color:#94a3b8;font-size:.85rem}.provisioning-pagination>div{display:flex;align-items:center;gap:.7rem}.provisioning-pagination button{padding:.5rem .7rem}.provisioning-editor{display:grid;gap:1rem}.provisioning-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}.provisioning-form-grid label{min-width:0}.provisioning-form-grid .wide{grid-column:1 / -1}.provisioning-template-editor,.provisioning-raw-code{min-height:320px;color:#d1fae5!important;border-color:#1e3a5f!important;background:#050a12!important;font-family:Cascadia Code,Fira Code,Consolas,monospace!important;font-size:.86rem!important;line-height:1.55;-moz-tab-size:2;tab-size:2}.provisioning-raw-code{max-height:60vh;min-height:0;overflow:auto;padding:1rem;border:1px solid #1e3a5f;border-radius:8px;white-space:pre-wrap}.provisioning-variable-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.provisioning-variable-chips button{padding:.4rem .55rem;color:#a5f3fc;border:1px solid #155e75;background:#164e634d;font-family:Consolas,monospace;font-size:.78rem}.provisioning-variable-list{display:grid;gap:.8rem}.provisioning-variable-card{padding:1rem;border:1px solid #334155;border-radius:10px;background:#0c1424}.provisioning-variable-card-header h3{margin-bottom:.7rem}.provisioning-card-action{float:right;margin-top:-2.7rem}.provisioning-check{display:flex;align-items:center;gap:.55rem}.provisioning-check input{width:1rem;height:1rem}.provisioning-validation{padding:1rem;border:1px solid #92400e;border-radius:8px;background:#451a032e}.provisioning-validation.is-valid{border-color:#166534;background:#052e162e}.provisioning-validation ul{margin-bottom:0}.provisioning-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:0;margin:0 0 1rem;list-style:none;counter-reset:steps}.provisioning-steps li{position:relative;padding:.65rem .7rem .65rem 2.5rem;color:#64748b;border:1px solid #273449;border-radius:8px;background:#0f172a;font-size:.8rem;font-weight:750;counter-increment:steps}.provisioning-steps li:before{position:absolute;top:50%;left:.7rem;display:grid;width:1.25rem;height:1.25rem;place-items:center;content:counter(steps);border:1px solid #475569;border-radius:50%;transform:translateY(-50%);font-size:.7rem}.provisioning-steps li.is-current{color:#e0f2fe;border-color:#0284c7;background:#0c4a6e}.provisioning-steps li.is-complete{color:#bbf7d0;border-color:#166534}.provisioning-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.8rem}.provisioning-template-card{min-height:150px;padding:1rem;color:#e2e8f0;border:1px solid #334155;background:linear-gradient(145deg,#172033,#0c1424);text-align:left}.provisioning-template-card:hover{border-color:#38bdf8;transform:translateY(-1px)}.provisioning-template-card strong,.provisioning-template-card span,.provisioning-template-card small{display:block}.provisioning-template-card span{margin:.45rem 0;color:#7dd3fc;font-size:.82rem}.provisioning-template-card small{color:#94a3b8;font-weight:500}.provisioning-form-actions{justify-content:flex-end;margin-top:1rem}.provisioning-result{border-color:#166534;background:linear-gradient(145deg,#052e1633,#111827)}.provisioning-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem;margin:1rem 0}.provisioning-details>div{padding:.75rem;border:1px solid #273449;border-radius:8px;background:#0c1424}.provisioning-details dt{margin-bottom:.25rem;color:#94a3b8;font-size:.72rem;font-weight:750;text-transform:uppercase}.provisioning-details dd{margin:0;overflow-wrap:anywhere}.provisioning-code{max-height:58vh;overflow:auto;padding:.8rem 0;border:1px solid #1e3a5f;border-radius:8px;color:#d1fae5;background:#050a12;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.82rem;line-height:1.55}.provisioning-code-line{display:grid;grid-template-columns:3.4rem minmax(0,1fr);min-height:1.55em;padding:0 .9rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.provisioning-code-line>span:first-child{margin-right:.8rem;color:#475569;border-right:1px solid #1e293b;text-align:right;-webkit-user-select:none;user-select:none}.provisioning-modal-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;overflow-y:auto;padding:1.5rem;place-items:center;background:#020617d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.provisioning-modal{width:min(100%,600px);max-height:calc(100vh - 3rem);overflow-y:auto;padding:1.3rem;border:1px solid #334155;border-radius:14px;background:#111827;box-shadow:0 25px 80px #000a}.provisioning-modal.wide{width:min(100%,1000px)}.provisioning-modal>header>button{padding:.3rem .55rem;color:#cbd5e1;background:#273449;font-size:1.15rem}@media (max-width: 1100px){.provisioning-filters,.provisioning-filters.history{grid-template-columns:repeat(2,minmax(160px,1fr))}.provisioning-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.provisioning-page{padding:1rem .7rem 3rem}.provisioning-header,.provisioning-section-header,.provisioning-variable-card-header,.provisioning-pagination{align-items:stretch;flex-direction:column}.provisioning-safety-badge{align-self:flex-start}.provisioning-filters,.provisioning-filters.compact,.provisioning-filters.history,.provisioning-form-grid,.provisioning-steps{grid-template-columns:1fr}.provisioning-card-action{float:none;margin:0 0 1rem}.provisioning-pagination>div{justify-content:space-between}.provisioning-modal-backdrop{padding:.5rem}.provisioning-modal{max-height:calc(100vh - 1rem)}}.metrics-admin-page{width:100%;display:grid;gap:14px}.metrics-table-wrap{overflow:auto}.metrics-table-wrap table{width:100%;border-collapse:collapse}.metrics-table-wrap th,.metrics-table-wrap td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-color,#26394d);white-space:nowrap}.metrics-table-wrap td:first-child{white-space:normal}.metrics-table-wrap small{display:block;color:var(--text-secondary,#9fb0c3);margin-top:3px}.metric-status{padding:3px 7px;border-radius:999px;font-size:10px;background:#26394d}.metric-status--available{background:#194a34;color:#67e09b}.metric-status--partial{background:#55451b;color:#ffd267}.mapping-wizard{width:min(1200px,96vw);max-height:92vh;overflow:auto;padding:20px;display:grid;gap:16px}.mapping-wizard>header,.mapping-wizard footer,.wizard-controls,.mapping-config,.batch-summary{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.mapping-wizard>header{justify-content:space-between}.mapping-wizard h2,.mapping-wizard p{margin:0}.wizard-controls label,.mapping-config label{display:grid;gap:5px}.candidate-list{display:grid;gap:7px;max-height:340px;overflow:auto}.candidate-list article{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--border-color,#26394d);border-radius:7px}.candidate-list article div{display:grid;gap:4px;min-width:0}.candidate-list code{overflow:hidden;text-overflow:ellipsis}.candidate-list p{color:#e4b84f;font-size:11px}.mapping-warning{padding:10px;border-left:3px solid #e4b84f;background:#e4b84f15}.batch-summary{padding:12px;background:#0b1725;border-radius:7px}.batch-summary pre{width:100%;max-height:160px;overflow:auto}.mapping-wizard footer{justify-content:flex-end}.coverage-summary{display:flex;flex-wrap:wrap;gap:18px}.coverage-summary>div{display:grid;gap:2px;min-width:100px}.coverage-summary strong{font-size:22px}.coverage-summary span{color:var(--text-secondary,#9fb0c3);font-size:12px}.coverage-filters{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}.coverage-filters label{display:grid;gap:5px}.coverage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.coverage-card{text-align:left;padding:12px;border-radius:8px;border:1px solid var(--border-color,#26394d);background:#0b1725;display:grid;gap:6px;cursor:pointer}.coverage-card.is-selected{outline:2px solid #4f9ee4}.coverage-card--covered{border-left:3px solid #67e09b}.coverage-card--native{border-left:3px solid #4f9ee4}.coverage-card--stale,.coverage-card--mapped_inactive{border-left:3px solid #e4b84f}.coverage-card--no_mapping{border-left:3px solid #e0674f}.coverage-card__status{font-size:11px;text-transform:uppercase;color:var(--text-secondary,#9fb0c3)}.coverage-card dl{display:grid;gap:3px;font-size:11px;margin:0}.coverage-card dl>div{display:flex;justify-content:space-between}.classification-badge{padding:2px 6px;border-radius:999px;font-size:10px;background:#26394d}.classification-badge--rejected{background:#4a1e1e;color:#ff8a8a}.classification-badge--high_confidence{background:#194a34;color:#67e09b}.classification-badge--low_confidence{background:#26394d;color:#9fb0c3}.candidate-evidence{font-size:11px;color:var(--text-secondary,#9fb0c3);margin:4px 0 0}.diagnostic-pipeline{list-style:none;margin:0;padding:0;display:grid;gap:8px}.diagnostic-step{padding:10px;border-radius:7px;border-left:3px solid #26394d;background:#0b1725}.diagnostic-step--ok{border-left-color:#67e09b}.diagnostic-step--info{border-left-color:#e4b84f}.diagnostic-step--error{border-left-color:#e0674f}.diagnostic-step strong{display:block;margin-bottom:3px}.diagnostic-step p{margin:0;color:var(--text-secondary,#9fb0c3)}.diagnostic-step pre{margin-top:6px;max-height:160px;overflow:auto;font-size:11px}.worker-status{display:flex;flex-wrap:wrap;gap:18px;margin:0}.worker-status>div{display:grid;gap:2px;min-width:120px}.worker-status dt{font-size:11px;color:var(--text-secondary,#9fb0c3)}.worker-status dd{margin:0;font-size:16px}.events-page{width:100%;max-width:1700px;margin:0 auto;padding:22px;color:var(--noc-text-primary, #e5edf7)}.events-page .surface-page-header{margin-bottom:12px}.event-connection,.event-badge,.event-source-badge{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap}.event-connection{gap:6px;padding:6px 9px;color:#94a3b8;border:1px solid #334155;border-radius:999px;background:#111b2a;font-size:11px}.event-connection--connected{color:#4ade80;border-color:#22c55e59}.event-connection--reconnecting,.event-connection--connecting{color:#facc15}.event-connection--failed{color:#f87171}.event-stats{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:8px;margin-bottom:10px}.event-stats button{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;color:#8fa0b5;border:1px solid #26364a;border-radius:8px;background:#101a28;font-size:11px;text-align:left}.event-stats button:hover,.event-stats button:focus-visible{border-color:#3b82f6;background:#142239}.event-stats strong{color:#e8eef8;font-size:19px}.event-stats--loading span{min-height:54px;border-radius:8px;background:linear-gradient(90deg,#101a28,#172438,#101a28);background-size:200% 100%;animation:event-skeleton 1.2s infinite}.event-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:8px;border:1px solid #26364a;border-radius:8px;background:#0e1825}.event-toolbar__fields{min-width:0;flex:1}.event-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(120px,.7fr)) minmax(120px,.7fr) repeat(2,minmax(155px,.8fr));gap:6px}.event-filters input,.event-filters select{min-width:0;height:34px;padding:0 9px;color:#cbd5e1;border:1px solid #314056;border-radius:6px;background:#0a1420;font-size:11px}.event-filter-toggle{display:none}.event-clear-filters{display:inline-flex;width:auto;align-items:center;gap:5px;padding:7px 9px;color:#94a3b8;border:1px solid #314056;background:transparent;font-size:11px;white-space:nowrap}.events-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,390px);min-height:560px;overflow:hidden;border:1px solid #26364a;border-radius:10px;background:#0b1420}.events-feed{min-width:0;padding:10px;border-right:1px solid #26364a}.event-day-group>h2{position:sticky;top:0;z-index:2;margin:0;padding:8px 8px 6px 24px;color:#718299;background:#0b1420f5;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.event-day-group>div{position:relative;display:grid}.event-day-group>div:before{position:absolute;top:0;bottom:0;left:10px;width:1px;background:#26364a;content:""}.event-timeline-item{position:relative;display:grid;width:100%;grid-template-columns:20px minmax(0,1fr);gap:7px;padding:8px;color:inherit;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.event-timeline-item:hover,.event-timeline-item:focus-visible{border-color:#2d4058;background:#111f31}.event-timeline-item.is-selected{border-color:#3569a6;background:#13243a;box-shadow:inset 3px 0 #3b82f6}.event-timeline-item__marker{position:relative;z-index:1;width:7px;height:7px;align-self:start;justify-self:center;margin-top:8px;border:2px solid #0b1420;border-radius:50%;background:#64748b;box-shadow:0 0 0 1px #475569}.event-timeline-item__content{display:grid;min-width:0;gap:4px}.event-timeline-item__top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px}.event-timeline-item__top strong{overflow:hidden;color:#e6edf7;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.event-timeline-item__top time{color:#687a91;font-size:10px}.event-timeline-item__resource{overflow:hidden;color:#93a4b8;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.event-timeline-item__meta{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:5px;color:#71839a;font-size:9px}.event-timeline-item__meta>span{display:inline-flex;align-items:center;gap:3px}.event-badge,.event-source-badge{padding:2px 6px;border-radius:4px;font-size:9px;font-weight:750}.event-source-badge{max-width:140px;overflow:hidden;color:#7dd3fc;background:#0e749024;text-overflow:ellipsis}.event-severity--critical{color:#fca5a5;background:#b91c1c40}.event-severity--high{color:#fb923c;background:#c2410c33}.event-severity--average{color:#facc15;background:#a1620733}.event-severity--warning{color:#fde68a;background:#854d0e2e}.event-severity--info{color:#93c5fd;background:#1e40af2e}.event-severity--unknown{color:#cbd5e1;background:#47556933}.event-status{color:#aebdce;background:#1b293b}.event-status--resolved{color:#86efac;background:#16653438}.event-status--suppressed{color:#c4b5fd;background:#5b21b633}.event-details{min-width:0;background:#101a28}.event-details>header{display:flex;min-height:62px;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #26364a}.event-details>header small{color:#71839a;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.event-details>header h2{margin:3px 0 0;color:#edf4ff;font-size:13px}.event-details>header button{display:grid;width:28px;height:28px;place-items:center;padding:0;color:#94a3b8;border:0;background:transparent}.event-details__body{display:grid;gap:14px;padding:14px}.event-details__badges{display:flex;flex-wrap:wrap;gap:5px}.event-details__description{margin:0;color:#aebdce;font-size:11px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.event-details dl{display:grid;margin:0}.event-details dl>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;padding:7px 0;border-bottom:1px solid #202f42}.event-details dt{color:#71839a;font-size:10px}.event-details dd{min-width:0;margin:0;color:#cbd5e1;font-size:10px;overflow-wrap:anywhere}.event-details section h3{margin:0 0 6px;color:#8092a8;font-size:10px;text-transform:uppercase}.event-details section>p{margin:0;color:#dbe5f2;font-size:11px}.event-details section>p small{display:block;margin-top:3px;color:#71839a}.event-transition-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.event-transition-list li{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:7px;border-radius:6px;background:#0b1521;font-size:10px}.event-transition-list time{color:#71839a;font-size:9px}.event-transition-list p{grid-column:1 / -1;margin:0;color:#94a3b8}.event-details__error{margin:14px;padding:10px;color:#fca5a5;border:1px solid rgba(239,68,68,.3);border-radius:7px;background:#7f1d1d29;font-size:11px}.event-details__loading{display:grid;gap:9px;padding:14px}.event-details__loading span,.events-skeleton span{border-radius:7px;background:linear-gradient(90deg,#101a28,#172438,#101a28);background-size:200% 100%;animation:event-skeleton 1.2s infinite}.event-details__loading span{height:55px}.events-skeleton{display:grid;gap:6px}.events-skeleton span{height:66px}.events-error{display:flex;align-items:flex-start;gap:9px;padding:18px;color:#fca5a5}.events-error span{display:grid;gap:9px}.events-error button{display:inline-flex;width:fit-content;align-items:center;gap:5px}.event-pagination{display:flex;justify-content:center;padding:12px}.event-pagination button{width:auto;min-width:150px}@keyframes event-skeleton{to{background-position:-200% 0}}@media (max-width: 1280px){.event-filters{grid-template-columns:repeat(4,minmax(130px,1fr))}.event-filters input:first-child{grid-column:span 2}.events-workspace{grid-template-columns:minmax(0,1fr) minmax(290px,340px)}}@media (max-width: 860px){.events-page{padding:14px}.event-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.event-filter-toggle{display:inline-flex;width:auto;align-items:center;gap:5px}.event-toolbar{align-items:flex-start;flex-wrap:wrap}.event-toolbar__fields{display:none;flex-basis:100%;order:3}.event-toolbar.is-expanded .event-toolbar__fields{display:block}.event-clear-filters{margin-left:auto}.event-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.events-workspace{display:block;overflow:visible}.events-feed{border-right:0}.event-details{position:fixed;z-index:var(--z-noc-chrome, 900);inset:56px 0 0 auto;width:min(420px,100vw);overflow-y:auto;border-left:1px solid #334155;box-shadow:-20px 0 50px #0006}.event-details--empty{display:none}}@media (max-width: 560px){.events-page{padding:10px}.events-page .surface-page-header{align-items:flex-start}.event-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.event-filters{grid-template-columns:1fr}.event-filters input:first-child{grid-column:auto}.event-timeline-item__top{grid-template-columns:auto minmax(0,1fr)}.event-timeline-item__top time{grid-column:2}.event-details{top:0;right:0;bottom:0;left:0;width:100vw}}@media (prefers-reduced-motion: reduce){.event-stats--loading span,.event-details__loading span,.events-skeleton span{animation:none}}.backups-page{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg) clamp(1rem,3vw,2.5rem) var(--space-xl)}.backups-header-actions{display:flex;gap:var(--space-sm)}.backups-header-actions button{display:inline-flex;align-items:center;gap:.45rem;width:auto}.backups-secondary-action{color:var(--color-text);border:1px solid var(--color-border);background:var(--color-surface-elevated)}.backups-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-sm)}.backups-stat{display:flex;flex-direction:column;gap:.2rem;padding:var(--space-md)}.backups-stat__value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.backups-stat__label{color:var(--color-text-muted);font-size:.78rem}.backups-stat--warning .backups-stat__value{color:var(--color-warning)}.backups-stat--danger .backups-stat__value{color:var(--color-danger)}.backups-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.backups-section-title{margin:0 0 var(--space-sm);font-size:1rem;color:var(--color-text)}.backups-simple-list{display:flex;flex-direction:column;gap:var(--space-sm);margin:0;padding:0;list-style:none}.backups-simple-list li{display:flex;flex-direction:column;gap:.15rem;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.backups-simple-list li:last-child{padding-bottom:0;border-bottom:none}.backups-simple-list__primary{display:flex;align-items:center;gap:.35rem;color:var(--color-text);font-weight:600}.backups-simple-list__meta{color:var(--color-text-muted);font-size:.76rem}.backups-simple-list__meta--danger{color:var(--color-danger)}.backups-favorite-icon{color:var(--color-warning);fill:var(--color-warning)}.backups-panel{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.backups-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:var(--space-md);border-bottom:1px solid var(--color-border)}.backups-toolbar label{min-width:0;margin:0}.backups-toolbar input,.backups-toolbar select{height:40px;padding:0 .75rem;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:0;background:var(--color-background)}.backups-toolbar input:focus,.backups-toolbar select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb2e}.backups-search{flex:1 1 280px;max-width:420px}.backups-search input{width:100%}.backups-toolbar>label:not(.backups-search){flex:0 1 190px}.backups-checkbox-filter{display:flex;align-items:center;gap:.4rem;flex:0 0 auto!important;color:var(--color-text-muted);font-size:.8rem}.backups-checkbox-filter input{width:16px;height:16px;padding:0;accent-color:var(--color-primary)}.backups-toolbar button{width:auto;min-height:40px;padding:.55rem .85rem}.backups-filter-button{color:#fff;background:var(--color-primary)}.backups-clear-button{color:var(--color-text);border:1px solid var(--color-border);background:var(--color-surface-elevated)}.backups-table-wrap{overflow-x:auto}.backups-table{width:100%;min-width:980px;background:transparent;border-collapse:collapse}.backups-table th{padding:.7rem .85rem;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);text-align:left;font-size:.67rem;letter-spacing:.05em;text-transform:uppercase}.backups-table td{padding:.75rem .85rem;color:var(--color-text);border-bottom:1px solid var(--color-border);font-size:.82rem;vertical-align:middle}.backups-table tbody tr:hover{background:var(--color-surface-elevated)}.backups-cell-detail{display:block;margin-top:.15rem;color:var(--color-text-muted);font-size:.68rem}.backups-device-id,.backups-hash{padding:.22rem .4rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.74rem}.backups-filename-cell{display:flex;align-items:center;gap:.35rem}.backups-link-button{width:auto;padding:0;color:var(--color-primary);background:none;font-size:inherit;text-align:left;text-decoration:underline;text-underline-offset:2px}.backups-status{display:inline-flex;padding:.22rem .5rem;border:1px solid;border-radius:999px;font-size:.68rem;font-weight:700}.backups-status--available{color:var(--color-success);border-color:var(--color-success);background:#22c55e1f}.backups-status--pending,.backups-status--uploading{color:var(--color-info);border-color:var(--color-info);background:#3b82f61f}.backups-status--failed{color:var(--color-warning);border-color:var(--color-warning);background:#f59e0b1f}.backups-status--corrupted{color:var(--color-danger);border-color:var(--color-danger);background:#ef44441f}.backups-status--expired,.backups-status--deleted{color:var(--color-text-muted);border-color:var(--color-border);background:var(--color-surface-elevated)}.backups-integrity{display:inline-flex;align-items:center;gap:.3rem;font-size:.74rem}.backups-integrity--ok{color:var(--color-success)}.backups-integrity--bad{color:var(--color-danger)}.backups-row-actions{display:flex;justify-content:flex-end;gap:.3rem}.backups-row-actions button{display:grid;width:30px;height:30px;padding:0;place-items:center;color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-surface-elevated)}.backups-row-actions button:hover{color:var(--color-text);border-color:var(--color-primary)}.backups-delete-action:hover{color:var(--color-danger)!important;border-color:var(--color-danger)!important;background:#ef44441f!important}.backups-empty-state{height:220px;color:var(--color-text-muted)!important;text-align:center}.backups-empty-state--error{color:var(--color-danger)!important}.backups-empty-state button{width:auto;margin-top:.5rem}.backups-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem var(--space-md);color:var(--color-text-muted);border-top:1px solid var(--color-border);font-size:.74rem}.backups-pagination>div{display:flex;align-items:center;gap:.65rem}.backups-pagination button{width:auto;padding:.42rem .65rem;color:var(--color-text);border:1px solid var(--color-border);background:var(--color-surface-elevated);font-size:.7rem}.backups-alert{padding:.75rem 1rem;border:1px solid;border-radius:var(--radius-md)}.backups-alert--error{color:var(--color-danger);border-color:#ef444466;background:#ef44441a}.backups-alert--success{color:var(--color-success);border-color:#22c55e59;background:#22c55e1a}.backups-modal-backdrop{position:fixed;z-index:var(--z-modal);top:0;right:0;bottom:0;left:0;display:grid;padding:1rem;place-items:center;background:#020617b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backups-modal{width:min(100%,720px);max-height:calc(100dvh - 2rem);overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg)}.backups-modal--small{width:min(100%,480px)}.backups-modal>header{position:sticky;z-index:2;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.backups-modal h2{margin:0;color:var(--color-text);font-size:1.2rem}.backups-modal>header>button{width:32px;height:32px;padding:0;color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-surface-elevated);font-size:1.15rem}.backups-modal form{padding:1.1rem 1.2rem 1.2rem}.backups-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem}.backups-form-grid label,.backups-modal form>label{margin:0;color:var(--color-text-muted);font-size:.76rem}.backups-modal input,.backups-modal select,.backups-modal textarea{width:100%;padding:.65rem .7rem;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:0;background:var(--color-background);font:inherit}.backups-modal input:focus,.backups-modal select:focus,.backups-modal textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb2e}.backups-modal input:disabled{opacity:.6}.backups-modal textarea{resize:vertical}.backups-form-wide{grid-column:1 / -1}.backups-enabled-field{display:flex;align-items:center;gap:.6rem;margin-top:1rem;padding:.7rem;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background)}.backups-enabled-field input{width:17px;height:17px;padding:0;accent-color:var(--color-primary)}.backups-enabled-field small{color:var(--color-text-muted);font-size:.68rem;font-weight:400}.backups-modal form>footer{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.backups-modal form>footer button{width:auto;min-width:110px}.backups-cancel-button{color:var(--color-text);border:1px solid var(--color-border);background:var(--color-surface-elevated)}.backups-drawer-backdrop{position:fixed;z-index:var(--z-modal);top:0;right:0;bottom:0;left:0;background:#02061799}.backups-drawer{position:fixed;top:0;right:0;bottom:0;width:min(100%,420px);overflow-y:auto;padding:var(--space-lg);border-left:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-lg)}.backups-drawer>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.backups-drawer>header>button{width:32px;height:32px;padding:0;color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-surface-elevated)}.backups-drawer__loading{color:var(--color-text-muted)}.backups-details-list{display:flex;flex-direction:column;gap:var(--space-sm);margin:0}.backups-details-list>div{display:flex;flex-direction:column;gap:.15rem;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.backups-details-list dt{color:var(--color-text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.backups-details-list dd{margin:0;color:var(--color-text);font-size:.88rem;word-break:break-word}@media (max-width: 760px){.backups-toolbar{align-items:stretch;flex-direction:column}.backups-search,.backups-toolbar>label:not(.backups-search){flex:none;width:100%;max-width:none}.backups-toolbar button{width:100%}.backups-pagination{align-items:stretch;flex-direction:column}.backups-form-grid{grid-template-columns:1fr}.backups-form-wide{grid-column:auto}.backups-drawer{width:100%}}:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e6edf3;background:#090d16;--noc-status-success: #22c55e;--noc-status-info: #3b82f6;--noc-status-warning: #eab308;--noc-status-average: #f97316;--noc-status-high: #ef4444;--noc-status-disaster: #dc2626;--noc-status-down: #b91c1c;--noc-status-disabled: #9ca3af;--noc-status-removed: #7c3aed;--noc-status-unknown: #64748b;--noc-status-success-glow: var(--noc-status-success);--noc-status-info-glow: var(--noc-status-info);--noc-status-warning-glow: var(--noc-status-warning);--noc-status-average-glow: var(--noc-status-average);--noc-status-high-glow: var(--noc-status-high);--noc-status-disaster-glow: var(--noc-status-disaster);--noc-status-down-glow: var(--noc-status-down);--noc-status-disabled-glow: var(--noc-status-disabled);--noc-status-removed-glow: var(--noc-status-removed);--noc-status-unknown-glow: var(--noc-status-unknown);--brand-orange: #f97316;--brand-orange-hover: #ea580c;--brand-orange-soft: rgba(249, 115, 22, .14);--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-dark: #1e3a8a;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--color-background: #0f172a;--color-surface: #111827;--color-surface-elevated: #1f2937;--color-border: #334155;--color-text: #f8fafc;--color-text-muted: #94a3b8;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .25);--shadow-md: 0 12px 32px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .4);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--transition-fast: .15s ease;--transition-normal: .2s ease;--sidebar-width-expanded: 260px;--sidebar-width-collapsed: 76px;--topbar-height: 64px;--z-topbar: 20;--z-sidebar: 30;--z-overlay: 40;--z-modal: 50;--top-header-height: 64px;--content-max-width: 1680px;--z-header: 20;--z-dropdown: 300;--z-noc-chrome: 900;--color-text-primary: var(--color-text);--color-text-secondary: var(--color-text-muted);--color-accent: var(--color-primary);--color-accent-strong: var(--color-primary-hover);--color-accent-soft: rgba(37, 99, 235, .14)}[data-theme=light]{--color-background: #f8fafc;--color-surface: #ffffff;--color-surface-elevated: #f1f5f9;--color-border: #cbd5e1;--color-text: #0f172a;--color-text-muted: #64748b}html,body,#root{height:100%}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(100%,400px);padding:2.5rem;border:1px solid #273244;border-radius:16px;background:#111827;box-shadow:0 20px 60px #0006}.login-card__brand{display:flex;justify-content:center;margin-bottom:var(--space-md)}.login-card__footer{margin:1.5rem 0 0;color:var(--color-text-muted);font-size:.78rem;text-align:center}h1{margin:0;font-size:2.4rem}.eyebrow{margin:0 0 .5rem;color:#38bdf8;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.muted{color:#9ca3af;margin-bottom:2rem}label{display:grid;gap:.45rem;margin:1rem 0;font-weight:600}input{padding:.75rem;color:inherit;border:1px solid #3a465b;border-radius:8px;background:#0b1220}button{width:100%;padding:.8rem 1rem;color:#082f49;border:0;border-radius:8px;background:#38bdf8;cursor:pointer;font-weight:700}button:disabled{cursor:wait;opacity:.7}.error{color:#fca5a5}.brand-logo{display:inline-flex;align-items:center;gap:var(--space-sm);min-width:0}.brand-logo__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;color:var(--brand-orange)}.brand-logo__asset{display:block;height:32px;width:auto}.brand-logo--sm .brand-logo__asset{height:20px}.brand-logo--lg .brand-logo__asset{height:44px}.brand-logo__text{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.15}.brand-logo__wordmark{font-weight:800;white-space:nowrap}.brand-logo--sm .brand-logo__wordmark{font-size:.85rem}.brand-logo--md .brand-logo__wordmark{font-size:1.05rem}.brand-logo--lg .brand-logo__wordmark{font-size:1.4rem}.brand-logo__wordmark-company{color:var(--brand-orange)}.brand-logo__wordmark-suffix{color:var(--color-text)}.brand-logo__identifier{color:var(--color-text-muted);font-size:.72em;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.brand-logo__subtitle{color:var(--color-text-muted);font-size:.68em;font-weight:500;white-space:nowrap}.app-splash{min-height:100vh;display:grid;place-items:center;gap:var(--space-md);background:var(--color-background);color:var(--color-text)}.app-splash__spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--brand-orange);animation:app-splash-spin .8s linear infinite}@media (prefers-reduced-motion: reduce){.app-splash__spinner{animation:none;border-top-color:var(--color-border)}}@keyframes app-splash-spin{to{transform:rotate(360deg)}}.app-splash__label{color:var(--color-text-muted);font-size:.9rem}.app-topbar{height:var(--topbar-height);display:flex;align-items:center;padding:0 var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:0;z-index:var(--z-topbar)}.app-topbar__title{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-text)}.surface-page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.surface-page-header__title{margin:0;font-size:1.6rem;color:var(--color-text)}.surface-page-header__description{margin:var(--space-xs) 0 0;color:var(--color-text-muted)}.surface-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-md);text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.empty-state__icon{color:var(--color-text-muted);opacity:.7}.empty-state__title{margin:0;color:var(--color-text);font-weight:600}.empty-state__description{margin:0;font-size:.9rem;max-width:32ch}.not-found-page{min-height:calc(100vh - var(--topbar-height));display:grid;place-items:center;padding:var(--space-xl);text-align:center}.not-found-page__code{margin:var(--space-md) 0 0;font-size:4rem;font-weight:800;color:var(--brand-orange);line-height:1}.not-found-page__title{margin:var(--space-sm) 0;color:var(--color-text)}.not-found-page__description{color:var(--color-text-muted);max-width:46ch}.about-page{max-width:720px;margin:0 auto;padding:var(--space-xl) var(--space-md);display:flex;flex-direction:column;gap:var(--space-lg)}.about-page__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md)}.about-page__meta-item dt{color:var(--color-text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-xs)}.about-page__meta-item dd{margin:0;color:var(--color-text);font-weight:600}.about-page__health-placeholder{color:var(--color-text-muted);font-size:.9rem}.dashboard-shell{max-width:1200px;margin:0 auto;padding:var(--space-xl) var(--space-md);display:flex;flex-direction:column;gap:var(--space-lg)}.dashboard-shell__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.dashboard-shell__grid--wide{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.dashboard-shell__section-title{margin:0 0 var(--space-sm);font-size:1rem;color:var(--color-text)}.dashboard-shell__stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:var(--space-md)}.dashboard-shell__stat{display:flex;flex-direction:column;gap:2px}.dashboard-shell__stat-value{font-size:1.6rem;font-weight:700;color:var(--color-text)}.dashboard-shell__stat-label{font-size:.78rem;color:var(--color-text-muted)}.dashboard-shell__traffic{margin:var(--space-md) 0 0;color:var(--color-text-muted);font-size:.85rem}.dashboard-shell__event-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-sm);max-height:320px;overflow-y:auto}.dashboard-shell__event{display:grid;grid-template-columns:auto 1fr;column-gap:var(--space-sm);row-gap:2px;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.dashboard-shell__event:last-child{border-bottom:none}.dashboard-shell__event-severity{grid-row:span 2;align-self:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;white-space:nowrap;color:var(--color-text);background:var(--color-surface-elevated)}.dashboard-shell__event-severity--5,.dashboard-shell__event-severity--4{color:var(--noc-status-high);background:color-mix(in srgb,var(--noc-status-high) 18%,transparent)}.dashboard-shell__event-severity--3,.dashboard-shell__event-severity--2{color:var(--noc-status-warning);background:color-mix(in srgb,var(--noc-status-warning) 18%,transparent)}.dashboard-shell__event-description{color:var(--color-text);font-size:.88rem}.dashboard-shell__event-meta{color:var(--color-text-muted);font-size:.76rem}@media (max-width: 640px){.surface-page-header{flex-direction:column;align-items:flex-start}.not-found-page__code{font-size:3rem}}.navigation-button{margin-top:1.5rem}.integrations-page{max-width:1200px;margin:0 auto;padding:3rem 1.5rem}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem}.page-header button{width:auto}.integrations-grid{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:2rem;align-items:start}.integration-compatibility-notice{display:grid;gap:.35rem;margin:-1rem 0 1.5rem;padding:1rem 1.25rem;border:1px solid #1d4ed8;border-radius:10px;background:#111d35;color:#bfdbfe}.integration-compatibility-notice span{color:#93c5fd;font-size:.9rem}.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}.integration-form,.integration-list{padding:1.5rem;border:1px solid #273244;border-radius:12px;background:#111827}.form-actions,.row-actions{display:flex;gap:.6rem;flex-wrap:wrap}.form-actions button,.row-actions button{width:auto}.integration-list h2{margin-top:0}.integration-list ul{display:grid;padding:0;margin:0;list-style:none;gap:.75rem}.integration-list li{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid #273244;border-radius:8px}.integration-list li div:first-child{display:grid;gap:.25rem}.integration-list span{color:#9ca3af;font-size:.9rem}.checkbox-label{display:flex;align-items:center;grid-template-columns:auto 1fr}.checkbox-label input{width:1rem;height:1rem}.token-input-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.token-input-row button{width:auto}.integration-form small{color:#9ca3af}.success{color:#86efac}.zabbix-error-panel{display:grid;gap:.6rem;margin:.75rem 0;padding:1rem 1.25rem;border:1px solid #7f1d1d;border-radius:10px;background:#1f1315}.zabbix-error-panel>strong{color:#fca5a5;font-size:.95rem}.zabbix-error-panel dl{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0}.zabbix-error-panel dt{color:#94a3b8;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.zabbix-error-panel dd{margin:0;overflow-wrap:anywhere;color:#e2e8f0;font-size:.85rem}.danger{color:#fff;background:#b91c1c}@media (max-width: 800px){.page-header,.integrations-grid{grid-template-columns:1fr}.page-header{align-items:start;flex-direction:column}.integration-list li{display:grid}}.hosts-page{max-width:1500px;margin:0 auto;padding:2rem 1.5rem 3rem}.hosts-header{align-items:flex-end;margin-bottom:1rem}.hosts-subtitle{margin:.35rem 0 0;color:var(--noc-text-muted, #8494a9);font-size:.82rem}.hosts-count{padding:.35rem .65rem;border:1px solid var(--noc-border, #334155);border-radius:999px;color:var(--noc-text-secondary, #94a3b8);background:var(--noc-bg-panel, #101827);font-size:.72rem;font-weight:700}.host-filters{display:grid;grid-template-columns:minmax(190px,1.25fr) minmax(150px,.8fr) minmax(180px,1fr) minmax(150px,.75fr) minmax(130px,.65fr) auto;gap:.55rem;margin-bottom:1rem;padding:.75rem;border:1px solid var(--noc-border-soft, #273244);border-radius:9px;background:var(--noc-bg-panel, #101827)}.host-filters input,.host-filters select{min-width:0;padding:.6rem .7rem;color:inherit;border:1px solid #3a465b;border-radius:8px;background:#0b1220}.host-filters button{width:auto;min-width:82px}.host-table-wrap{overflow-x:auto;border:1px solid #273244;border-radius:12px}.hosts-table-wrap{overflow-x:auto;background:#0d1624}.hosts-table{table-layout:fixed}.hosts-table th,.hosts-table td{padding:.7rem .75rem;white-space:normal;vertical-align:middle}.hosts-table th{color:#73849a;background:#0d1624;font-size:.66rem;font-weight:750;letter-spacing:.055em;text-transform:uppercase}.hosts-table th:nth-child(1){width:31%}.hosts-table th:nth-child(2){width:17%}.hosts-table th:nth-child(3){width:20%}.hosts-table th:nth-child(4){width:18%}.hosts-table th:nth-child(5){width:14%}.hosts-table tbody tr{transition:background-color .14s ease}.hosts-table tbody tr:hover{background:#1e406e29}.host-identity{display:flex;align-items:flex-start;gap:.7rem;min-width:0}.host-identity__icon{display:grid;place-items:center;flex:0 0 32px;height:32px;color:#60a5fa;border:1px solid rgba(96,165,250,.22);border-radius:7px;background:#2563eb1f}.host-identity__content,.host-identity__heading{min-width:0}.host-identity__content{display:grid;gap:.25rem;flex:1}.host-identity__heading{display:flex;align-items:center;gap:.5rem}.host-identity__heading strong{overflow:hidden;color:#e8eef8;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.host-identity__address{display:flex;flex-wrap:wrap;gap:.35rem;color:#8292a8;font:.7rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.host-integration{justify-self:start;max-width:100%;overflow:hidden;padding:.16rem .42rem;color:#7dd3fc;border:1px solid rgba(56,189,248,.2);border-radius:4px;background:#0e74901f;font-size:.64rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.host-delete-action{display:inline-flex;align-items:center;flex:0 0 auto;gap:.3rem;width:auto;margin-left:auto;padding:.25rem .45rem;color:#fca5a5;border:1px solid transparent;border-radius:5px;background:transparent;font-size:.66rem}.host-delete-action:hover:not(:disabled),.host-delete-action:focus-visible{color:#fecaca;border-color:#ef444457;background:#7f1d1d38}.host-operational-state,.host-context{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.host-availability,.host-admin-status{display:inline-flex;align-items:center;padding:.2rem .45rem;border-radius:999px;font-size:.64rem;font-weight:750}.host-availability:before,.host-admin-status:before{width:6px;height:6px;margin-right:.3rem;border-radius:50%;background:currentColor;content:""}.host-availability.is-available,.host-admin-status.is-active{color:#4ade80;background:#16653433}.host-availability.is-unavailable{color:#f87171;background:#7f1d1d33}.host-availability.is-unknown,.host-admin-status.is-disabled{color:#94a3b8;background:#47556933}.host-problems,.host-context{min-width:0}.host-problems{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.45rem}.host-problems strong{display:grid;place-items:center;min-width:24px;height:24px;padding:0 .35rem;color:#dce6f3;border-radius:6px;background:#1c2a3c;font-size:.72rem}.host-problems span,.host-context>span:last-child{overflow:hidden;color:#8999ad;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.host-last-sync{color:#8999ad;font-size:.7rem;white-space:nowrap}@media (max-width: 1120px){.host-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.host-filters button{width:100%}.hosts-table th:nth-child(1){width:34%}.hosts-table th:nth-child(2){width:20%}.hosts-table th:nth-child(3){width:20%}.hosts-table th:nth-child(4){width:26%}.hosts-table th:nth-child(5),.hosts-table td:nth-child(5){display:none}}@media (max-width: 720px){.hosts-page{padding:1.25rem .75rem 2rem}.hosts-header{align-items:flex-start}.host-filters{grid-template-columns:1fr}.hosts-table-wrap{overflow:visible;border:0;background:transparent}.hosts-table,.hosts-table tbody,.hosts-table tr,.hosts-table td{display:block;width:100%}.hosts-table thead{display:none}.hosts-table tbody{display:grid;gap:.65rem}.hosts-table tbody tr{overflow:hidden;border:1px solid #273244;border-radius:9px;background:#111827}.hosts-table td{display:grid;grid-template-columns:88px minmax(0,1fr);gap:.6rem;padding:.55rem .7rem;border-bottom:1px solid #202d40}.hosts-table td:before{color:#68798f;font-size:.62rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase;content:attr(data-label)}.hosts-table td.hosts-table__host{display:block;padding:.8rem}.hosts-table td.hosts-table__host:before{content:none}.hosts-table td:nth-child(5){display:grid}}table{width:100%;border-collapse:collapse;background:#111827}th,td{padding:.85rem;border-bottom:1px solid #273244;text-align:left;white-space:nowrap}th{color:#9ca3af}.map-editor{position:relative;min-height:calc(100vh + -0px);display:block;overflow:hidden;background:#0b1120}.map-editor>.success,.map-editor>.error{position:absolute;z-index:15;top:76px;left:1rem;width:auto;max-width:min(680px,calc(100% - 2rem));margin:0;padding:.7rem 1rem;border-radius:8px;background:#111827ee;box-shadow:0 8px 24px #0008}.map-editor>.success{color:#86efac;border:1px solid #166534}.map-editor>.error{color:#fca5a5;border:1px solid #991b1b}.map-editor .eyebrow{font-size:.68rem;margin-bottom:.15rem}.map-title-area{display:grid;gap:.2rem;min-width:0}.map-title-line{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.map-title-line h1{margin:0;font-size:1.1rem;line-height:1.2}.map-name-pill{display:inline-flex;align-items:center;padding:.25rem .6rem;border:1px solid #334155;border-radius:999px;color:#cbd5e1;background:#0b1220;font-size:.72rem;font-weight:700}.map-topbar{position:relative;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,#111827,#0b1220)}.map-topbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.map-selector{min-width:220px}.map-map-actions{display:flex;align-items:center;gap:6px}.map-action-button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#0f172aa6;color:#dbeafe;cursor:pointer;transition:.2s}.map-action-button:hover{background:#1e293bd9;transform:translateY(-1px)}.map-action-button span{font-size:.7rem;font-weight:600}.map-action-button--new{border-left:3px solid #22c55e}.map-action-button--edit{border-left:3px solid #3b82f6}.map-action-button--delete{border-left:3px solid #ef4444}.map-selector select,.map-actions-trigger,.map-actions-dropdown__item{width:100%}.map-selector select{padding:.62rem .78rem;color:#f8fafc;border:1px solid #334155;border-radius:9px;background:#0b1220}.map-actions-menu{position:relative}.map-actions-trigger{width:auto;min-width:110px;padding:.65rem .9rem;color:#e2e8f0;border:1px solid #334155;border-radius:9px;background:#172033}.map-actions-dropdown{position:absolute;top:calc(100% + .4rem);right:0;min-width:220px;display:grid;gap:.35rem;padding:.45rem;border:1px solid #334155;border-radius:10px;background:#0f172a;box-shadow:0 18px 40px #0007}.map-actions-dropdown__item{width:auto;padding:.7rem .8rem;color:#e2e8f0;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left}.map-actions-dropdown__item:hover{border-color:#334155;background:#172033}.properties-panel{min-height:0;overflow-y:auto;padding:1.1rem;border:0;border-radius:0;background:#111827}.properties-panel h2{margin:0 0 .25rem;font-size:1rem}.map-canvas{position:relative;min-width:0;min-height:calc(100vh - 72px);overflow:hidden;background:radial-gradient(circle at top,#172337,#0b1120 70%)}.map-canvas .react-flow__node{transition:box-shadow .15s ease,transform .15s ease}.map-canvas .react-flow__node.selected{box-shadow:0 0 0 3px #38bdf8,0 14px 30px #0008!important}.map-canvas .react-flow__edge-path{transition:stroke-width .15s ease}.map-canvas .react-flow__edge:hover .react-flow__edge-path,.map-canvas .react-flow__edge.selected .react-flow__edge-path{stroke-width:4}.map-canvas .react-flow__controls{box-shadow:0 8px 20px #0006}.properties-panel{border-left:1px solid #273244}.properties-panel label{margin:.75rem 0;font-size:.8rem;color:#cbd5e1}.properties-panel input,.properties-panel select{width:100%;padding:.65rem;border-radius:7px;color:#f8fafc;border:1px solid #334155;background:#0b1220}.properties-panel .danger{margin-top:1rem}.map-status{font-size:.8rem;color:#86efac}@media (max-width: 900px){.map-editor{min-height:100vh}.map-topbar{flex-direction:column;align-items:stretch}.map-topbar__actions{justify-content:space-between}.map-selector{min-width:0;width:100%}.map-canvas{min-height:65vh}.properties-panel{border-left:0;border-top:1px solid #273244}}.inventory-page{max-width:1500px;margin:0 auto;padding:2rem 1.5rem 3rem}.inventory-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto auto auto;align-items:center;gap:.55rem;margin:0 0 1rem;padding:.75rem;border:1px solid var(--noc-border-soft, #273244);border-radius:9px;background:var(--noc-bg-panel, #101827)}.inventory-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0}.inventory-toolbar input{width:100%;min-width:0;padding:.6rem .7rem;color:inherit;border:1px solid #3a465b;border-radius:8px;background:#0b1220}.inventory-selection-count{color:#8292a8;font-size:.7rem}.inventory-add-selected,.inventory-row-action{display:inline-flex;width:auto;align-items:center;justify-content:center;gap:.35rem}.inventory-add-selected{min-height:34px;white-space:nowrap}.inventory-table{table-layout:fixed}.inventory-table th:nth-child(1){width:42px}.inventory-table th:nth-child(2){width:31%}.inventory-table th:nth-child(3){width:12%}.inventory-table th:nth-child(4){width:12%}.inventory-table th:nth-child(5){width:18%}.inventory-table th:nth-child(6){width:15%}.inventory-table th:nth-child(7){width:150px}.inventory-table th,.inventory-table td{padding-block:.6rem}.inventory-select-column,.inventory-select-cell{text-align:center}.inventory-equipment-meta{overflow:hidden;color:#9aabbe;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.inventory-group{display:block;overflow:hidden;color:#8999ad;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.inventory-actions-column,.inventory-actions-cell{position:sticky;right:0;z-index:1;border-left:1px solid #273244;background:#111827}.inventory-actions-column{z-index:2;background:#0d1624}.inventory-table tbody tr:hover .inventory-actions-cell{background:#142138}.inventory-row-action{padding:.35rem .5rem;color:#93c5fd;border:1px solid rgba(96,165,250,.22);border-radius:6px;background:#2563eb1a;font-size:.66rem;white-space:nowrap}.inventory-row-action:hover,.inventory-row-action:focus-visible{color:#dbeafe;border-color:#60a5fa6b;background:#2563eb33}@media (max-width: 1120px){.inventory-toolbar{grid-template-columns:minmax(220px,1fr) auto auto}.inventory-selection-count{display:none}.inventory-table th:nth-child(2){width:36%}.inventory-table th:nth-child(3){width:15%}.inventory-table th:nth-child(4){width:15%}.inventory-table th:nth-child(5){width:22%}.inventory-table th:nth-child(6),.inventory-table td:nth-child(6){display:none}}@media (max-width: 720px){.inventory-page{padding:1.25rem .75rem 2rem}.inventory-toolbar{grid-template-columns:1fr auto}.inventory-toolbar input{grid-column:1 / -1}.inventory-add-selected span,.inventory-table .inventory-select-column{display:none}.inventory-table td.inventory-select-cell{position:absolute;top:.75rem;right:.75rem;z-index:2;display:block;width:auto;padding:0;border:0}.inventory-table tbody tr{position:relative}.inventory-table td.hosts-table__host{padding-right:2.75rem}.inventory-table td:nth-child(6){display:grid}.inventory-actions-cell{position:static;border-left:0;background:transparent}.inventory-table tbody tr:hover .inventory-actions-cell{background:transparent}.inventory-row-action{width:100%}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#020617aa}.import-modal{width:min(100%,620px);max-height:calc(100vh - 2rem);overflow-y:auto;padding:1.5rem;border:1px solid #334155;border-radius:14px;background:#111827;box-shadow:0 24px 60px #0008}.import-modal h2{margin-top:0}.import-modal select,.import-modal input{width:100%;padding:.7rem;color:inherit;border:1px solid #334155;border-radius:8px;background:#0b1220}.import-filters{display:grid;grid-template-columns:1fr 150px 1fr;gap:.65rem;margin:1rem 0}.import-hosts{display:grid;gap:.55rem;max-height:280px;overflow-y:auto;padding:.8rem;border:1px solid #273244;border-radius:8px}.import-hosts label{display:flex;align-items:center;gap:.55rem;margin:0}.import-hosts input{width:auto}.import-modal .pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:1rem 0;font-size:.9rem}@media (max-width: 600px){.import-filters{grid-template-columns:1fr}}.map-editor{position:relative}.map-feedback{position:absolute;z-index:15;top:76px;left:1rem;max-width:min(680px,calc(100% - 2rem));pointer-events:none}.map-feedback p{margin:0;padding:.7rem 1rem;border-radius:8px;background:#111827ee;box-shadow:0 8px 24px #0008}.map-feedback .success{color:#86efac;border:1px solid #166534}.map-feedback .error{color:#fca5a5;border:1px solid #991b1b}@media (max-width: 900px){.map-feedback{position:fixed;top:80px;left:1rem;right:1rem;max-width:none}}.map-editor{grid-template-columns:220px minmax(0,1fr) 360px}.map-header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.65rem}.map-last-update{min-width:180px;color:#94a3b8;font-size:.78rem;text-align:right}.noc-flow-node{width:auto;padding:0!important;border:0!important;background:transparent!important}.noc-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;width:auto;padding:0;color:#f8fafc;background:transparent;border:none}.noc-node__icon-shell{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:center;box-sizing:border-box;overflow:visible;background:transparent;transition:box-shadow .15s ease,opacity .2s ease}.noc-node__icon-shell.is-disabled{opacity:.6}.noc-node__icon-shell.is-removed{opacity:.55}.noc-node.is-selected .noc-node__icon-shell{outline:3px solid #7dd3fc;outline-offset:3px}.noc-node:hover .noc-node__icon-shell,.noc-node:focus-within .noc-node__icon-shell{box-shadow:0 0 0 2px #e2e8f047}.noc-node.is-selected:hover .noc-node__icon-shell{box-shadow:none}.noc-node__icon{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.noc-node__icon--transition{transition:opacity .25s ease}@media (prefers-reduced-motion: reduce){.noc-node__icon--transition{transition:none}}.noc-node__icon-fallback{font-size:1.4rem;line-height:1;color:#cbd5e1;-webkit-user-select:none;user-select:none}.noc-host-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:color .18s ease,filter .18s ease,opacity .18s ease,transform .18s ease}.noc-host-icon svg{width:100%;height:100%;color:inherit;display:block}.noc-host-icon svg [fill=currentColor],.noc-host-icon svg [stroke=currentColor]{transition:fill .18s ease,stroke .18s ease}.noc-host-icon--pulse{animation:noc-host-icon-pulse 1.6s ease-in-out infinite}@keyframes noc-host-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (prefers-reduced-motion: reduce){.noc-host-icon{transition:none}.noc-host-icon--pulse{animation:none}}.noc-node__badge{position:absolute;top:-4px;right:-4px;z-index:1;display:inline-grid;min-width:1.35rem;height:1.35rem;place-items:center;padding:0 .35rem;color:#fff;border-radius:999px;background:var(--noc-color, #64748b);box-shadow:0 0 0 2px #111827;font-size:.68rem;font-weight:800}.noc-node__label{display:flex;flex-direction:column;align-items:center;gap:.1rem;max-width:140px;text-align:center}.noc-node__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--node-font-size, 12px);line-height:1.2;color:#f8fafc}.noc-node__state{color:var(--noc-color, #94a3b8);font-size:.68rem;font-weight:800;letter-spacing:.06em}.noc-node__state.is-disabled,.noc-node__state.is-removed{opacity:.7}.noc-node__ip{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#94a3b8;font-size:.65rem}.noc-node__traffic{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#94a3b8;font-size:.65rem;font-variant-numeric:tabular-nums}.noc-node__traffic.is-stale{color:#64748b;font-style:italic}.noc-tooltip{position:absolute;z-index:40;top:50%;left:calc(100% + .75rem);display:grid;width:265px;gap:.35rem;padding:.85rem;pointer-events:none;color:#e2e8f0;border:1px solid #334155;border-radius:10px;background:#020617f2;box-shadow:0 16px 40px #000b;font-size:.76rem;opacity:0;transform:translate(.35rem,-50%);transition:opacity .15s ease,transform .15s ease}.noc-node:hover .noc-tooltip,.noc-node:focus-within .noc-tooltip{opacity:1;transform:translateY(-50%)}.noc-node .react-flow__handle{z-index:2;border:none;border-radius:50%;background:transparent;opacity:0;pointer-events:none;transition:opacity .15s ease,background .15s ease}.map-canvas--link-mode .noc-node .react-flow__handle{opacity:.16;pointer-events:auto;cursor:crosshair}.map-canvas--link-mode .noc-node:hover .react-flow__handle,.map-canvas--link-mode .noc-node:focus-within .react-flow__handle{opacity:.9;background:#7dd3fc59}.selected-host-state{display:flex;align-items:center;gap:.7rem;margin:.75rem 0 1rem;padding:.8rem;border:1px solid #273244;border-radius:9px;background:#0b1220}.selected-host-state .state-dot{width:.8rem;height:.8rem;flex:0 0 auto;border-radius:50%;box-shadow:0 0 12px currentColor}.selected-host-state div{display:grid;gap:.2rem}.selected-host-state small{color:#94a3b8}.active-problems-panel{margin-top:1.25rem;padding-top:1rem;border-top:1px solid #273244}.active-problems-panel h3{margin:0 0 .75rem;font-size:.95rem}.active-problems-panel .muted{margin:0;font-size:.8rem}.active-problems-empty{padding:.75rem;color:#86efac;border:1px solid #166534;border-radius:8px;background:#14532d22;font-size:.8rem}.active-problems-panel ul{display:grid;gap:.65rem;padding:0;margin:0;list-style:none}.active-problems-panel li{display:grid;gap:.35rem;padding:.75rem;border:1px solid #334155;border-radius:8px;background:#0b1220}.active-problems-panel li strong{font-size:.8rem;line-height:1.35}.active-problems-panel li small{color:#94a3b8;font-size:.72rem}.problem-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:#cbd5e1;font-size:.7rem}.problem-severity{font-weight:800;letter-spacing:.06em}@media (max-width: 1100px){.map-editor{grid-template-columns:190px minmax(0,1fr) 320px}.map-header-actions{flex-wrap:wrap}}@media (max-width: 900px){.map-editor{grid-template-columns:1fr}.map-header-actions{justify-content:flex-start}.map-last-update{text-align:left}.noc-tooltip{display:none}}.noc-state-pill{display:inline-flex;align-items:center;padding:.2rem .5rem;border:1px solid currentColor;border-radius:999px;color:#94a3b8;font-size:.7rem;font-weight:800}.noc-state-up{color:#22c55e}.noc-state-down{color:#b91c1c}.noc-state-not_classified{color:#94a3b8}.noc-state-information{color:#3b82f6}.noc-state-warning{color:#facc15}.noc-state-average{color:#f97316}.noc-state-high{color:#ef4444}.noc-state-disaster{color:#dc2626}.noc-state-disabled{color:#475569}.noc-state-removed{color:#7c3aed}.noc-state-unknown{color:#64748b}.map-editor--operational .map-feedback{left:1rem;max-width:min(680px,calc(100% - 2rem))}.map-canvas{position:relative}.equipment-picker{position:absolute;z-index:12;top:1rem;left:1rem;width:min(340px,calc(100% - 2rem));padding:1rem;border:1px solid #334155;border-radius:12px;background:#111827f2;box-shadow:0 18px 45px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.equipment-picker__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.equipment-picker__header div{display:grid;gap:.25rem}.equipment-picker__header small{color:#94a3b8}.equipment-picker .icon-button{width:2rem;height:2rem;padding:0;color:#cbd5e1;background:transparent;font-size:1.25rem}.equipment-picker__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.equipment-picker__grid button{display:flex;align-items:center;gap:.5rem;min-width:0;color:#dbeafe;border:1px solid #2d3c55;background:#182235;text-align:left}@property --edge-flow-duration{syntax: "<time>"; inherits: false; initial-value: 2.4s;}.operational-edge-flow{pointer-events:none;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:3 7;filter:drop-shadow(0 0 1.5px var(--edge-flow-state-color, currentColor));mix-blend-mode:screen;transition:--edge-flow-duration 1.2s ease,opacity .35s ease,stroke-width .35s ease,filter .35s ease}.operational-edge-flow.is-critical{stroke-width:1.8;filter:drop-shadow(0 0 2.5px var(--edge-flow-state-color, currentColor))}.operational-edge-label{position:absolute;display:grid;min-width:82px;gap:.15rem;padding:.28rem .45rem;pointer-events:all;color:#e2e8f0;border:1px solid;border-radius:7px;background:#0f172ae8;box-shadow:0 6px 18px #0008;font-size:.64rem;line-height:1.3;text-align:center}.operational-edge-label.is-selected{outline:2px solid #e0f2fe;outline-offset:2px}.edge-traffic-summary{color:#cbd5e1;white-space:nowrap}.link-tooltip{position:absolute;z-index:45;bottom:calc(100% + .65rem);left:50%;display:grid;width:285px;gap:.3rem;padding:.8rem;pointer-events:none;color:#e2e8f0;border:1px solid #334155;border-radius:9px;background:#020617f5;box-shadow:0 16px 40px #000c;text-align:left;opacity:0;transform:translate(-50%,.3rem);transition:opacity .15s ease,transform .15s ease}.link-tooltip .diagnostic-warning{color:#facc15}.operational-edge-label:hover .link-tooltip,.operational-edge-label:focus-within .link-tooltip{opacity:1;transform:translate(-50%)}.selected-link-state,.selected-host-state{display:flex;align-items:center;gap:.65rem;padding:.75rem;margin:.75rem 0;border:1px solid #273244;border-radius:9px;background:#0b1220}.selected-link-state>div,.selected-host-state>div{display:grid;gap:.18rem;min-width:0}.selected-link-state small,.selected-host-state small{overflow:hidden;color:#94a3b8;font-size:.72rem;text-overflow:ellipsis}.state-dot{flex:0 0 auto;width:.75rem;height:.75rem;border-radius:999px;box-shadow:0 0 10px currentColor}.link-endpoint-summary{display:grid;gap:.2rem;padding:.55rem .65rem;border-left:3px solid #38bdf8;background:#0b1220}.link-endpoint-summary span{color:#94a3b8;font-size:.68rem;font-weight:700;text-transform:uppercase}.monitoring-mode-hint{margin:-.3rem 0 .6rem;color:#94a3b8;font-size:.72rem;line-height:1.35}.link-live-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:.85rem 0}.link-live-metrics span{display:grid;gap:.15rem;min-width:0;padding:.5rem;color:#94a3b8;border:1px solid #273244;border-radius:7px;background:#0b1220;font-size:.65rem}.link-live-metrics strong{overflow:hidden;color:#f8fafc;text-overflow:ellipsis}.link-editor-actions{display:grid;gap:.55rem}.link-editor-actions .secondary{color:#e2e8f0;background:#273244}@media (prefers-reduced-motion: reduce){.operational-edge-flow{animation:none}}@media (max-width: 900px){.map-editor--operational{grid-template-columns:1fr;grid-template-rows:auto 65vh}.map-editor--operational .map-feedback{max-width:none}.map-header-actions{justify-content:flex-start;flex-wrap:wrap}.map-last-update{width:100%;text-align:left}}.map-editor--operational{grid-template-columns:minmax(0,1fr)}.map-editor--operational .map-feedback{max-width:min(680px,calc(100% - 2rem))}.map-editor--operational .properties-panel{position:absolute;z-index:18;inset:0 0 0 auto;width:clamp(320px,30vw,390px);height:100%;padding:0 1.1rem 1.1rem;border:0;border-left:1px solid #334155;background:#111827f5;box-shadow:-16px 0 40px #0008;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:properties-panel-enter .18s ease-out}@keyframes properties-panel-enter{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.properties-panel__header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 -1.1rem .75rem;padding:.9rem 1.1rem .75rem;border-bottom:1px solid #273244;background:#111827fa}.properties-panel__header h2{margin:0}.properties-panel__close{flex:0 0 auto;width:2rem;height:2rem;padding:0;color:#e2e8f0;border:1px solid #334155;background:#1e293b;font-size:1.2rem;line-height:1}.properties-panel__close:hover{color:#fff;border-color:#475569;background:#334155}.properties-panel__close:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.map-editor .react-flow__controls{overflow:hidden;color:#e2e8f0;border:1px solid #334155;border-radius:10px;background:#0f172a}.map-editor .react-flow__controls-button{color:#e2e8f0;border:0;border-bottom:1px solid #334155;background:#0f172a}.map-editor .react-flow__controls-button:last-child{border-bottom:0}.map-editor .react-flow__controls-button svg{fill:currentColor}.map-editor .react-flow__controls-button:hover{color:#fff;background:#1e293b}.map-editor .react-flow__controls-button:focus-visible{z-index:1;outline:2px solid #38bdf8;outline-offset:-2px}.operational-edge-flow--out{opacity:.9;animation:operational-edge-forward var(--edge-flow-duration, 2.2s) linear infinite}.operational-edge-flow--in{stroke-width:1.2;stroke-dasharray:2 8;opacity:.8;animation:operational-edge-reverse var(--edge-flow-duration, 2.2s) linear infinite}.node-text-size-field{display:grid;gap:.65rem;margin:.9rem 0 1rem;padding:.85rem;border:1px solid #334155;border-radius:10px;background:#0b1220}.node-text-size-field__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.properties-panel .node-text-size-field__header label{margin:0;color:#e2e8f0;font-weight:700}.node-text-size-field__header output{color:#f8fafc;font-weight:800;font-variant-numeric:tabular-nums}.node-text-size-control{display:grid;align-items:center}.properties-panel .node-text-size-control input[type=range]{padding:0;accent-color:#38bdf8}.node-text-size-field__hint{color:#94a3b8;font-size:.72rem;line-height:1.35}@keyframes operational-edge-forward{0%{stroke-dashoffset:0}to{stroke-dashoffset:-32}}@keyframes operational-edge-reverse{0%{stroke-dashoffset:0}to{stroke-dashoffset:30}}.flow-debug-panel{display:flex;align-items:center;gap:.4rem;padding:.45rem .55rem;border:1px solid #2d3c55;border-radius:10px;background:#182235;box-shadow:0 4px 14px #00000059}.flow-debug-panel__label{color:#94a3b8;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-right:.15rem}.flow-debug-panel button{padding:.3rem .55rem;font-size:.72rem;font-weight:700;color:#dbeafe;border:1px solid #2d3c55;border-radius:6px;background:#0b1220}.flow-debug-panel button.is-active{color:#0b1220;border-color:#38bdf8;background:#38bdf8}@media (max-width: 900px){.map-editor--operational .properties-panel{width:min(100%,360px)}.map-live-panel{left:1rem;right:1rem;min-width:auto}.map-live-panel__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.operational-edge-flow--out,.operational-edge-flow--in{animation:none}}.map-editor--operational .react-flow__edge-path{transition:stroke 1.2s ease,stroke-width 1.2s ease,opacity .35s ease}.map-live-panel{position:absolute;right:1rem;bottom:1rem;z-index:12;display:grid;gap:.55rem;min-width:min(360px,calc(100% - 2rem));padding:.7rem .8rem;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:#0f172adb;box-shadow:0 14px 35px #02061759;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.map-live-panel__row{display:flex;align-items:center;justify-content:flex-start}.map-live-panel__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.map-live-panel__grid>div{display:grid;gap:.15rem;min-width:0}.map-live-panel__label{color:#94a3b8;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.map-live-panel__grid strong{overflow:hidden;color:#e2e8f0;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.live-network-status{display:inline-flex;align-items:center;gap:.4rem;min-height:1.75rem;padding:.25rem .55rem;border:1px solid #334155;border-radius:999px;color:#cbd5e1;background:#0b1220;font-size:.72rem;white-space:nowrap}.live-network-status>span{width:.5rem;height:.5rem;border-radius:999px;background:#94a3b8}.live-network-status--connected{color:#bbf7d0;border-color:#166534}.live-network-status--connected>span{background:#22c55e;box-shadow:0 0 #22c55e66;animation:live-network-pulse 1.8s ease-out infinite}.live-network-status--connecting,.live-network-status--reconnecting{color:#fde68a;border-color:#854d0e}.live-network-status--connecting>span,.live-network-status--reconnecting>span{background:#facc15}.live-network-status--disconnected>span,.live-network-status--backend_unavailable>span{background:#94a3b8}.live-network-status--authentication_error{color:#fca5a5;border-color:#7f1d1d}.live-network-status--authentication_error>span{background:#ef4444}@keyframes live-network-pulse{70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}@media (prefers-reduced-motion: reduce){.live-network-status--connected>span{animation:none}}.app-layout{position:relative;min-height:100vh;background:#0b1120}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:64px;display:flex;flex-direction:column;padding:16px 10px;background:linear-gradient(180deg,#111827,#0b1120);border-right:1px solid rgba(148,163,184,.15);color:#f8fafc;overflow:hidden;z-index:100;transition:width .25s ease,box-shadow .25s ease}.app-sidebar:hover,.app-sidebar.sidebar-pinned{width:240px;box-shadow:10px 0 30px #02061759}.sidebar-header{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-bottom:14px}.sidebar-brand{display:flex;align-items:center;gap:12px;min-width:190px;padding:0;border:0;background:none;color:inherit;cursor:pointer;text-align:left}.sidebar-brand__logo.brand-logo{gap:12px}.sidebar-brand__logo .brand-logo__icon{width:42px;height:42px;min-width:42px;justify-content:center;border-radius:12px;background:linear-gradient(135deg,var(--brand-orange),var(--brand-orange-hover));color:#fff;box-shadow:0 8px 20px #f9731633}.sidebar-brand__logo .brand-logo__text{opacity:0;visibility:hidden;transform:translate(-8px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease}.app-sidebar:hover .sidebar-brand__logo .brand-logo__text,.app-sidebar.sidebar-pinned .sidebar-brand__logo .brand-logo__text{opacity:1;visibility:visible;transform:translate(0)}.sidebar-pin-button{width:30px;height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.15);border-radius:8px;background:#94a3b814;color:#fb923c;cursor:pointer;opacity:0;visibility:hidden;transform:translate(8px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease,background .2s ease}.app-sidebar:hover .sidebar-pin-button,.app-sidebar.sidebar-pinned .sidebar-pin-button{opacity:1;visibility:visible;transform:translate(0)}.sidebar-pin-button:hover{background:#f9731629}.sidebar-navigation{flex:1;display:flex;flex-direction:column;gap:5px;overflow-y:auto;overflow-x:hidden}.sidebar-navigation::-webkit-scrollbar{width:4px}.sidebar-navigation::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:999px}.sidebar-section-title{height:20px;margin:16px 10px 6px;color:#64748b;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.app-sidebar:hover .sidebar-section-title,.app-sidebar.sidebar-pinned .sidebar-section-title{opacity:1;visibility:visible}.sidebar-link{display:flex;align-items:center;gap:12px;min-width:214px;min-height:42px;padding:0 11px;border-radius:10px;color:#cbd5e1;text-decoration:none;white-space:nowrap;transition:background .2s ease,color .2s ease,transform .2s ease}.sidebar-link:hover{color:#fff;background:#94a3b81f}.app-sidebar:hover .sidebar-link:hover,.app-sidebar.sidebar-pinned .sidebar-link:hover{transform:translate(2px)}.sidebar-link.active{color:#fff;background:linear-gradient(90deg,#f9731640,#f9731614);box-shadow:inset 3px 0 #f97316}.sidebar-sublink{min-height:36px;padding-left:20px;color:#94a3b8;font-size:12px}.sidebar-sublink .sidebar-icon{color:#7c8da3;font-size:14px}.app-sidebar:hover .sidebar-sublink,.app-sidebar.sidebar-pinned .sidebar-sublink{margin-left:8px}.sidebar-icon{width:22px;min-width:22px;height:22px;flex-shrink:0;color:#fb923c}.sidebar-link-text{opacity:0;visibility:hidden;transform:translate(-8px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease}.app-sidebar:hover .sidebar-link-text,.app-sidebar.sidebar-pinned .sidebar-link-text{opacity:1;visibility:visible;transform:translate(0)}.sidebar-footer{position:relative;padding-top:14px;border-top:1px solid rgba(148,163,184,.15)}.sidebar-user{display:flex;align-items:center;gap:10px;width:100%;min-width:214px;margin-bottom:10px;padding:8px 4px;color:inherit;font:inherit;text-align:left;border:none;border-radius:8px;background:transparent;cursor:pointer}.sidebar-user:hover{background:#94a3b81a}.sidebar-settings-menu{position:absolute;bottom:calc(100% + 8px);left:4px;display:grid;gap:2px;min-width:200px;padding:6px;border:1px solid rgba(148,163,184,.2);border-radius:10px;background:#111827;box-shadow:0 16px 40px #0008;z-index:30}.sidebar-settings-menu button{padding:8px 10px;color:#cbd5e1;font-size:13px;text-align:left;border:none;border-radius:6px;background:transparent;cursor:pointer}.sidebar-settings-menu button:hover{color:#f1f5f9;background:#94a3b824}.sidebar-avatar{width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1e293b;color:#fb923c;font-size:12px;font-weight:700}.sidebar-user-text{display:flex;flex-direction:column;white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-8px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease}.app-sidebar:hover .sidebar-user-text,.app-sidebar.sidebar-pinned .sidebar-user-text{opacity:1;visibility:visible;transform:translate(0)}.sidebar-user-text strong{font-size:13px}.sidebar-user-text span{color:#94a3b8;font-size:11px}.sidebar-logout{width:100%;min-width:214px;min-height:40px;display:flex;align-items:center;gap:12px;padding:0 11px;border:1px solid rgba(148,163,184,.18);border-radius:9px;background:#94a3b814;color:#f8fafc;cursor:pointer;transition:background .2s ease,border-color .2s ease}.sidebar-logout:hover{background:#ef44442e;border-color:#ef444466}.sidebar-logout-icon{width:22px;min-width:22px;display:inline-flex;align-items:center;justify-content:center;font-size:18px}.sidebar-logout-text{opacity:0;visibility:hidden;transform:translate(-8px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease}.app-sidebar:hover .sidebar-logout-text,.app-sidebar.sidebar-pinned .sidebar-logout-text{opacity:1;visibility:visible;transform:translate(0)}.sidebar-version{margin:8px 0 0;padding-left:4px;color:var(--color-text-muted);font-size:10px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.app-sidebar:hover .sidebar-version,.app-sidebar.sidebar-pinned .sidebar-version{opacity:1;visibility:visible}.app-content{min-width:0;min-height:100vh;margin-left:64px;overflow:hidden}@media (max-width: 900px){.app-sidebar{width:220px}.app-content{margin-left:64px}}.map-editor.map-editor--operational{--map-toolbar-height: 44px;position:relative;display:block;width:100%;height:100dvh;min-height:560px;overflow:hidden;background:#07101e}.map-editor--operational .map-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 50% -20%,rgba(30,64,95,.38),transparent 48%),linear-gradient(145deg,#0a1422,#070e1a 58%,#091321)}.map-canvas>.react-flow{width:100%;height:100%}.map-toolbar-shell{position:relative;z-index:50;inset:0 0 auto;height:0;pointer-events:none}.map-toolbar-hotspot{position:absolute;z-index:2;top:0;right:0;left:0;height:18px;pointer-events:auto}.map-editor--operational .map-topbar{position:absolute;top:8px;right:12px;left:12px;z-index:3;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:.65rem;min-height:var(--map-toolbar-height);padding:5px 6px;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:linear-gradient(180deg,#162233eb,#0a1321e6);box-shadow:0 14px 35px #02061761,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);pointer-events:auto;transition:opacity .18s ease,transform .2s ease,border-color .18s ease;will-change:opacity,transform}.map-editor--operational .map-topbar.is-hidden{opacity:0;pointer-events:none;transform:translateY(calc(-100% - 12px))}.map-editor--operational .map-topbar.is-visible{opacity:1;transform:translateY(0)}.map-editor--operational .map-topbar.is-pinned{border-color:#38bdf859}.map-title-area{display:flex;flex:0 0 auto;align-items:center;gap:.55rem;min-width:0;padding:0 .4rem 0 .15rem}.map-title-icon,.map-popover-icon{display:grid;flex:0 0 auto;width:30px;height:30px;place-items:center;color:#7dd3fc;border:1px solid rgba(56,189,248,.2);border-radius:8px;background:#0e74901f}.map-breadcrumb{display:flex;align-items:center;gap:.3rem;min-width:0;color:#7f8da3;font-size:.7rem;line-height:1;white-space:nowrap}.map-breadcrumb strong{overflow:hidden;color:#d9e4f2;font-weight:650;text-overflow:ellipsis}.map-topbar__actions{display:flex;flex-wrap:nowrap;flex:1 1 auto;align-items:center;justify-content:flex-end;gap:3px;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.map-topbar__actions::-webkit-scrollbar{display:none}.map-selector{position:relative;display:flex;flex:0 0 auto;align-items:center;gap:.4rem;width:188px;min-width:0;height:32px;padding:0 27px 0 9px;color:#91a3bb;border:1px solid transparent;border-radius:8px;background:#0f172a9e;transition:border-color .18s ease,background-color .18s ease}.map-selector:hover,.map-selector:focus-within{color:#dbeafe;border-color:#64748b8c;background:#1e293bc7}.map-selector select{min-width:0;width:100%;height:100%;padding:0;color:#dce7f5;border:0;outline:0;background:transparent;appearance:none;-webkit-appearance:none;-moz-appearance:none;color-scheme:dark;font-size:.72rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.map-selector select option{background:#111827;color:#e5e7eb}.map-selector select option:hover{background:#1e293b}.map-selector select option:checked{background:#2563eb;color:#fff}.map-selector__chevron{position:absolute;right:8px;pointer-events:none}.map-toolbar-separator{flex:0 0 auto;width:1px;height:20px;margin:0 3px;background:#94a3b82b}.map-toolbar-button{position:relative;display:inline-grid;flex:0 0 auto;width:32px;height:32px;padding:0;place-items:center;color:#91a3bb;border:1px solid transparent;border-radius:8px;background:transparent;box-shadow:none;transition:color .16s ease,border-color .16s ease,background-color .16s ease,transform .16s ease}.map-toolbar-button:hover{color:#f1f5f9;border-color:#64748b6b;background:#3341558a;transform:translateY(-1px)}.map-toolbar-button:focus-visible,.map-popover-header button:focus-visible,.map-actions-dropdown__item:focus-visible,.map-popover-action:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.map-toolbar-button.is-active{color:#bae6fd;border-color:#0ea5e957;background:#0e749033}.map-toolbar-button.is-warning{color:#fde68a;border-color:#ca8a045c;background:#713f1240}.map-toolbar-button--with-label{display:inline-flex;width:auto;padding:0 8px;gap:.4rem}.map-toolbar-button__text{max-width:94px;overflow:hidden;font-size:.68rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.map-toolbar-count{min-width:22px;padding:.12rem .3rem;color:#9fb0c5;border-radius:999px;background:#4755695c;font-size:.6rem;font-variant-numeric:tabular-nums}.map-toolbar-zoom{width:43px;color:#cbd5e1;font-size:.62rem;font-weight:750;font-variant-numeric:tabular-nums}.map-toolbar-status{color:#cbd5e1}.map-toolbar-status--connected{color:#bbf7d0}.map-toolbar-status--connecting,.map-toolbar-status--reconnecting{color:#fde68a}.map-toolbar-status--authentication_error{color:#fca5a5}.map-toolbar-status__dot{width:5px;height:5px;margin-left:-3px;border-radius:999px;background:#94a3b8}.map-toolbar-status--connected .map-toolbar-status__dot{background:#22c55e;box-shadow:0 0 #22c55e61;animation:live-network-pulse 1.8s ease-out infinite}.map-toolbar-status--connecting .map-toolbar-status__dot,.map-toolbar-status--reconnecting .map-toolbar-status__dot{background:#facc15}.map-toolbar-status__pulse{animation:toolbar-status-pulse 1.4s ease-in-out infinite}.is-spinning{animation:toolbar-spin .9s linear infinite}@keyframes toolbar-spin{to{transform:rotate(360deg)}}@keyframes toolbar-status-pulse{50%{opacity:.48}}.map-toolbar-anchor{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}.map-toolbar-popover{position:absolute;z-index:50;top:60px;display:grid;gap:.7rem;max-height:min(72vh,560px);padding:.75rem;overflow-y:auto;color:#dbe6f3;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:linear-gradient(155deg,#141f30f5,#09111ef0);box-shadow:0 20px 55px #0206178f,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%);pointer-events:auto;animation:map-popover-enter .18s ease-out}.map-toolbar-popover--layers{left:50%;width:270px}.map-toolbar-popover--status{right:270px;width:330px}.map-toolbar-popover--actions{right:12px;width:320px}@keyframes map-popover-enter{0%{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.map-popover-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding-bottom:.65rem;border-bottom:1px solid rgba(148,163,184,.14)}.map-popover-header>div{display:flex;align-items:center;gap:.55rem;min-width:0}.map-popover-header>div>span:last-child{display:grid;gap:.16rem;min-width:0}.map-popover-header strong{color:#eef5fc;font-size:.78rem}.map-popover-header small,.map-popover-message{color:#8292a8;font-size:.65rem}.map-popover-header button{display:grid;flex:0 0 auto;width:28px;height:28px;padding:0;place-items:center;color:#8fa0b5;border:1px solid transparent;background:transparent}.map-popover-header button:hover{color:#f8fafc;border-color:#475569;background:#3341558c}.map-layers-panel__list{display:grid;gap:.3rem}.map-layers-panel__list label{display:flex;align-items:center;gap:.5rem;min-height:36px;margin:0;padding:.35rem .45rem;color:#cbd5e1;border:1px solid transparent;border-radius:8px;background:#0f172a59;font-size:.72rem;transition:border-color .16s ease,background-color .16s ease}.map-layers-panel__list label:hover{border-color:#64748b5c;background:#33415561}.map-layers-panel__list input{width:auto;margin:0;padding:0;accent-color:#38bdf8}.map-layers-panel__list label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-layers-panel__list label>small{margin-left:auto;color:#718198;font-size:.6rem}.map-layers-panel__add{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.45rem .6rem;margin-bottom:.1rem;color:#f0fdf4;border:1px solid rgba(34,197,94,.45);border-radius:8px;background:#22c55e29;font-size:.7rem;font-weight:600;cursor:pointer;transition:.16s}.map-layers-panel__add:hover:not(:disabled){background:#22c55e47}.map-layers-panel__add:disabled{opacity:.5;cursor:not-allowed}.map-layer-row{display:flex;align-items:center;gap:.5rem;min-height:36px;padding:.35rem .45rem;color:#cbd5e1;border:1px solid transparent;border-radius:8px;background:#0f172a59;font-size:.72rem;transition:border-color .16s ease,background-color .16s ease}.map-layer-row:hover{border-color:#64748b5c;background:#33415561}.map-layer-row__swatch{flex:0 0 auto;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1px #ffffff2e}.map-layer-row__icon{flex:0 0 auto;color:#94a3b8}.map-layer-row__info{display:grid;gap:.05rem;overflow:hidden;min-width:0}.map-layer-row__info strong{overflow:hidden;color:#eef5fc;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.map-layer-row__info small{overflow:hidden;color:#718198;text-overflow:ellipsis;white-space:nowrap;font-size:.6rem}.map-layer-row__visibility{display:grid;flex:0 0 auto;margin:0 0 0 auto;padding:0;background:transparent;border:none;min-height:0}.map-layer-row__visibility input{margin:0;accent-color:#38bdf8}.map-layer-row__action{display:grid;flex:0 0 auto;width:22px;height:22px;padding:0;place-items:center;color:#8fa0b5;border:1px solid transparent;border-radius:6px;background:transparent;cursor:pointer;transition:.16s}.map-layer-row__action:disabled{opacity:.4;cursor:not-allowed}.map-layer-row__action--edit:hover:not(:disabled){color:#93c5fd;border-color:#3b82f666;background:#3b82f629}.map-layer-row__action--delete:hover:not(:disabled){color:#fca5a5;border-color:#ef444466;background:#ef444429}.map-toolbar-popover--status .live-network-status{justify-self:start}.map-toolbar-popover--status .map-live-panel__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.map-toolbar-popover--status .map-live-panel__grid>div{display:grid;gap:.18rem;min-width:0;padding:.55rem;border:1px solid rgba(100,116,139,.2);border-radius:8px;background:#0f172a75}.map-toolbar-popover--status .map-live-panel__grid strong{overflow:hidden;color:#e2e8f0;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.map-popover-action{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:.45rem;padding:.55rem .7rem;color:#cdeeff;border:1px solid rgba(14,165,233,.3);border-radius:8px;background:#0e749029;font-size:.7rem}.map-popover-action:hover{border-color:#38bdf885;background:#0e749047}.map-toolbar-popover--actions.map-actions-dropdown{position:absolute;top:60px;right:12px;display:grid;gap:.25rem;min-width:0;padding:.75rem}.map-actions-dropdown__item{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:.55rem;width:100%;min-height:44px;padding:.42rem .5rem;color:#b9c8d9;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.map-actions-dropdown__item>svg{justify-self:center;color:#7fa3bd}.map-actions-dropdown__item>span{display:grid;gap:.1rem;min-width:0}.map-actions-dropdown__item strong{color:inherit;font-size:.72rem;font-weight:650}.map-actions-dropdown__item small{overflow:hidden;color:#718198;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.map-actions-dropdown__item:hover:not(:disabled){color:#f1f5f9;border-color:#64748b61;background:#3341556b}.map-actions-dropdown__item:disabled{cursor:not-allowed;opacity:.4}.map-actions-dropdown__separator{height:1px;margin:.25rem .35rem;background:#94a3b824}.map-editor--operational .map-feedback{z-index:38;top:64px;left:12px;max-width:min(680px,calc(100% - 24px))}.equipment-picker{z-index:34;top:68px;left:50%;width:min(360px,calc(100% - 24px));border-color:#94a3b83d;border-radius:12px;background:#0c1625f0;box-shadow:0 20px 50px #02061785;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%);animation:map-popover-enter .18s ease-out}.equipment-picker .icon-button,.properties-panel__close{display:grid;place-items:center}.map-canvas-state{position:absolute;z-index:10;top:50%;left:50%;display:grid;width:min(420px,calc(100% - 24px));justify-items:center;gap:.55rem;padding:.9rem 1rem;color:#cbd5e1;border:1px solid #334155;border-radius:11px;background:#0f172aeb;box-shadow:0 14px 35px #02061773;text-align:center;transform:translate(-50%,-50%)}.map-canvas-state--error{color:#fecaca;border-color:#991b1b}.map-canvas-state button{width:auto;padding:.5rem .75rem;color:#e2e8f0;background:#273244}.map-editor--operational .properties-panel{position:absolute;z-index:30;inset:62px 10px 10px auto;width:clamp(320px,29vw,390px);height:auto;min-height:0;padding:0 1.1rem 1.1rem;overflow-y:auto;border:1px solid rgba(148,163,184,.22);border-radius:13px;background:#0d1727f2;box-shadow:-14px 15px 45px #02061780;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%);animation:properties-panel-enter .18s ease-out}.map-editor--operational .properties-panel__header{background:#0d1727fa}.map-editor .react-flow__minimap{overflow:hidden;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:#08111de0;box-shadow:0 12px 30px #02061766;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.map-locked-hint{padding:.65rem;color:#fde68a;border:1px solid #854d0e;border-radius:8px;background:#713f122e;font-size:.76rem}.link-editor-fields{min-width:0;padding:0;margin:0;border:0}@media (max-width: 1180px){.map-breadcrumb>span,.map-breadcrumb>svg{display:none}.map-toolbar-button__text{display:none}.map-toolbar-status,.map-toolbar-button--with-label{width:32px;padding:0}.map-toolbar-count,.map-toolbar-status__dot{position:absolute;top:2px;right:2px;min-width:0;width:6px;height:6px;padding:0;overflow:hidden;color:transparent;border:1px solid #152235;border-radius:999px}.map-toolbar-popover--status{right:190px}}@media (max-width: 900px){.map-editor.map-editor--operational{height:100dvh;min-height:520px}.map-editor--operational .map-topbar{top:6px;right:6px;left:6px;flex-direction:row;align-items:center;min-height:42px;padding:4px}.map-title-area{display:none}.map-topbar__actions{justify-content:flex-start}.map-selector{width:150px}.map-toolbar-popover--layers,.map-toolbar-popover--status,.map-toolbar-popover--actions,.map-toolbar-popover--actions.map-actions-dropdown{top:55px;right:8px;left:8px;width:auto;max-height:calc(100dvh - 66px)}.map-editor--operational .map-feedback{position:absolute;top:58px;right:8px;left:8px;max-width:none}.equipment-picker{top:58px}.map-editor--operational .properties-panel{inset:56px 6px 6px auto;width:min(360px,calc(100% - 12px));border-radius:12px}}@media (max-width: 520px){.map-selector{width:132px}.map-toolbar-separator{margin:0 1px}.map-toolbar-popover--status .map-live-panel__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.map-editor--operational .map-topbar,.map-toolbar-popover,.equipment-picker,.map-editor--operational .properties-panel{transition:none;animation:none}.is-spinning,.map-toolbar-status__pulse,.map-toolbar-status--connected .map-toolbar-status__dot{animation:none}}.map-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:#020817b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.map-dialog{width:min(560px,100%);max-height:calc(100vh - 48px);overflow-y:auto;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:#111827;color:#f8fafc;box-shadow:0 24px 70px #0000008c,0 0 0 1px #ffffff08}.map-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid rgba(148,163,184,.16)}.map-dialog__header>div{display:flex;align-items:flex-start;gap:12px}.map-dialog__header h2{margin:0;font-size:18px;font-weight:700;line-height:1.3;color:#f8fafc}.map-dialog__header p{margin:4px 0 0;font-size:13px;line-height:1.5;color:#94a3b8}.map-dialog__icon{width:38px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}.map-dialog__icon--create{border:1px solid rgba(34,197,94,.32);background:#22c55e1f;color:#4ade80}.map-dialog__close{width:34px;height:34px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:8px;background:transparent;color:#94a3b8;cursor:pointer}.map-dialog__close:hover{background:#94a3b81f;color:#f8fafc}.map-dialog__form{display:flex;flex-direction:column;gap:18px;padding:22px}.map-dialog__form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;color:#cbd5e1}.map-dialog__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.map-dialog__checkbox{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}.map-dialog__checkbox input{width:auto!important;accent-color:#16a34a}@media (max-width: 560px){.map-dialog__row{grid-template-columns:1fr}}.map-dialog__form input,.map-dialog__form textarea{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid rgba(148,163,184,.24);border-radius:9px;outline:none;background:#0f172a;color:#f8fafc;font:inherit;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.map-dialog__form textarea{min-height:100px;resize:vertical}.map-dialog__form input::placeholder,.map-dialog__form textarea::placeholder{color:#64748b}.map-dialog__form input:focus,.map-dialog__form textarea:focus{border-color:#22c55eb3;box-shadow:0 0 0 3px #22c55e1f}.map-dialog__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:18px;border-top:1px solid rgba(148,163,184,.14)}.map-dialog__button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 15px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.map-dialog__button--secondary{border-color:#94a3b83d;background:#94a3b814;color:#cbd5e1}.map-dialog__button--secondary:hover{background:#94a3b826;color:#f8fafc}.map-dialog__button--create{border-color:#22c55e80;background:#16a34a;color:#fff}.map-dialog__button--create:hover:not(:disabled){background:#15803d}.map-dialog__button:disabled{cursor:not-allowed;opacity:.45}@keyframes map-dialog-spin{to{transform:rotate(360deg)}}@media (max-width: 560px){.map-dialog-backdrop{padding:14px}.map-dialog__header,.map-dialog__form{padding:18px}.map-dialog__actions{flex-direction:column-reverse}.map-dialog__button{width:100%}.map-dialog__spinner{animation:map-dialog-spin .8s linear infinite}.map-dialog__icon--delete{border:1px solid rgba(239,68,68,.34);background:#ef44441f;color:#f87171}.map-dialog__warning{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid rgba(239,68,68,.24);border-radius:10px;background:#ef444414}.map-dialog__warning strong{color:#fecaca;font-size:14px}.map-dialog__warning span{color:#fff;font-size:17px;font-weight:700}.map-dialog__warning p{margin:0;color:#fca5a5;font-size:13px;line-height:1.5}.map-dialog__button--delete{border-color:#ef444480;background:#dc2626;color:#fff}.map-dialog__button--delete:hover:not(:disabled){background:#b91c1c}}.media-library-browser{display:grid;gap:1rem}.media-dropzone{display:grid;place-items:center;gap:.4rem;padding:1.4rem;text-align:center;color:#94a3b8;border:2px dashed #334155;border-radius:12px;background:#0b1220;transition:border-color .2s ease,background .2s ease}.media-dropzone.is-dragging{border-color:#38bdf8;background:#0f1d2e}.media-dropzone button{padding:.5rem 1rem}.media-dropzone small{color:#64748b}.media-filters{display:flex;flex-wrap:wrap;gap:.6rem}.media-filters input,.media-filters select{flex:1 1 180px;padding:.6rem .7rem;color:inherit;border:1px solid #334155;border-radius:8px;background:#0b1220}.media-state{padding:1.2rem;text-align:center;color:#94a3b8}.media-state.error{color:#fca5a5}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem}.media-card{display:grid;gap:.4rem;padding:.6rem;border:1px solid #273244;border-radius:10px;background:#111827}.media-card.is-selected{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf8}.media-card__thumb{display:grid;place-items:center;height:96px;padding:0;border:1px solid #273244;border-radius:8px;background:#0b1220repeating-conic-gradient(#0b1220 0 90deg,#0e1626 90deg 180deg);background-size:16px 16px;overflow:hidden}.media-card__thumb img{max-width:100%;max-height:100%;object-fit:contain}.media-card__body{display:grid;gap:.2rem;font-size:.74rem;color:#94a3b8}.media-card__body strong{overflow:hidden;color:#f8fafc;text-overflow:ellipsis;white-space:nowrap}.media-badge{justify-self:start;padding:.1rem .45rem;font-size:.62rem;font-weight:700;text-transform:uppercase;border-radius:999px;background:#1e293b;color:#cbd5e1}.media-badge--system{background:#1e3a8a55;color:#93c5fd}.media-badge--in-use{background:#14532d55;color:#86efac}.media-badge--inactive{background:#45151555;color:#fca5a5}.media-badge--dynamic{background:#14532d55;color:#4ade80}.media-badge--static{background:#1e293b;color:#94a3b8}.media-badge--sanitized{background:#1e3a8a33;color:#7dd3fc}.media-multistate-preview{display:flex;justify-content:center;gap:.9rem;padding:.6rem;border:1px solid #273244;border-radius:10px;background:#0b1220}.media-multistate-preview__item{display:grid;gap:.3rem;place-items:center;font-size:.62rem;color:#94a3b8}.media-multistate-preview__item .noc-host-icon{width:32px;height:32px}.media-multistate-preview__img{max-width:32px;max-height:32px;object-fit:contain}.media-card__actions{display:flex;gap:.4rem}.media-pagination{display:flex;align-items:center;justify-content:center;gap:.8rem;color:#94a3b8}.media-preview,.media-edit-form{display:grid;gap:.6rem;width:min(100%,420px);padding:1.4rem;border:1px solid #334155;border-radius:14px;background:#111827;box-shadow:0 24px 60px #0008}.media-preview img{max-width:100%;max-height:320px;object-fit:contain;justify-self:center}.media-edit-form label{display:grid;gap:.3rem;font-size:.78rem;color:#94a3b8}.media-edit-form input,.media-edit-form select{padding:.55rem .65rem;color:inherit;border:1px solid #334155;border-radius:8px;background:#0b1220}.media-edit-form__actions{display:flex;gap:.6rem}.media-asset-picker{display:grid;grid-template-rows:auto 1fr auto;width:min(100%,760px);max-height:calc(100vh - 3rem);padding:1.2rem;border:1px solid #334155;border-radius:14px;background:#111827;box-shadow:0 24px 60px #0008}.media-asset-picker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.media-asset-picker .media-grid,.media-asset-picker .media-library-browser{overflow-y:auto}.media-asset-picker__footer{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.9rem}.media-asset-picker__static-notice{margin:.6rem 0 0;padding:.55rem .75rem;font-size:.72rem;color:#cbd5e1;border:1px solid #334155;border-radius:8px;background:#1e293b}.icon-profiles-layout{display:grid;grid-template-columns:260px 1fr;gap:1.2rem;align-items:start}.icon-profiles-list{display:grid;gap:.4rem}.icon-profile-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem .7rem;text-align:left;color:#cbd5e1;border:1px solid #273244;border-radius:8px;background:#111827}.icon-profile-row.is-selected{border-color:#38bdf8}.icon-profile-form{display:grid;gap:.7rem;padding:1.1rem;border:1px solid #273244;border-radius:12px;background:#111827}.icon-profile-form label{display:grid;gap:.3rem;font-size:.78rem;color:#94a3b8}.icon-profile-form input,.icon-profile-form select{padding:.55rem .65rem;color:inherit;border:1px solid #334155;border-radius:8px;background:#0b1220}.icon-profile-form__sizes{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.icon-profile-form__preview-strip{display:flex;flex-wrap:wrap;gap:.8rem;padding:.6rem;border:1px solid #273244;border-radius:8px;background:#0b1220}.icon-profile-form__preview-item{display:grid;gap:.3rem;place-items:center;font-size:.64rem;color:#94a3b8}.icon-profile-form__preview-icon{display:grid;place-items:center;width:40px;height:40px}.icon-profile-form__preview-img{max-width:100%;max-height:100%;object-fit:contain}.icon-slot-field{display:grid;gap:.3rem;font-size:.68rem;color:#94a3b8;text-align:center}.icon-slot-field__preview{display:grid;place-items:center;height:56px;padding:0;border:1px solid #334155;border-radius:8px;background:#0b1220}.icon-slot-field__preview img{max-width:80%;max-height:80%;object-fit:contain}.icon-slot-field__empty{font-size:.64rem}.icon-slot-field__clear{padding:.15rem;font-size:.62rem;color:#fca5a5;background:none;border:none}.icon-profile-form__actions{display:flex;gap:.6rem}.host-appearance-section{display:grid;gap:.7rem;margin-top:.9rem;padding:.9rem;border:1px solid #273244;border-radius:10px;background:#0b1220}.host-appearance-section h3{margin:0;font-size:.85rem}.icon-inheritance-note{padding:.25rem .55rem;font-size:.66rem;font-weight:700;border-radius:999px;background:#1e293b;color:#94a3b8;justify-self:start}.icon-inheritance-note--override{background:#1e3a8a55;color:#93c5fd}.icon-inheritance-note--system{background:#45151555;color:#fbbf24}.host-appearance-preview{display:flex;flex-wrap:wrap;gap:.4rem}.host-appearance-preview button{padding:.3rem .6rem;font-size:.72rem}.host-appearance-preview button.is-active{color:#0b1220;background:#38bdf8;border-color:#38bdf8}.noc-node-preview{display:flex;align-items:center;justify-content:center;padding:1.25rem;border:1px solid #273244;border-radius:10px;background:radial-gradient(circle at top,#172337,#0b1120 70%)}[data-reduced-motion=true] *,[data-reduced-motion=true] *:before,[data-reduced-motion=true] *:after{transition-duration:.001ms!important;animation-duration:.001ms!important}@media (prefers-reduced-motion: reduce){.top-navigation__link,.nav-dropdown__trigger,.nav-dropdown__chevron,.user-menu__chevron,.mobile-nav__chevron,.mobile-nav__drawer{transition-duration:.001ms!important}}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.icon-button:hover:not(:disabled){background:var(--color-surface-elevated);color:var(--color-text-primary)}.icon-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.icon-button:disabled{opacity:.45;cursor:default}.app-shell-top{min-height:100vh;display:flex;flex-direction:column;background:var(--color-background);color:var(--color-text-primary)}.app-shell-top__header{position:sticky;top:0;z-index:var(--z-header);min-height:var(--top-header-height);border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 98%,transparent),var(--color-background) 96%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-shell-top__header-inner{max-width:var(--content-max-width);margin:0 auto;height:var(--top-header-height);padding:0 var(--space-lg);display:flex;align-items:center;gap:var(--space-lg)}.app-shell-top__brand-row{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.app-shell-top__brand{display:inline-flex;border:0;width:auto;padding:0;background:transparent;cursor:pointer}.app-shell-top__actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.app-shell-top__content{flex:1;max-width:var(--content-max-width);width:100%;margin:0 auto;padding:var(--space-lg)}.app-shell-top__content--wide{max-width:none;padding:var(--space-lg) var(--space-xl)}.app-shell-top__content--full-width{padding:0}.app-shell-top__content--full-height{position:relative;max-width:none;padding:0;height:calc(100dvh - var(--top-header-height));overflow:hidden}.app-shell-top__content--full-height .map-editor--operational{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;min-height:0}[data-compact=true] .app-shell-top__header-inner{gap:var(--space-md);padding:0 var(--space-md)}[data-compact=true] .app-shell-top__content{padding:var(--space-md)}.appearance-fallback-banner{padding:var(--space-sm) var(--space-lg);background:var(--color-warning);color:#1c1917;font-weight:600;font-size:.85rem;text-align:center}.top-navigation{display:flex;align-items:center;gap:2px;flex-wrap:nowrap;min-width:0}.top-navigation__link{display:inline-flex;align-items:center;gap:6px;width:auto;padding:8px 12px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:.88rem;font-weight:600;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.top-navigation__link:hover{color:var(--color-text-primary);background:var(--color-surface-elevated)}.top-navigation__link.active,.top-navigation__link[aria-current=page]{color:var(--color-accent);background:var(--color-accent-soft);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent)}.top-navigation__link:focus-visible,.nav-dropdown__trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.nav-dropdown{position:relative}.nav-dropdown__trigger{display:inline-flex;align-items:center;gap:6px;width:auto;padding:8px 10px 8px 12px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:.88rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.nav-dropdown__trigger:hover{color:var(--color-text-primary);background:var(--color-surface-elevated)}.nav-dropdown__trigger.active{color:var(--color-accent);background:var(--color-accent-soft)}.nav-dropdown__chevron{transition:transform var(--transition-fast)}.nav-dropdown__trigger[aria-expanded=true] .nav-dropdown__chevron{transform:rotate(180deg)}.nav-dropdown__panel{position:absolute;top:calc(100% + 8px);left:0;z-index:var(--z-dropdown);min-width:260px;max-width:min(360px,calc(100vw - 2 * var(--space-lg)));padding:6px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-md)}.top-navigation__link:last-of-type,.nav-dropdown:last-of-type .nav-dropdown__panel{right:0;left:auto}.nav-dropdown__item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.nav-dropdown__item:hover,.nav-dropdown__item:focus-visible{background:var(--color-accent-soft);outline:none}.nav-dropdown__item--sub{margin-left:12px;opacity:.9}.nav-dropdown__item svg{margin-top:2px;color:var(--color-accent);flex-shrink:0}.nav-dropdown__item-text{display:flex;flex-direction:column;gap:2px;min-width:0}.nav-dropdown__item-label{font-size:.88rem;font-weight:600}.nav-dropdown__item-description{font-size:.76rem;color:var(--color-text-secondary)}.user-menu{position:relative}.user-menu__trigger{display:inline-flex;align-items:center;gap:4px;width:auto;padding:4px 6px 4px 4px;border:1px solid transparent;border-radius:999px;background:transparent;cursor:pointer}.user-menu__trigger:hover{border-color:var(--color-border)}.user-menu__trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.user-menu__avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent);font-size:.72rem;font-weight:700}.user-menu__chevron{color:var(--color-text-secondary)}.user-menu__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:var(--z-dropdown);width:260px;padding:8px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-md)}.user-menu__identity{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px}.user-menu__identity strong{font-size:.92rem;color:var(--color-text-primary)}.user-menu__identity span{font-size:.78rem;color:var(--color-text-secondary)}.user-menu__meta{margin-top:2px}.user-menu__divider{height:1px;margin:4px 0;background:var(--color-border)}.user-menu__panel button[role=menuitem]{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);font-size:.86rem;text-align:left;cursor:pointer}.user-menu__panel button[role=menuitem]:hover{background:var(--color-accent-soft)}.user-menu__logout{color:var(--color-danger)!important}.user-menu__theme-toggle{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;font-size:.82rem;color:var(--color-text-secondary)}.user-menu__theme-buttons{display:flex;gap:4px}.user-menu__theme-buttons button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer}.user-menu__theme-buttons button.active{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-soft)}.company-selector{display:inline-flex;align-items:center;gap:8px;width:auto;padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:.82rem;white-space:nowrap}.company-selector--superadmin{cursor:pointer}.company-selector--superadmin:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.company-selector__name{max-width:160px;overflow:hidden;text-overflow:ellipsis}.company-selector__badge{padding:1px 6px;border-radius:999px;background:var(--color-accent-soft);color:var(--color-accent);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.global-search__trigger{display:inline-flex;align-items:center;gap:8px;width:auto;min-width:200px;padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-size:.82rem;cursor:pointer}.global-search__trigger:hover{border-color:var(--color-accent)}.global-search__trigger-text{flex:1;text-align:left}.global-search__shortcut{padding:1px 6px;border:1px solid var(--color-border);border-radius:4px;font-size:.68rem;color:var(--color-text-secondary)}.global-search__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;background:#03060c99}.global-search__panel{width:min(560px,calc(100vw - 2 * var(--space-lg)));padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-lg)}.global-search__input-row{display:flex;align-items:center;gap:10px;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.global-search__input-row input{flex:1;width:auto;border:0;padding:4px 0;background:transparent;color:var(--color-text-primary)}.global-search__input-row input:disabled{cursor:not-allowed;opacity:.7}.global-search__coming-soon{margin:var(--space-sm) 0 0;color:var(--color-text-secondary);font-size:.85rem;line-height:1.5}.breadcrumbs{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-text-secondary)}.breadcrumbs__current{color:var(--color-text-primary);font-weight:600}.mobile-nav-trigger{display:none;width:36px;height:36px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);cursor:pointer}.mobile-nav__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);width:100%;height:100%;padding:0;border:0;background:#03060c99;cursor:pointer}.mobile-nav__drawer{position:fixed;top:0;left:0;bottom:0;z-index:calc(var(--z-modal) + 1);width:min(320px,88vw);display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border);box-shadow:var(--shadow-lg);overflow-y:auto}.mobile-nav__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--color-border)}.mobile-nav__actions{display:flex;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.mobile-nav__groups{flex:1;padding:var(--space-sm)}.mobile-nav__group+.mobile-nav__group{margin-top:2px}.mobile-nav__group-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);font-weight:600;font-size:.88rem;cursor:pointer}.mobile-nav__group-trigger:hover{background:var(--color-surface-elevated)}.mobile-nav__chevron{margin-left:auto;transition:transform var(--transition-fast)}.mobile-nav__chevron.open{transform:rotate(180deg)}.mobile-nav__items{display:flex;flex-direction:column;padding-left:12px}.mobile-nav__item{display:flex;align-items:center;gap:10px;width:auto;padding:9px 10px;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:.86rem;text-decoration:none}.mobile-nav__item.active{color:var(--color-accent);background:var(--color-accent-soft)}.mobile-nav__footer{padding:var(--space-md);border-top:1px solid var(--color-border)}.mobile-nav__identity{display:flex;flex-direction:column;margin-bottom:var(--space-sm)}.mobile-nav__identity strong{color:var(--color-text-primary);font-size:.9rem}.mobile-nav__identity span{color:var(--color-text-secondary);font-size:.78rem}.mobile-nav__logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-danger);cursor:pointer}@media (max-width: 1200px){.global-search__trigger-text,.global-search__shortcut{display:none}.global-search__trigger{min-width:0;padding:8px}.company-selector__badge{display:none}}@media (max-width: 860px){.top-navigation{display:none}.mobile-nav-trigger{display:inline-flex;align-items:center;justify-content:center}.app-shell-top__header-inner{gap:var(--space-sm);padding:0 var(--space-sm)}.company-selector__name{max-width:96px}.global-search__trigger-text,.global-search__shortcut{display:none}}.appearance-page{display:flex;flex-direction:column;gap:var(--space-lg)}.appearance-page__syncing{margin:-8px 0 0}.appearance-page__section h2{margin:0 0 var(--space-md);font-size:1rem}.appearance-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md)}.appearance-option-card{display:flex;flex-direction:column;gap:8px;width:auto;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.appearance-option-card:hover{border-color:var(--color-accent)}.appearance-option-card.selected{border-color:var(--color-accent);background:var(--color-accent-soft)}.appearance-option-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.appearance-swatch{width:100%;height:auto;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.appearance-option-card__title{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.92rem}.appearance-option-card__check{margin-left:auto;color:var(--color-accent)}.appearance-option-card__description{color:var(--color-text-secondary);font-size:.8rem;line-height:1.4}.noc-shell{position:relative;width:100%;height:100dvh;overflow:hidden;background:#050a12}.noc-shell__content{height:100%;overflow:auto;padding:var(--space-lg)}.noc-shell__content--immersive{padding:0;overflow:hidden}.noc-menu-reveal-zone{position:fixed;inset:0 0 auto 0;height:12px;z-index:calc(var(--z-noc-chrome) + 1)}.noc-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-noc-chrome);display:flex;align-items:center;gap:var(--space-md);height:var(--top-header-height);padding:0 var(--space-lg);border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,#050a12f7,#050a12e6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--color-text-primary, #f8fafc);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}.noc-header--visible{transform:translateY(0);opacity:1;pointer-events:auto}@media (prefers-reduced-motion: reduce){.noc-header{transition-duration:.001ms}}[data-reduced-motion=true] .noc-header{transition-duration:.001ms}.noc-header__brand{display:inline-flex;width:auto;padding:0;border:0;background:transparent;cursor:pointer}.noc-header__badge{padding:3px 10px;border:1px solid rgba(34,211,238,.4);border-radius:999px;color:#22d3ee;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.noc-header__spacer{flex:1 1 auto}.noc-header__clock{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;font-variant-numeric:tabular-nums;font-weight:700;font-size:.95rem}.noc-header__date{color:var(--color-text-secondary, #94a3b8);font-size:.68rem;font-weight:500}.noc-header__user{max-width:160px;overflow:hidden;color:var(--color-text-secondary, #94a3b8);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.noc-header__exit{display:inline-flex;align-items:center;gap:6px;width:auto;padding:7px 12px;border:1px solid rgba(251,113,133,.4);border-radius:var(--radius-sm);background:#fb71851f;color:#fb7185;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap}.noc-header__exit:hover{background:#fb718533}.noc-exit-fab{position:fixed;right:var(--space-md);bottom:var(--space-md);z-index:var(--z-noc-chrome);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--color-border);border-radius:999px;background:#050a12bf;color:#f8fafc;opacity:.35;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .15s ease}.noc-exit-fab:hover,.noc-exit-fab:focus-visible{opacity:1}.notif-bell{position:relative;display:inline-flex}.notif-bell__trigger{position:relative}.notif-bell__badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--noc-status-high, #ef4444);color:#fff;font-size:.62rem;font-weight:800;line-height:16px;text-align:center}.sidebar-notifications{display:flex;justify-content:center;padding:0 0 8px}.notif-panel{position:fixed;box-sizing:border-box;z-index:var(--z-noc-chrome);max-height:min(70vh,560px);display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-lg);overflow:hidden;transform-origin:top right;animation:notif-panel-enter .14s ease-out}@keyframes notif-panel-enter{0%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--color-border)}.notif-panel__header h2{margin:0;font-size:.95rem}.notif-panel__subtitle{margin:2px 0 0;color:var(--color-text-secondary);font-size:.78rem}.notif-panel__body{flex:1;overflow-y:auto}.notif-panel__message{margin:0;padding:var(--space-lg) var(--space-md);color:var(--color-text-secondary);font-size:.85rem;text-align:center}.notif-panel__message--error{color:var(--color-danger)}.notif-panel__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:8px var(--space-md);border-top:1px solid var(--color-border)}.notif-panel__refresh-note{color:var(--color-text-secondary);font-size:.72rem}.notif-panel__see-all{width:auto;padding:5px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-accent);font-size:.78rem;font-weight:700;cursor:pointer}.notif-list{list-style:none;margin:0;padding:4px}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:9px 8px;border-radius:var(--radius-sm);color:inherit;text-decoration:none;cursor:pointer}.notif-item:hover,.notif-item:focus-visible{background:var(--color-accent-soft);outline:none}.notif-item__body{display:flex;flex-direction:column;gap:1px;min-width:0}.notif-item__title{font-size:.86rem;font-weight:700;color:var(--color-text-primary)}.notif-item__description{font-size:.8rem;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item__meta{display:flex;align-items:center;gap:6px;color:var(--color-text-secondary);font-size:.72rem}.notif-item__ack{display:inline-flex;align-items:center;gap:3px;color:var(--noc-status-success)}.notif-severity{flex-shrink:0;padding:2px 7px;border-radius:4px;font-size:.62rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.notif-severity--info{background:#3b82f629;color:var(--noc-status-info)}.notif-severity--warning{background:#eab30829;color:var(--noc-status-warning)}.notif-severity--average{background:#f9731629;color:var(--noc-status-average)}.notif-severity--high{background:#ef444429;color:var(--noc-status-high)}.notif-severity--disaster{background:#dc26262e;color:var(--noc-status-disaster)}.notif-severity--unknown{background:#64748b29;color:var(--noc-status-unknown)}.notif-toasts{position:fixed;top:calc(var(--top-header-height) + var(--space-md));right:var(--space-md);z-index:var(--z-noc-chrome);display:flex;flex-direction:column;gap:8px;width:min(320px,calc(100vw - 2 * var(--space-md)));pointer-events:none}.notif-toast{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0b1118f2;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:notif-toast-in .18s ease}@media (prefers-reduced-motion: reduce){.notif-toast{animation:none}}[data-reduced-motion=true] .notif-toast{animation:none}@keyframes notif-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-toast__body{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:.78rem}.notif-toast__body strong{color:var(--color-text-primary, #f8fafc)}.notif-toast__body span{color:var(--color-text-secondary, #94a3b8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--noc-bg-main: #07111f;--noc-bg-sidebar: #081421;--noc-bg-topbar: #091522;--noc-bg-panel: #0d1b2a;--noc-bg-card: #101f30;--noc-bg-card-hover: #14273b;--noc-border: #1c3147;--noc-border-soft: rgba(148, 163, 184, .12);--noc-text-primary: #f4f7fb;--noc-text-secondary: #9eb0c3;--noc-text-muted: #6f8499;--noc-primary: #2563eb;--noc-primary-soft: rgba(37, 99, 235, .16);--sidebar-width-expanded: 260px;--sidebar-width-collapsed: 74px;--topbar-height: 56px}.app-layout{min-height:100dvh;background:var(--noc-bg-main)}.app-sidebar{width:var(--sidebar-width-expanded);padding:0;background:var(--noc-bg-sidebar);border-right:1px solid var(--noc-border-soft);box-shadow:none;overflow:visible;transition:width .18s ease,transform .18s ease}.app-sidebar:hover,.app-sidebar.sidebar-pinned{width:var(--sidebar-width-expanded);box-shadow:none}.app-sidebar.sidebar-collapsed{width:var(--sidebar-width-collapsed)}.sidebar-header{min-height:var(--topbar-height);margin:0;padding:0 16px;border-bottom:1px solid var(--noc-border-soft)}.sidebar-brand{min-width:0;padding:0}.sidebar-navigation{gap:2px;padding:12px 10px 18px;scrollbar-width:thin;scrollbar-color:var(--noc-border) transparent}.sidebar-group{margin-bottom:8px}.sidebar-group-trigger{display:flex;align-items:center;gap:8px;width:100%;min-height:28px;padding:4px 8px;border:0;background:transparent;color:var(--noc-text-muted);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.sidebar-group-trigger:hover{color:var(--noc-text-primary)}.sidebar-group-icon{display:none;flex:0 0 auto}.sidebar-chevron{margin-left:auto;transition:transform .18s ease}.sidebar-chevron.open{transform:rotate(180deg)}.sidebar-group-items{display:grid;gap:2px}.sidebar-link,.sidebar-logout,.sidebar-user{min-width:0;min-height:36px;gap:11px;padding:0 10px;border-radius:6px;color:var(--noc-text-secondary);box-sizing:border-box;transform:none;transition:color .14s ease,background-color .14s ease,box-shadow .14s ease}.sidebar-link:hover,.sidebar-logout:hover,.sidebar-user:hover{background:var(--noc-bg-card-hover);color:var(--noc-text-primary);transform:none}.app-sidebar .sidebar-link,.app-sidebar:hover .sidebar-link,.app-sidebar:hover .sidebar-link:hover,.app-sidebar.sidebar-pinned .sidebar-link:hover{transform:none}.app-sidebar .sidebar-sublink,.app-sidebar:hover .sidebar-sublink,.app-sidebar.sidebar-pinned .sidebar-sublink{margin-left:12px}.app-sidebar .sidebar-link:hover,.app-sidebar .sidebar-link:focus-visible{box-shadow:inset 3px 0 #60a5fa8c}.app-sidebar .sidebar-link:focus-visible,.app-sidebar .sidebar-group-trigger:focus-visible,.app-sidebar .sidebar-collapse:focus-visible{outline:2px solid rgba(96,165,250,.8);outline-offset:-2px}.sidebar-link.active{color:#fff;background:linear-gradient(90deg,#2563ebe6,#2563eb9e);box-shadow:inset 3px 0 #60a5fa}.app-sidebar .sidebar-link.active:hover,.app-sidebar .sidebar-link.active:focus-visible{box-shadow:inset 3px 0 #93c5fd}.sidebar-icon{width:20px;min-width:20px;height:20px;color:currentColor}.sidebar-sublink{min-height:34px;margin-left:12px;padding-left:14px;font-size:.76rem}.sidebar-link-text,.sidebar-user-text,.sidebar-version{opacity:1;visibility:visible;transform:none}.sidebar-footer{padding:10px;border-top:1px solid var(--noc-border-soft)}.sidebar-user{display:flex;text-decoration:none}.sidebar-avatar{flex:0 0 30px;width:30px;height:30px;background:var(--noc-primary-soft);border:1px solid rgba(96,165,250,.32);color:#93c5fd}.sidebar-logout{border:0;background:transparent}.sidebar-version{margin:8px 0 0;padding:0 10px;color:var(--noc-text-muted)}.sidebar-collapse{position:absolute;top:72px;right:-13px;z-index:2;display:grid;place-items:center;width:26px;height:26px;padding:0;border:1px solid var(--noc-border);border-radius:50%;background:var(--noc-bg-panel);color:var(--noc-text-secondary);cursor:pointer}.sidebar-mobile-close,.sidebar-mobile-backdrop{display:none}.sidebar-collapsed .sidebar-header{justify-content:center;padding-inline:10px}.sidebar-collapsed .sidebar-group-trigger span,.sidebar-collapsed .sidebar-chevron,.sidebar-collapsed .sidebar-link-text,.sidebar-collapsed .sidebar-user-text,.sidebar-collapsed .sidebar-version{display:none}.sidebar-collapsed .sidebar-group-trigger{justify-content:center;min-height:22px}.sidebar-collapsed .sidebar-group-icon{display:block}.sidebar-collapsed .sidebar-link,.sidebar-collapsed .sidebar-user,.sidebar-collapsed .sidebar-logout{justify-content:center;padding-inline:0}.sidebar-collapsed .sidebar-sublink{margin-left:0}.app-content{min-height:100dvh;margin-left:var(--sidebar-width-expanded);background:var(--noc-bg-main);transition:margin-left .18s ease}.app-sidebar.sidebar-collapsed~.app-content{margin-left:var(--sidebar-width-collapsed)}.app-topbar{justify-content:space-between;gap:16px;height:var(--topbar-height);padding:0 18px;background:#091522f5;border-color:var(--noc-border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-topbar__leading,.app-topbar__actions{display:flex;align-items:center;gap:10px}.app-topbar__title{max-width:210px;overflow:hidden;color:var(--noc-text-primary);font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.app-topbar__search{width:min(360px,34vw);margin-right:auto}.app-topbar__search .global-search__trigger{width:100%;min-width:0;background:var(--noc-bg-card);border-color:var(--noc-border-soft)}.app-topbar__live{display:inline-flex;align-items:center;gap:5px;color:var(--noc-status-success);font-size:.76rem;white-space:nowrap}.app-topbar__menu{display:none}@media (max-width: 1100px){.app-topbar .company-selector{display:none}}@media (max-width: 760px){.app-sidebar,.app-sidebar.sidebar-collapsed{width:min(286px,88vw);transform:translate(-102%);box-shadow:18px 0 50px #00000073}.app-sidebar.sidebar-mobile-open{transform:translate(0)}.sidebar-mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-sidebar) - 1);display:block;width:100%;height:100%;padding:0;border:0;background:#020810ad}.sidebar-mobile-close{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:var(--noc-text-secondary)}.sidebar-collapse{display:none}.sidebar-collapsed .sidebar-group-trigger span,.sidebar-collapsed .sidebar-chevron,.sidebar-collapsed .sidebar-link-text,.sidebar-collapsed .sidebar-user-text,.sidebar-collapsed .sidebar-version{display:initial}.sidebar-collapsed .sidebar-group-icon{display:none}.sidebar-collapsed .sidebar-link,.sidebar-collapsed .sidebar-user,.sidebar-collapsed .sidebar-logout{justify-content:flex-start;padding-inline:10px}.app-content,.app-sidebar.sidebar-collapsed~.app-content{margin-left:0}.app-topbar{padding-inline:10px}.app-topbar__menu{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;background:transparent;color:var(--noc-text-primary)}.app-topbar__title,.app-topbar__live{display:none}.app-topbar__search{width:auto;margin-left:auto}}.action-menu__trigger{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:8px;border:1px solid var(--border-color, #26394d);background:var(--surface-elevated, #172536);color:var(--text-primary, #e8eef6);cursor:pointer}.action-menu__popover{z-index:1000;display:grid;min-width:180px;padding:5px;background:#172536;border:1px solid #2b3d51;border-radius:7px;box-shadow:0 12px 30px #0008}.action-menu__popover button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:5px;background:transparent;color:var(--text-primary, #e8eef6);text-align:left;cursor:pointer;font:inherit}.action-menu__popover button:hover{background:var(--surface-card, #111d2b)}.action-menu__popover button.danger{color:#ff7770}.action-menu__popover button:disabled{opacity:.55;cursor:not-allowed}