.vue-flow{z-index:0;direction:ltr;width:100%;height:100%;position:relative;overflow:hidden}.vue-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.vue-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{pointer-events:none;min-width:5px;min-height:5px;position:absolute}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.vue-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{z-index:5;margin:15px;position:absolute}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10px}}:root{--vf-node-bg:#fff;--vf-node-text:#222;--vf-connection-path:#b1b1b7;--vf-handle:#555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{text-align:center;width:150px;color:var(--vf-node-text);background-color:var(--vf-node-bg);border-style:solid;border-width:1px;border-color:var(--vf-node-color);border-radius:3px;padding:10px;font-size:12px}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid #555;outline:none}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color:var(--vf-node-color,#0041d0);--vf-handle:var(--vf-node-color,#0041d0);--vf-box-shadow:var(--vf-node-color,#0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color,#0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{border:1px solid var(--vf-node-color,#0041d0);outline:none}.vue-flow__node-default{--vf-handle:var(--vf-node-color,#1a192b);--vf-box-shadow:var(--vf-node-color,#1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color,#1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{border:1px solid var(--vf-node-color,#1a192b);outline:none}.vue-flow__node-output{--vf-handle:var(--vf-node-color,#ff0072);--vf-box-shadow:var(--vf-node-color,#ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color,#ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid var(--vf-node-color,#ff0072);outline:none}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{background:var(--vf-handle);border:1px solid #fff;border-radius:100%;width:6px;height:6px}.vue-flow__controls{box-shadow:0 0 2px 1px #00000014}.vue-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.vue-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.vue-flow__controls-button:disabled{pointer-events:none}.vue-flow__controls-button:disabled svg{fill-opacity:.4}.vue-flow__controls-button{color:#f3f5fa;background:#20232e;border-color:#404755;border-radius:0;min-width:18px;min-height:18px}.vue-flow__controls-button:hover{background:#343b49}.vue-flow__controls-button svg{fill:currentColor;display:block}.topology-hosting-anchor{opacity:0;pointer-events:none}.topology-node.is-selected{outline-offset:3px;outline:2px solid #69caff;box-shadow:0 0 0 7px #38bdf81a,0 0 24px #38bdf845}.topology-resource-node{cursor:grab;-webkit-user-select:none;user-select:none}.vue-flow__node.dragging .topology-resource-node{cursor:grabbing}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-blue:#00a8f4;--brand-purple:#7030a0;--ink:#f2f2f2;--muted:#aeb7c7;--canvas:#171822;--surface:#141923;--nav:#121520;--selected:#2f2049;--line:#303846;--danger:#ef7777;--radius:.4375rem;background:var(--canvas);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:1rem}*{box-sizing:border-box}body{background:var(--canvas);min-width:20rem;margin:0;font-size:.9375rem;line-height:1.5}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}a:hover,.text-link:hover{color:var(--brand-blue)}button{cursor:pointer}.shell{min-height:100vh}.sidebar{background:var(--nav);border-right:.0625rem solid var(--line);z-index:3;flex-direction:column;width:15rem;padding:1.1rem .85rem;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:.0625rem solid var(--line);align-items:center;gap:.7rem;padding:.35rem .4rem 1.1rem;display:flex}.brand-mark{background:var(--brand-blue);color:#07131b;border-radius:.25rem;place-items:center;width:2.5rem;height:2.5rem;font-size:1.3rem;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:.75rem}.sidebar nav{scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.sidebar>.brand,.sidebar>form{flex-shrink:0}.nav-group summary{cursor:pointer;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:.3rem;font-size:.69rem;font-weight:700}.sidebar .nav-group{padding-top:.7rem}.sidebar .nav-link{margin:.05rem 0;padding:.4rem .65rem}.site-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.site-tabs [aria-pressed=true]{color:var(--text);background:#292e38;border-color:#69717e}.supervision-diagnostic summary{cursor:pointer;color:var(--muted);font-size:.8rem}.nav-group{padding-top:1.15rem}.nav-group h2,.eyebrow{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 .4rem;font-size:.69rem;font-weight:700}.nav-link{color:#dbe2eb;border-radius:.3125rem;margin:.15rem 0;padding:.55rem .65rem;font-size:.88rem;display:block}.nav-link:hover{color:#fff;background:#202532}.nav-link.selected{color:#fff;box-shadow:none;background:#272c36}.logout{text-align:left;background:0 0;border:0;width:100%;margin-top:auto}.main{max-width:calc(100vw - 15rem);min-height:100vh;margin-left:15rem;padding:0 2rem 3rem}.topbar{border-bottom:.0625rem solid var(--line);height:4rem;color:var(--muted);justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.breadcrumbs{align-items:center;gap:.6rem;display:flex}.breadcrumbs span:last-child,.account{color:var(--ink)}.page-heading{border-bottom:.0625rem solid var(--line);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1.5rem 0;display:flex}.page-heading h1{margin:.2rem 0 .35rem;font-size:1.65rem;line-height:1.2}.muted{color:var(--muted);margin:.2rem 0}.panel{background:var(--surface);border:.0625rem solid var(--line);border-radius:var(--radius);margin:1rem 0;padding:1.1rem}.panel h2{margin:0 0 .4rem;font-size:1.12rem}.toolbar,.section-heading,.heading-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.search-label{width:min(28rem,100%)}label{flex-direction:column;gap:.35rem;font-size:.84rem;font-weight:600;display:flex}input,select{color:var(--ink);background:#10141b;border:.0625rem solid #465161;border-radius:.3125rem;min-height:2.55rem;padding:.6rem .7rem}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:.125rem solid var(--brand-blue);outline-offset:.125rem}input::placeholder{color:#8791a0}.button,.primary{min-height:2.45rem;color:var(--ink);background:#202633;border:.0625rem solid #465161;border-radius:.3125rem;justify-content:center;align-items:center;padding:.5rem .8rem;font-size:.87rem;font-weight:600;display:inline-flex}.button:hover{color:#fff;background:#293343}.primary{background:var(--brand-blue);border-color:var(--brand-blue);color:#06141d}.primary:hover{color:#07131b;background:#37baff}.primary:disabled{opacity:.55;cursor:not-allowed}.small{min-height:2rem;padding:.35rem .6rem;font-size:.82rem}.table-wrap{margin-top:.8rem;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:.0625rem solid var(--line);padding:.75rem .65rem}th{color:var(--muted);font-size:.75rem;font-weight:600}td{font-size:.9rem}.table-link,.text-link{color:var(--brand-blue);font-weight:600}.pagination{justify-content:flex-end;gap:.3rem;margin-top:.8rem;display:flex}.empty{color:var(--muted);padding:1.2rem}.form-panel{margin-top:1.4rem}.inline-form,.form-grid,.connect-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:.9rem;display:grid}.inline-form{grid-template-columns:minmax(12rem,1fr) auto;max-width:44rem}.form-grid>div{align-self:end}.field-error{color:var(--danger);font-size:.82rem}.flash{border:1px solid var(--line);background:#12302d;margin-top:.8rem;padding:.65rem .85rem}.site-row,.equipment-row{border-bottom:.0625rem solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.site-row:last-child,.equipment-row:last-child{border:0}.site-row h3{margin:0;font-size:1rem}.equipment-row>div{flex-direction:column;gap:.45rem;display:flex}.topology-panel{height:min(68vh,48rem);min-height:28rem;padding:0;overflow:hidden}.topology-panel .vue-flow{background:#11151b}.topology-workspace{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:min(72vh,54rem);min-height:34rem;padding:0;display:grid;overflow:hidden}.topology-workspace.has-inspector{grid-template-columns:minmax(0,1fr) minmax(16rem,20rem)}.topology-workspace>.topology-legends{grid-area:1/1/auto/-1;min-width:0}.topology-legends>.topology-legend{border-bottom:1px solid var(--line);margin:0;padding:.6rem .8rem}.topology-workspace>.vue-flow{background:#11151b;grid-area:2/1;min-width:0;min-height:0}.topology-workspace>.empty{grid-area:2/1;align-self:center;margin:1rem}.topology-workspace>.topology-inspector{grid-area:2/2}.topology-map-toolbar{grid-template-columns:minmax(12rem,1fr) minmax(18rem,1fr);align-items:end;gap:.85rem 1rem;display:grid}.topology-map-toolbar label{gap:.35rem;min-width:0;display:grid}.topology-create-map{align-items:end;gap:.5rem;display:flex}.topology-create-map label{flex:1}.topology-inventory-picker{grid-column:1/-1;gap:.45rem;display:grid;position:relative}.topology-inventory-results{z-index:20;border:1px solid var(--line);background:var(--surface);border-radius:.45rem;max-height:15rem;margin:0;padding:.35rem;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 .5rem 1.5rem #0000004d}.topology-inventory-results li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem;display:flex}.topology-inventory-results li:last-child{border-bottom:0}.topology-inspector{border-left:.0625rem solid var(--line);background:var(--surface);min-width:0;padding:1rem;overflow-y:auto}.topology-dialog-backdrop{z-index:1000;background:#000000ad;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.topology-add-dialog{background:var(--surface);width:min(42rem,100%);max-height:min(90dvh,52rem);overflow-y:auto}.topology-add-dialog .section-heading{align-items:flex-start}.topology-add-dialog h2{margin:.2rem 0 0}.topology-inspector h2{overflow-wrap:anywhere;margin:.2rem 0 .5rem;font-size:1.05rem}.inspector-navigation{z-index:5;border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.4rem;margin:-1rem -1rem 1rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.topology-module-editor{scroll-margin-top:5rem}.inspector-danger-zone{border-top:1px solid var(--line);gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:grid}.topology-inspector>.button,.topology-inspector>button{margin-top:.8rem}.topology-removed-equipment{border-top:1px solid var(--line);margin-top:1rem;padding-top:.85rem}.topology-removed-equipment ul{margin:.5rem 0 0;padding:0;list-style:none}.topology-removed-equipment li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:.6rem;padding:.55rem 0;display:flex}.topology-removed-equipment li span{overflow-wrap:anywhere;min-width:0}.topology-removed-equipment li small{color:var(--muted);display:block}.topology-link-editor{grid-template-columns:minmax(0,1fr);gap:.65rem;margin:.9rem 0}.topology-module-editor{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:.65rem;margin:.9rem 0;padding-top:.8rem}.topology-module-editor h3{margin:0;font-size:1rem}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.5rem;margin:0;display:grid}.detail-grid>div{min-width:0}.detail-grid dt{color:var(--muted);font-size:.82rem}.detail-grid dd{overflow-wrap:anywhere;margin:.2rem 0 0}.topology-note{font-size:.82rem}.inspector-ports{margin:.8rem 0;padding:0;list-style:none}.inspector-ports li{border-bottom:.0625rem solid var(--line);justify-content:space-between;gap:.5rem;padding:.45rem 0;display:flex}.danger-button{background:#392124;border-color:#8d4545}.dashboard-create-form,.dashboard-settings-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.dashboard-create-form .checkbox-label,.dashboard-settings-form .checkbox-label{align-items:center;gap:.55rem;display:flex}.dashboard-create-form .checkbox-label input,.dashboard-settings-form .checkbox-label input{width:auto}.dashboard-default-label{color:var(--muted);font-size:.78rem;display:block}.dashboard-widget-form{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.dashboard-widget-form h3{grid-column:1/-1}.dashboard-widget-form small{color:var(--muted);margin-top:.25rem;display:block}.dashboard-equipment-picker{position:relative}.dashboard-search-results{z-index:5;background:var(--surface,#141923);border:1px solid var(--line);max-height:16rem;margin:0;padding:.4rem;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:auto}.dashboard-search-results .button{text-align:left;width:100%;margin:.15rem 0}.dashboard-widget-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.dashboard-scope-picker{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.75rem;display:grid}.dashboard-scope-picker>label{gap:.35rem;min-width:0;display:grid}.dashboard-scope-picker>small{color:#a8b2c1;grid-column:1/-1}.dashboard-scope-picker .dashboard-search-results{max-height:12rem;position:static}.dashboard-widget-card{flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.dashboard-widget-resize-handle{color:#c8d3e1;cursor:nwse-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:#202733;border:1px solid #465365;border-radius:.4rem;width:2.5rem;height:2.5rem;position:absolute;bottom:.35rem;right:.35rem}.dashboard-widget-resize-handle:focus-visible{outline-offset:2px;outline:2px solid #00a8f4}.dashboard-widget-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:.6rem;padding-bottom:.65rem;display:flex}.dashboard-widget-heading h2{margin:0;font-size:1rem}.dashboard-widget-heading small{color:var(--muted)}.dashboard-widget-actions,.wallboard-controls,.wallboard-launch-controls{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.dashboard-widget-body{flex-direction:column;flex:1;min-height:0;padding-top:.6rem;display:flex;position:relative}.dashboard-widget-state{margin:auto 0;padding:1rem 0}.dashboard-widget-state.state-warning{border:1px solid var(--line);color:#f3d28d;margin-bottom:.75rem;padding:.55rem .75rem}.dashboard-stat-value{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;display:flex}.dashboard-stat-value strong{font-size:clamp(2.2rem,6vw,4rem);line-height:1}.dashboard-stat-value small,.dashboard-widget-updated{color:var(--muted)}.dashboard-chart-wrap{min-height:8rem;color:var(--brand-blue,#00a8f4);flex-direction:column;flex:1;justify-content:center;display:flex}.dashboard-chart{width:100%;height:clamp(8rem,16vw,14rem);display:block;overflow:visible}.dashboard-chart-summary{color:var(--ink);justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.dashboard-chart-summary span{font-size:1.35rem;font-weight:700}.dashboard-chart-summary small{color:var(--muted)}.dashboard-widget-updated{margin-top:auto;padding-top:.5rem;font-size:.75rem;display:block}.dashboard-data-list{margin:0;padding:0;list-style:none;overflow:auto}.dashboard-data-list li{border-bottom:1px solid var(--line);padding:.55rem 0}.dashboard-data-list small{color:var(--muted);overflow-wrap:anywhere;margin-top:.2rem;display:block}.dashboard-availability{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:.6rem;display:flex}.dashboard-availability strong{font-size:1.2rem}.dashboard-availability small{color:var(--muted);overflow-wrap:anywhere}.dashboard-mini-table{flex:1;overflow:auto}.dashboard-mini-table table{font-size:.85rem}.dashboard-save-layout{z-index:4;background:var(--surface,#141923);border:1px solid var(--line);border-radius:.5rem;justify-content:flex-end;align-items:center;gap:.8rem;margin:1rem 0;padding:.7rem;display:flex;position:sticky;bottom:1rem}.wallboard-launch-panel{justify-content:space-between;align-items:end;gap:1rem;display:flex}.wallboard-launch-controls label{min-width:13rem}.wallboard-shell{z-index:1000;color:#f2f2f2;background:#101219;flex-direction:column;padding:clamp(1rem,2vw,2.5rem);display:flex;position:fixed;inset:0;overflow:auto}.wallboard-header{border-bottom:1px solid #343a46;grid-template-columns:1fr auto auto;align-items:center;gap:2rem;padding-bottom:1rem;display:grid}.wallboard-header p{color:#a8b2c1;letter-spacing:.06em;margin:0;font-size:.75rem}.wallboard-header h1{margin:.2rem 0 0;font-size:clamp(1.35rem,2vw,2rem)}.wallboard-clock{flex-direction:column;align-items:end;display:flex}.wallboard-clock time{font-variant-numeric:tabular-nums;font-size:clamp(1.4rem,2.2vw,2.1rem)}.wallboard-clock span,.wallboard-controls>span,.wallboard-footer{color:#a8b2c1;font-size:.82rem}.wallboard-widget-grid{flex:1;align-content:start;margin:1.2rem 0}.wallboard-shell .panel{color:#f2f2f2;box-shadow:none;background:#171b24;border-color:#353d4a}.wallboard-shell .dashboard-widget-heading{border-color:#353d4a}.wallboard-shell .muted,.wallboard-shell .dashboard-widget-updated,.wallboard-shell .dashboard-data-list small,.wallboard-shell .dashboard-availability small{color:#a8b2c1}.wallboard-shell a{color:#69c9ff}.wallboard-footer{border-top:1px solid #343a46;justify-content:space-between;gap:1rem;padding-top:.65rem;display:flex}.wallboard-shell:fullscreen{width:100vw;height:100vh}@media (width<=1000px){.dashboard-widget-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-widget-grid .widget-w-3{grid-column:span 2!important}.wallboard-header{grid-template-columns:1fr auto}.wallboard-controls{grid-column:1/-1;justify-content:space-between}}@media (width<=640px){.dashboard-create-form,.dashboard-settings-form,.dashboard-widget-form{grid-template-columns:minmax(0,1fr)}.dashboard-scope-picker{grid-column:1;grid-template-columns:minmax(0,1fr)}.dashboard-scope-picker>small{grid-column:1}.dashboard-widget-grid{grid-template-columns:minmax(0,1fr)}.dashboard-widget-grid .dashboard-widget-card,.dashboard-widget-grid .widget-w-2,.dashboard-widget-grid .widget-w-3{grid-column:span 1!important}.dashboard-widget-card{min-height:14rem!important}.dashboard-widget-resize-handle{width:2.75rem;height:2.75rem}.dashboard-widget-heading{flex-direction:column}.wallboard-shell{padding:.75rem}.wallboard-header{grid-template-columns:1fr auto;gap:.5rem}.wallboard-controls{grid-column:1/-1;align-items:stretch}.wallboard-controls .button{flex:1}.wallboard-footer{flex-direction:column}.wallboard-mini-table th:nth-child(3),.wallboard-mini-table td:nth-child(3){display:none}}.equipment-danger-zone{border-color:#704047;justify-content:space-between;align-items:center;gap:1rem;display:flex}.equipment-danger-zone h2{margin:0}.equipment-danger-zone p{margin:.35rem 0 0}@media (width<=640px){.equipment-danger-zone{flex-direction:column;align-items:stretch}.equipment-danger-zone button{width:100%;min-height:2.75rem}}.vue-flow__node-equipment{width:25rem;color:var(--ink);box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.topology-node{width:25rem;box-shadow:none;background:#1b222c;border:.0625rem solid #48566a;border-left-width:1px;border-radius:.375rem;padding:.7rem}.topology-resource-node{width:14rem;min-height:6rem;color:var(--text);background:#1b1921;border:1px solid #765994;border-radius:.35rem;gap:.3rem;padding:.7rem;display:grid;box-shadow:0 2px 8px #0004}.topology-resource-node small{color:var(--muted);font-size:.65rem}.topology-resource-node span{font-size:.75rem}.topology-resource-status{color:#d2bee8}.topology-state{--state-color:#a2adbb}.topology-state-good{--state-color:#53d9ab}.topology-state-bad{--state-color:#ff858d}.topology-state-off{--state-color:#f0c66c}.topology-state-stopped{--state-color:#9ab4e8}.topology-state-unknown{--state-color:#a2adbb}.topology-state-label{color:var(--state-color);font-weight:600}.topology-state-label:before{content:"";background:var(--state-color);border-radius:50%;width:.5rem;height:.5rem;margin-right:.4rem;display:inline-block}.topology-state-legend{border-bottom:1px solid var(--border);margin:0;padding:.6rem .8rem}.live-supervision-bar{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-bottom:1rem;font-size:.8rem;display:flex}.live-supervision-bar .field-error{flex-basis:100%;margin:0}.site-supervision-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.8rem;margin:1rem 0;display:grid}.site-supervision-card{text-align:left;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#1b2028;border-radius:.4rem;gap:.45rem;padding:1rem;display:grid}.site-supervision-card[aria-pressed=true]{background:#252b35;border-color:#788291}.site-supervision-card.topology-state-unknown{background:#1b2028}.site-supervision-card small{color:var(--muted)}.site-equipment-details{border-top:1px solid var(--line);padding-top:1rem}.supervision-module{border:1px solid var(--line);overflow-wrap:anywhere;background:#1b2028;border-radius:.3rem;padding:.8rem}.topology-legend{color:var(--muted);flex-wrap:wrap;gap:.55rem 1rem;font-size:.75rem;display:flex}.topology-legend>span{align-items:center;gap:.35rem;display:inline-flex}.topology-legend .topology-port-snmp{flex:0 0 .48rem;position:static}.topology-legend-link,.topology-legend-virtual{border-top:2px solid var(--brand-blue);width:1.2rem;display:inline-block}.topology-legend-virtual{border-top-style:dashed;border-top-color:#9c7bc2}.topology-node header{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.topology-node-monitoring{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.35rem;margin:.2rem 0 .55rem;font-size:.75rem;display:flex;overflow:hidden}.topology-node-monitoring-dot{background:#8d96a3;border-radius:50%;flex:none;width:.5rem;height:.5rem}.topology-node-monitoring-dot.observed{background:#42c99a}.topology-node-monitoring-dot.failed{background:#e2b454}.topology-node-monitoring-dot.stale{background:#8d96a3}.topology-monitoring-details{gap:.45rem;margin:.7rem 0;display:grid}.topology-monitoring-details h3{margin:0;font-size:.9rem}.topology-monitoring-details article{border:1px solid var(--line);border-radius:.25rem;gap:.2rem;padding:.5rem;font-size:.8rem;display:grid}.topology-monitoring-details article span,.topology-monitoring-details article small{color:var(--muted)}.topology-model-image,.model-thumbnail{object-fit:contain;border:.0625rem solid var(--line);background:#f2f2f2;border-radius:.25rem;flex:none;width:2.5rem;height:2.5rem}.model-image-placeholder{border:.0625rem solid var(--line);background:var(--surface);width:2.5rem;height:2.5rem;color:var(--muted);vertical-align:middle;border-radius:.25rem;flex:none;justify-content:center;align-items:center;margin-right:.65rem;font-size:.7rem;font-weight:700;display:inline-flex}.topology-image-placeholder{width:2rem;height:2rem;margin-right:0}.model-thumbnail{vertical-align:middle;margin-right:.65rem;display:inline-block}.model-selection-summary{align-items:center;gap:.65rem;display:flex}.model-image-preview{align-items:center;gap:.7rem;margin-top:.5rem;display:flex}.model-image-preview img{object-fit:contain;border:.0625rem solid var(--line);background:#f2f2f2;border-radius:.25rem;width:5rem;height:5rem}.port-batch-builder,.port-bulk-toolbar{border:.0625rem solid var(--line);background:var(--surface);border-radius:.35rem;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));align-items:end;gap:.65rem;margin:.75rem 0;padding:.75rem;display:grid}.port-batch-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.45rem;display:flex}.port-filter-toolbar{grid-template-columns:minmax(12rem,2fr) minmax(9rem,1fr) auto auto;align-items:end;gap:.55rem;margin:.7rem 0;display:grid}.port-filter-toolbar .button{min-height:2.75rem}.port-model-grid{grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:.55rem;display:grid}.port-model-row{border:.0625rem solid var(--line);background:var(--surface);border-radius:.3rem;min-width:0;padding:.55rem}.port-model-summary{align-items:center;gap:.5rem;min-width:0;display:flex}.port-model-summary-label{flex:auto;min-width:0;display:block}.port-model-summary-label strong,.port-model-summary-label small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.port-model-summary-label small{color:var(--muted);font-size:.72rem}.port-model-fields{border-top:.0625rem solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.55rem;padding-top:.55rem;display:grid}.port-model-summary>input[type=checkbox]{flex:none;min-width:1.2rem;min-height:1.2rem}.port-model-summary .button{flex:none;min-height:2.5rem;padding:.35rem}.port-model-fields label,.port-model-fields input,.port-model-fields select{min-width:0}.topology-node header strong,.topology-node header span{text-overflow:ellipsis;overflow:hidden}.topology-node header span{color:var(--muted);font-size:.78rem}.topology-port-list{grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:.3rem;display:grid}.topology-port-row{background:#101820;border:.0625rem solid #344153;border-radius:.2rem;min-width:0;min-height:2.75rem;font-size:.72rem;position:relative}.topology-port-row.connected{background:#17231f;border-color:#3b6b62}.topology-port-select{border-radius:inherit;width:100%;min-width:0;min-height:2.75rem;color:inherit;text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;padding:.25rem .9rem .25rem .25rem;display:flex}.topology-port-select:disabled{cursor:default;opacity:.68}.topology-port-select.selected{outline:.125rem solid var(--brand-blue);outline-offset:-.125rem}.topology-port-number{color:var(--muted);text-align:center;min-width:1.2rem}.topology-port-name{text-overflow:ellipsis;white-space:nowrap;text-align:center;min-width:0;overflow:hidden}.topology-port-snmp{background:#8b929b;border:1px solid #11151b;border-radius:50%;width:.48rem;height:.48rem;position:absolute;top:.2rem;right:.2rem}.topology-port-snmp.up{background:#39c89a}.topology-port-snmp.down{background:#e5ad52}.topology-port-snmp.stale{background:#87909a}.inspector-port-item{gap:.35rem;display:grid}.snmp-port-observation{border-left:1px solid var(--line);gap:.2rem;padding-left:.55rem;display:grid}.snmp-port-observation small{color:var(--muted)}.topology-port-row .vue-flow__handle{z-index:2;background:var(--brand-blue);touch-action:none;border:.125rem solid #11151b;width:.8rem;height:.8rem}.topology-port-row.connected .vue-flow__handle{background:#45c59a}.topology-no-ports{color:var(--muted);margin:.4rem 0 0;font-size:.8rem}.vue-flow__edge.selected .vue-flow__edge-path{stroke:#e3b950;stroke-width:4px}.vue-flow__edge-textbg{fill:#171822;fill-opacity:.95}.vue-flow__edge-text{fill:var(--ink);font-size:.75rem}.vue-flow__node-equipment,.vue-flow__node-equipment *{-webkit-user-select:none;user-select:none}.topology-inspector input,.topology-inspector textarea{-webkit-user-select:text;user-select:text}.topology-node>span{display:block}.port-chips{flex-wrap:wrap;gap:.3rem;margin-top:.55rem;display:flex}.port-chip{color:#c8d8e5;background:#101820;border:.0625rem solid #344153;border-radius:.25rem;padding:.12rem .35rem;font-size:.7rem}.connect-form{grid-template-columns:1fr 1fr auto}.provenance{margin-top:.7rem;font-size:.8rem}.login-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-panel{background:var(--surface);border:.0625rem solid var(--line);border-radius:.5rem;gap:1rem;width:min(25rem,100%);padding:1.5rem;display:grid}.login-panel h1{margin:.2rem 0}.login-brand{border:0;padding:0}.check{flex-direction:row;align-items:center;display:flex}.check input{min-height:1rem}.mobile-nav{display:none}@media (width<=53.125rem){.topology-workspace.has-inspector{grid-template-columns:minmax(0,1fr)}.topology-workspace>.topology-inspector{grid-area:3/1}.sidebar{width:12rem;padding:.8rem .55rem}.main{max-width:calc(100vw - 12rem);margin-left:12rem;padding:0 1.2rem 2rem}.page-heading{flex-direction:column;align-items:flex-start}.heading-actions{flex-wrap:wrap}.connect-form{grid-template-columns:1fr}.topology-panel{height:60vh}.topology-workspace{grid-template-rows:auto minmax(24rem,1fr) auto;grid-template-columns:minmax(0,1fr);height:72vh;min-height:38rem}.topology-map-toolbar{grid-template-columns:minmax(0,1fr)}.topology-inventory-picker{grid-column:auto}.topology-inventory-results li,.topology-create-map{flex-direction:column;align-items:stretch}.topology-inspector{border-left:0;border-top:.0625rem solid var(--line);max-height:14rem}.port-model-grid,.port-filter-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.port-bulk-toolbar>button,.port-batch-actions>button{min-height:2.75rem}}@media (width<=37.5rem){.sidebar{border-right:0;border-bottom:.0625rem solid var(--line);width:100%;height:auto;max-height:none;padding:.5rem .8rem;position:sticky;inset:0 0 auto}.brand{border-bottom:0;padding:.15rem .2rem .5rem}.brand-mark{width:2rem;height:2rem}.sidebar nav{gap:.25rem;display:flex;overflow-x:auto}.sidebar .nav-group{padding-top:0}.nav-group{white-space:nowrap;align-items:center;padding:0;display:flex}.nav-group h2{display:none}.nav-link{padding:.45rem .55rem}.logout{width:auto;margin:0;padding:.4rem .5rem;position:absolute;top:.55rem;right:.65rem}.main{max-width:none;margin:0;padding:0 .8rem 2rem}.topbar{height:3rem}.account{display:none}.page-heading{padding:1rem 0}.page-heading h1{font-size:1.45rem}.panel{padding:.85rem}.toolbar{flex-direction:column;align-items:flex-start}.inline-form,.form-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:minmax(0,1fr)}.topology-panel{height:55vh;min-height:24rem}.topology-workspace{height:72vh;min-height:37rem}.topology-dialog-backdrop{align-items:stretch;padding:0}.topology-add-dialog{border-radius:0;width:100%;max-height:100dvh}.vue-flow__node-equipment,.topology-node{width:min(20rem,100vw - 3rem)}.topology-port-list{grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr))}.topology-workspace{grid-template-rows:auto minmax(20rem,1fr) auto;height:78dvh;min-height:32rem}.topology-workspace>.topology-legends{grid-area:1/1}.topology-workspace>.vue-flow,.topology-workspace>.empty{grid-area:2/1}.topology-workspace>.topology-inspector{grid-area:3/1}.topology-inspector{max-height:13rem;padding:.7rem}.inspector-navigation{margin:-.7rem -.7rem .75rem;padding:.65rem .7rem}.topology-port-row,.topology-port-select{min-height:2.75rem}.port-model-grid,.port-filter-toolbar{grid-template-columns:minmax(0,1fr)}.port-model-row button{min-height:2.75rem}.table-wrap{margin-left:-.25rem;margin-right:-.25rem}.site-row{align-items:flex-start}.site-row .button{white-space:nowrap}}.brand-logo{object-fit:contain;background:#fff;border-radius:.1875rem;width:2.7rem;height:2.7rem}.login-brand{border-bottom:0;padding:0}.login-panel .brand-logo{width:3rem;height:3rem}.vue-flow__node{-webkit-user-select:none;user-select:none}.state-neutral{color:#cbd0d8;border:.0625rem solid #6b7280;border-radius:.25rem;align-items:center;padding:.12rem .4rem;font-size:.75rem;display:inline-flex}.client-status h2{margin:.8rem 0 .35rem}.client-sites{margin:.5rem 0;padding:0;list-style:none}.client-sites li{border-bottom:.0625rem solid var(--line);justify-content:space-between;gap:1rem;padding:.7rem 0;display:flex}.form-note,.wide-field{grid-column:1/-1}.wide-field{border-top:.0625rem solid var(--line);padding-top:.75rem}.wide-field h3{margin:.2rem 0}.port-edit-row{border-bottom:.0625rem solid var(--line);grid-template-columns:1fr .6fr 1fr 1fr auto;align-items:end;gap:.6rem;padding:.7rem 0;display:grid}.port-edit-card{border-bottom:.0625rem solid var(--line);padding:.55rem 0}.collapsible-item{border:1px solid var(--line);border-radius:.4rem;margin:.45rem 0;padding:0}.collapsible-item>summary{cursor:pointer;list-style:none}.collapsible-item>summary::-webkit-details-marker{display:none}.port-summary{grid-template-columns:minmax(12rem,1fr) auto minmax(9rem,auto) auto;align-items:center;gap:.8rem;min-height:3.3rem;padding:.65rem .8rem;display:grid}.port-summary>span:first-child{gap:.2rem;display:grid}.port-summary small{color:var(--muted);font-size:.82rem;font-weight:400}.port-summary:after{content:"＋";color:var(--muted);grid-area:1/4;justify-self:end}.collapsible-item[open]>.port-summary:after{content:"−"}.disclosure-hint{text-align:right;font-size:.82rem}.collapsible-item>:not(summary){margin-left:.8rem;margin-right:.8rem}.collapsible-item>.port-edit-form{margin-top:.7rem;margin-bottom:.8rem}.collapsible-item>.port-observations{margin-top:.5rem}.equipment-edit-panel{padding:.8rem 1.1rem}.edit-content{padding-top:.75rem}.section-heading{align-items:flex-start}.section-heading h2{margin-bottom:.2rem}.section-heading p{margin:0}.port-edit-card .port-edit-row{border-bottom:0;padding-bottom:0}.port-edit-form{gap:.7rem;display:grid}.port-address-list{border-top:.0625rem solid var(--line);gap:.45rem;padding-top:.55rem;display:grid}.port-address-row{grid-template-columns:minmax(8rem,1.4fr) minmax(4rem,.5fr) minmax(8rem,1fr) auto;align-items:end;gap:.5rem;display:grid}.token-value{overflow-wrap:anywhere;border:1px solid var(--line);color:var(--text);background:var(--surface);-webkit-user-select:all;user-select:all;border-radius:.35rem;padding:.8rem;display:block}.observation-history{max-height:14rem;color:var(--muted);padding-left:1.25rem;overflow:auto}.monitoring-payload{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--line);border-radius:.35rem;max-height:22rem;padding:.75rem;font-size:.8rem;overflow:auto}.module-form{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1rem}.module-form h3{grid-column:1/-1;margin:0}.module-collection-mode{border:1px solid var(--line);background:var(--surface);color:var(--muted);grid-column:1/-1;margin:0;padding:.75rem}.actions-row{flex-wrap:wrap;gap:.5rem;display:flex}.list-toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.search-form{flex-wrap:wrap;gap:.5rem;display:flex}.search-form select{min-width:12rem}.cell-subtitle{color:var(--muted);display:block}.pagination{flex-wrap:wrap;gap:.35rem;margin-top:1rem;display:flex}.pagination .selected{outline:1px solid var(--brand-blue)}.token-value+*{-webkit-user-select:text;user-select:text}.state-good,.state-danger{border:1px solid;border-radius:999px;padding:.15rem .55rem;font-size:.8rem;display:inline-block}.state-good{color:#55c99a}.state-danger{color:#f17b7b}.port-observations{flex-wrap:wrap;gap:.35rem;margin:.4rem 0;display:flex}.port-observations span{border:.0625rem solid var(--line);color:var(--muted);border-radius:.2rem;padding:.15rem .35rem;font-size:.75rem}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1.25rem 0;display:grid}.summary-item{border:.0625rem solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;padding:1rem}.summary-item strong,.summary-item span{display:block}.summary-item strong{font-size:1.55rem}.summary-item span{color:var(--muted);font-size:.82rem}.dashboard-next{justify-content:space-between;align-items:center;gap:1rem;display:flex}.access-user,.role-card{border-bottom:.0625rem solid var(--line);padding:1rem 0}.access-user:last-of-type,.role-card:last-of-type{border-bottom:0}.access-user>summary,.role-card>summary{cursor:pointer}.access-user>summary .access-user-heading,.role-card>summary .role-heading{vertical-align:top;width:calc(100% - 1.5rem);display:inline-flex}.access-user-email{overflow-wrap:anywhere;margin-top:.35rem;display:block}.access-user[open]>summary,.role-card[open]>summary{margin-bottom:1rem}.access-user-heading,.role-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.access-user-heading h2,.role-heading h3{margin:0}.access-fieldset{border:.0625rem solid var(--line);border-radius:var(--radius);min-width:0;padding:.7rem}.access-fieldset legend{padding:0 .3rem;font-size:.85rem;font-weight:700}.access-fieldset .check{margin:.3rem 0}.access-fieldset .check input,.permission-item input{accent-color:var(--brand-blue)}.access-summary{margin-top:.7rem;font-size:.8rem}.state-disabled{color:#c0c5ce;border:.0625rem solid #5b626d;border-radius:.25rem;padding:.12rem .4rem;font-size:.75rem;display:inline-flex}.permission-groups{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.permission-item{flex-direction:row;align-items:flex-start;gap:.55rem;margin:.5rem 0;display:flex}.permission-item span,.permission-item small{display:block}.permission-item strong{font-size:.82rem;font-weight:600}.permission-item small{color:var(--muted);font-size:.72rem}.role-heading{grid-column:1/-1}.activity-filters{grid-template-columns:minmax(12rem,2fr) repeat(3,minmax(8rem,1fr));gap:.7rem;margin-bottom:1rem;display:grid}.activity-row{border-bottom:.0625rem solid var(--line);grid-template-columns:12rem minmax(10rem,1fr) minmax(12rem,1fr);gap:.35rem .8rem;padding:.75rem 0;display:grid}.activity-row time,.activity-row small{color:var(--muted);font-size:.8rem}.activity-row small{grid-column:2/-1}.model-description{white-space:pre-wrap;max-width:68rem;margin:.45rem 0}.model-editor{border-top:.0625rem solid var(--line);grid-column:1/-1;width:100%;padding-top:1rem}.geographic-map-panel{padding:.5rem;overflow:hidden}.geographic-map{isolation:isolate;border:.0625rem solid var(--line);border-radius:var(--radius);background:#e7edf0;width:100%;height:min(68vh,48rem);min-height:22rem;position:relative}.geographic-map-note{margin:.75rem .25rem .25rem}.form-actions{grid-column:1/-1}.client-edit-form,.site-edit-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:.75rem;padding:.9rem 0;display:grid}.site-edit-form{border-top:.0625rem solid var(--line);grid-column:1/-1;width:100%;padding:.75rem 0 0}.client-edit-form{border-bottom:.0625rem solid var(--line);grid-template-columns:minmax(12rem,2fr) minmax(8rem,1fr) auto;margin-bottom:.75rem}.client-edit-form label,.site-edit-form label{color:var(--text);gap:.35rem;font-size:.85rem;font-weight:600;display:grid}.client-edit-form .field-error,.site-edit-form .field-error{grid-column:1/-1}.site-row{flex-wrap:wrap}textarea{resize:vertical;width:100%}@media (width<=53.125rem){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-next{flex-direction:column;align-items:flex-start}.activity-filters,.permission-groups,.activity-row,.client-edit-form,.site-edit-form{grid-template-columns:1fr}.activity-row small{grid-column:1}.port-edit-row,.port-address-row{grid-template-columns:1fr 1fr}.port-edit-row button{justify-self:start}.section-heading{flex-direction:column;align-items:stretch}.section-heading>.button{align-self:flex-start;min-height:2.75rem}.port-summary{grid-template-columns:minmax(0,1fr) auto auto;gap:.4rem .6rem}.port-summary .disclosure-hint{text-align:left;grid-column:1/3}.port-summary:after{grid-area:1/3/span 2}}.app-navigation{--rail-width:4.25rem;--panel-width:14.5rem;--navigation-width:var(--rail-width)}.app-navigation.navigation-expanded{--navigation-width:calc(var(--rail-width) + var(--panel-width))}.app-navigation>.main{margin-left:var(--navigation-width);max-width:calc(100% - var(--navigation-width))}.app-rail{width:var(--rail-width);z-index:12;background:#101722;border-right:1px solid #29313e;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem .65rem;display:flex;position:fixed;inset:0 auto 0 0}.rail-brand{border-radius:.65rem;flex-shrink:0;place-items:center;width:2.75rem;height:2.75rem;display:grid;overflow:hidden}.rail-brand img{object-fit:contain;width:100%;height:100%}.rail-sections{scrollbar-width:thin;flex-direction:column;align-items:center;gap:.5rem;min-height:0;display:flex;overflow-y:auto}.rail-button{color:#aeb9c7;cursor:pointer;background:0 0;border:0;border-radius:.65rem;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:inline-flex}.rail-button:hover,.rail-button.selected,.rail-button[aria-expanded=true].account-button{color:#fff;background:#303946}.rail-button:focus-visible,.nav-add-button:focus-visible{outline-offset:2px;outline:2px solid #b6c8df}.rail-bottom{gap:.65rem;margin-top:auto;display:grid}.account-button{background:#242e3c;border-radius:50%}.app-nav-panel{inset:0 auto 0 var(--rail-width);width:var(--panel-width);z-index:11;scrollbar-width:thin;background:#151d29;border-right:1px solid #29313e;flex-direction:column;gap:1.5rem;padding:1.25rem 1rem;display:flex;position:fixed;overflow-y:auto}.nav-panel-heading{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.nav-panel-heading strong{font-size:1.1rem;display:block}.nav-panel-heading small{color:var(--muted);font-size:.7rem;display:block}.nav-panel-heading .rail-button{width:1.8rem;height:1.8rem}.nav-panel-heading svg{width:1rem;height:1rem}.nav-add-button{color:#e3e9f1;background:#252f3e;border:1px solid #3b4656;border-radius:.5rem;align-items:center;gap:.65rem;width:100%;padding:.6rem .75rem;display:flex}.nav-add nav{margin-top:.5rem}.nav-panel-links h2{color:#aeb9c7;margin:0 0 .75rem;font-size:.8rem;font-weight:500}.app-nav-panel .nav-link{border-radius:.5rem;margin:.2rem 0;padding:.65rem .75rem;font-size:.85rem}.app-nav-panel .nav-link.selected{box-shadow:none;color:#fff;background:#35404f}.navigation-account{left:calc(var(--rail-width) + .6rem);z-index:15;overflow-wrap:anywhere;background:#1d2735;border:1px solid #3b4656;border-radius:.75rem;gap:.5rem;width:min(17rem,100vw - 6rem);padding:1rem;display:grid;position:fixed;bottom:1rem;box-shadow:0 .5rem 2rem #0004}.navigation-account small{color:var(--muted)}.navigation-account button{text-align:left;background:0 0;border:0;align-items:center;gap:.6rem;display:flex}.navigation-scrim{display:none}@media (width<=700px){.app-navigation,.app-navigation.navigation-expanded{--rail-width:3.5rem;--navigation-width:var(--rail-width);--panel-width:min(16rem, calc(100vw - 4.5rem))}.app-navigation>.main{padding:0 1rem 2rem}.app-rail{gap:1rem;padding:.75rem .4rem}.rail-brand,.rail-button{width:2.5rem;height:2.5rem}.navigation-scrim{z-index:10;background:#0008;border:0;border-radius:0;display:block;position:fixed;inset:0}}.app-navigation>.main{transition:margin-left .18s,max-width .18s}.navigation-panel-enter-active,.navigation-panel-leave-active{transition:transform .18s,opacity .18s}.navigation-panel-enter-from,.navigation-panel-leave-to{opacity:0;transform:translate(-100%)}.rail-button{transition:background-color .15s,color .15s}