:root{--m4-brand-50:#f0fbfc;--m4-brand-100:#dff6f8;--m4-brand-300:#6bd3dc;--m4-brand-400:#24b7c8;--m4-brand-500:#0796ad;--m4-brand-600:#08738a;--m4-brand-700:#0f5568;--m4-brand-800:#103847;--m4-brand-900:#0a2430;--m4-brand-950:#071923;--m4-ink-50:#f4f7f8;--m4-ink-100:#e7ecef;--m4-ink-200:#d6dde1;--m4-ink-300:#bac4ca;--m4-ink-500:#66747c;--m4-ink-600:#5a6a75;--m4-ink-800:#253642;--m4-ink-950:#0a1620;--m4-success-100:#dff6eb;--m4-success-600:#14875d;--m4-warning-100:#fff0d4;--m4-warning-600:#9a5500;--m4-danger-100:#fde7e7;--m4-danger-600:#c23a3a;--m4-info-100:#e4effb;--m4-info-600:#2563a6;--m4-chart-1:#0796ad;--m4-chart-2:#14875d;--m4-chart-3:#5165c8;--m4-chart-4:#9a5500;--m4-chart-5:#8a5cc2;--m4-chart-6:#c8566f;--m4-bg-canvas:#f3f6f7;--m4-bg-panel:#fff;--m4-bg-soft:#f8fafb;--m4-border-default:#dfe6e9;--m4-border-strong:#c6d1d6;--m4-focus-default:#31b7d4;--m4-radius-sm:8px;--m4-radius-md:12px;--m4-radius-lg:18px;--m4-radius-xl:24px;--m4-space-1:4px;--m4-space-2:8px;--m4-space-3:12px;--m4-space-4:16px;--m4-space-5:20px;--m4-space-6:24px;--m4-space-8:32px;--m4-space-10:40px;--m4-space-12:48px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--m4-text:var(--m4-ink-950);--m4-text-muted:var(--m4-ink-600);--m4-text-soft:var(--m4-ink-500);--m4-primary:var(--m4-brand-600);--m4-primary-hover:var(--m4-brand-700);--m4-focus:var(--m4-focus-default);--m4-shadow-xs:0 1px 2px #0719230a;--m4-shadow-sm:0 8px 24px #0719230f;--m4-shadow-md:0 18px 48px #0719231a;--m4-font-ui:"Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;--m4-font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}.react-flow{--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:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--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:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--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:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--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 #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.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:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--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:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--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 #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.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;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.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:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;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%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.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{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.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{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;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));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.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-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.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))}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--m4-bg-canvas);color:var(--m4-text);font-family:var(--m4-font-ui);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid color-mix(in srgb, var(--m4-focus) 45%, transparent);outline-offset:2px}.app-shell{grid-template-columns:minmax(0,1fr) 252px;min-height:100vh;display:grid}.sidebar{color:#eef8fa;background:radial-gradient(circle at 10% 0,#24b7c830,#0000 32%),linear-gradient(#071923 0%,#0a2430 58%,#071923 100%);border-inline-start:1px solid #ffffff0d;height:100vh;padding:22px 16px;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:4px 8px 22px;display:flex}.brand-mark{color:#08738a;letter-spacing:-1px;background:#effdff;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid;box-shadow:inset 0 0 0 1px #0796ad26}.brand-title{letter-spacing:.2px;font-size:16px;font-weight:800}.brand-subtitle{color:#98b7c0;font-size:11px}.nav-group-label{color:#7fa0aa;padding:18px 12px 8px;font-size:11px;font-weight:700}.nav-item{color:#bcd0d6;border-radius:10px;align-items:center;gap:10px;margin:3px 0;padding:10px 12px;display:flex}.nav-item.active{color:#fff;background:#24b7c821;box-shadow:inset -3px 0 #24b7c8}.nav-item svg{width:18px;height:18px}.sidebar-footer{inset-inline:16px;color:#bcd0d6;background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;padding:14px;position:absolute;bottom:18px}.sidebar-footer strong{color:#fff;margin-bottom:4px;display:block}.main{min-width:0}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--m4-border);z-index:20;background:#ffffffe0;justify-content:space-between;align-items:center;gap:16px;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-title{align-items:center;gap:12px;display:flex}.topbar-title h1{margin:0;font-size:17px}.topbar-title span{color:var(--m4-text-muted);font-size:12px}.topbar-actions{align-items:center;gap:9px;display:flex}.icon-button,.ghost-button,.primary-button{border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:38px;display:inline-flex}.icon-button{background:var(--m4-bg-soft);width:38px;color:var(--m4-ink-800);border:1px solid var(--m4-border)}.ghost-button{color:var(--m4-ink-800);border:1px solid var(--m4-border);background:#fff;padding:0 13px}.primary-button{color:#fff;background:var(--m4-primary);padding:0 15px;box-shadow:0 6px 16px #08738a2e}.primary-button:hover{background:var(--m4-primary-hover)}.content{max-width:1600px;margin:0 auto;padding:28px}.hero{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.hero h2{letter-spacing:-.4px;margin:0 0 6px;font-size:28px}.hero p{color:var(--m4-text-muted);margin:0}.hero-meta{color:var(--m4-text-muted);align-items:center;gap:10px;font-size:12px;display:flex}.pulse-dot{background:var(--m4-success-600);width:8px;height:8px;box-shadow:0 0 0 5px var(--m4-success-100);border-radius:50%}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{background:var(--m4-bg-panel);border:1px solid var(--m4-border);border-radius:var(--m4-radius-lg);box-shadow:var(--m4-shadow-xs);min-width:0;padding:18px}.metric-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.metric-label{color:var(--m4-text-muted);font-size:12px;font-weight:700}.metric-icon{background:var(--m4-brand-50);width:36px;height:36px;color:var(--m4-brand-600);border-radius:11px;place-items:center;display:grid}.metric-value{letter-spacing:-.6px;margin-top:18px;font-size:30px;font-weight:850}.metric-foot{color:var(--m4-text-muted);align-items:center;gap:7px;margin-top:8px;font-size:12px;display:flex}.metric-trend.good{color:var(--m4-success-600);font-weight:800}.metric-trend.warn{color:var(--m4-warning-600);font-weight:800}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,.85fr);gap:14px;margin-top:14px;display:grid}.stack{gap:14px;display:grid}.panel{background:var(--m4-bg-panel);border:1px solid var(--m4-border);border-radius:var(--m4-radius-lg);box-shadow:var(--m4-shadow-xs);overflow:hidden}.panel-head{justify-content:space-between;align-items:center;gap:16px;padding:18px 20px 14px;display:flex}.panel-head h3{margin:0;font-size:15px}.panel-head p{color:var(--m4-text-muted);margin:3px 0 0;font-size:12px}.panel-body{padding:0 20px 20px}.chart{width:100%;height:280px}.status-summary{grid-template-columns:180px 1fr;align-items:center;gap:24px;display:grid}.health-score{background:conic-gradient(var(--m4-success-600) 0 91%, var(--m4-ink-100) 91% 100%);border-radius:50%;place-items:center;width:150px;height:150px;margin:auto;display:grid;position:relative}.health-score:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:13px}.health-score-value{z-index:1;text-align:center;position:relative}.health-score-value strong{font-size:31px;line-height:1;display:block}.health-score-value span{color:var(--m4-text-muted);font-size:11px}.status-list{gap:11px;display:grid}.status-row{border-bottom:1px solid var(--m4-ink-100);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.status-row:last-child{border-bottom:0}.status-key{align-items:center;gap:9px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.good{background:var(--m4-success-600)}.status-dot.warn{background:var(--m4-warning-600)}.status-dot.bad{background:var(--m4-danger-600)}.attention-list,.activity-list{gap:10px;display:grid}.attention-item{border:1px solid var(--m4-border);background:var(--m4-bg-soft);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:12px;display:grid}.attention-icon{border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.attention-icon.warn{color:var(--m4-warning-600);background:var(--m4-warning-100)}.attention-icon.bad{color:var(--m4-danger-600);background:var(--m4-danger-100)}.attention-title{font-size:12px;font-weight:800}.attention-copy{color:var(--m4-text-muted);margin-top:2px;font-size:11px}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.status-pill.success{color:#0a704a;background:var(--m4-success-100)}.status-pill.warning{color:#9a5500;background:var(--m4-warning-100)}.status-pill.danger{color:#a92d2d;background:var(--m4-danger-100)}.status-pill.info{color:#19548f;background:var(--m4-info-100)}.activity-item{grid-template-columns:auto 1fr;gap:11px;display:grid;position:relative}.activity-marker{background:var(--m4-brand-500);width:9px;height:9px;box-shadow:0 0 0 5px var(--m4-brand-100);border-radius:50%;margin-top:7px}.activity-title{font-size:12px;font-weight:750}.activity-meta{color:var(--m4-text-muted);margin-top:2px;font-size:11px}.topology{background:linear-gradient(#fbfdfd,#f5f9fa);height:330px}.react-flow__attribution{display:none}.topology-node{border:1px solid var(--m4-border-strong);min-width:128px;box-shadow:var(--m4-shadow-sm);background:#fff;border-radius:14px;padding:10px 12px}.topology-node strong{font-size:11px;display:block}.topology-node span{color:var(--m4-text-muted);margin-top:2px;font-size:10px;display:block}@media (width<=1180px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=820px){.app-shell{display:block}.sidebar{display:none}.content{padding:18px}.topbar{padding:0 18px}.hero{flex-direction:column;align-items:flex-start}.kpi-grid,.status-summary{grid-template-columns:1fr}}.page-heading,.site-hero{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:22px;display:flex}.page-heading h2,.site-hero h2{margin:3px 0 6px;font-size:27px}.page-heading p,.site-hero p{color:var(--m4-text-muted);max-width:760px;margin:0}.title-with-status{align-items:center;gap:12px;display:flex}.site-actions{gap:9px;display:flex}.kpi-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.page-panel{margin-top:14px}.data-table-wrap{padding:0 20px 20px}.table-toolbar{align-items:end;gap:10px;margin-bottom:14px;display:flex}.search-field{border:1px solid var(--m4-border);min-width:280px;height:42px;color:var(--m4-text-muted);background:#fff;border-radius:11px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search-field input{width:100%;color:var(--m4-text);background:0 0;border:0;outline:0}.filter-field{gap:5px;display:grid}.filter-label{color:var(--m4-text-muted);font-size:10px;font-weight:700}.select-trigger{border:1px solid var(--m4-border);min-width:180px;height:42px;color:var(--m4-text);background:#fff;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.select-positioner{z-index:100}.select-popup{min-width:var(--anchor-width);border:1px solid var(--m4-border);box-shadow:var(--m4-shadow-md);background:#fff;border-radius:12px;padding:6px}.select-item{border-radius:8px;outline:0;justify-content:space-between;align-items:center;gap:14px;padding:9px 10px;display:flex}.select-item[data-highlighted]{background:var(--m4-brand-50);color:var(--m4-brand-700)}.table-scroll{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:900px}.data-table th{text-align:start;color:var(--m4-text-muted);border-bottom:1px solid var(--m4-border);background:var(--m4-bg-soft);padding:11px 12px;font-size:10px;font-weight:800}.data-table td{border-bottom:1px solid var(--m4-ink-100);padding:14px 12px;font-size:12px}.data-table tbody tr:hover{background:#fbfdfd}.site-name{display:grid}.site-name span{color:var(--m4-text-muted);margin-top:2px;font-size:10px}.data-table code,.client-row code{font-family:var(--m4-font-mono);background:var(--m4-bg-soft);border-radius:7px;padding:4px 7px;font-size:11px}.health-cell{align-items:center;gap:8px;display:flex}.mini-progress{background:var(--m4-ink-100);border-radius:99px;width:70px;height:6px;overflow:hidden}.mini-progress span{background:var(--m4-success-600);border-radius:99px;height:100%;display:block}.table-action{color:var(--m4-brand-600);align-items:center;gap:4px;font-weight:800;display:inline-flex}.detail-grid{grid-template-columns:.9fr 1.4fr;gap:14px;display:grid}.detail-facts{grid-template-columns:repeat(2,1fr);gap:0;padding:0 20px 20px;display:grid}.detail-facts>div{border-bottom:1px solid var(--m4-ink-100);grid-template-columns:24px 1fr;align-items:center;column-gap:8px;padding:14px 8px;display:grid}.detail-facts svg{color:var(--m4-brand-600);width:17px}.detail-facts span{color:var(--m4-text-muted);font-size:10px}.detail-facts strong{grid-column:2;margin-top:2px;font-size:12px}.site-attention{gap:10px;padding:0 20px 20px;display:grid}.attention-band{border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex}.attention-band.good{background:var(--m4-success-100);color:#0a704a}.attention-band.warn{background:var(--m4-warning-100);color:#9a5500}.attention-band div{display:grid}.attention-band span{opacity:.78;margin-top:2px;font-size:11px}.client-layout{grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:14px;display:grid}.client-list{padding:0 20px 20px}.client-row{border-bottom:1px solid var(--m4-ink-100);grid-template-columns:44px minmax(160px,1fr) auto auto auto auto;align-items:center;gap:12px;padding:13px 0;display:grid}.client-icon{background:var(--m4-brand-50);width:38px;height:38px;color:var(--m4-brand-600);border-radius:11px;place-items:center;display:grid}.client-row>div:nth-child(2){display:grid}.client-row>div:nth-child(2) span{color:var(--m4-text-muted);font-size:10px}.quick-enroll{text-align:center;padding-bottom:20px}.qr-placeholder{border:1px dashed var(--m4-border-strong);background:linear-gradient(135deg,var(--m4-brand-50),white);width:150px;height:150px;color:var(--m4-brand-600);border-radius:18px;place-items:center;margin:8px auto 15px;display:grid}.quick-enroll h4{margin:4px 20px}.quick-enroll>p{color:var(--m4-text-muted);margin:8px 28px 16px;font-size:11px}.security-note{border-top:1px solid var(--m4-border);color:var(--m4-text-muted);justify-content:center;gap:7px;margin:16px 20px 0;padding-top:14px;font-size:10px;display:flex}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.chart.compact{height:240px}.insight-panel{color:#fff;background:linear-gradient(135deg,#071923,#0a3240);align-items:flex-start;gap:14px;padding:24px;display:flex}.insight-panel svg{color:var(--m4-brand-300)}.insight-panel h3{margin:0}.insight-panel p{color:#bcd0d6;margin:5px 0 0}.empty-state{text-align:center;gap:8px;padding:48px;display:grid}.empty-state span{color:var(--m4-text-muted)}.dialog-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:90;background:#07192385;position:fixed;inset:0}.dialog-viewport{z-index:91;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog-popup{border:1px solid var(--m4-border);width:min(620px,100%);box-shadow:var(--m4-shadow-md);background:#fff;border-radius:20px;outline:0;padding:22px}.dialog-title-row{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.dialog-title{margin:0;font-size:19px;font-weight:850}.dialog-description{color:var(--m4-text-muted);max-width:480px;margin-top:6px;font-size:12px}.wizard-choices{grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0;display:grid}.choice-card{text-align:start;border:1px solid var(--m4-border);background:var(--m4-bg-soft);color:var(--m4-text);border-radius:14px;gap:5px;padding:18px;display:grid}.choice-card:hover{border-color:var(--m4-brand-400);background:var(--m4-brand-50)}.choice-card span{color:var(--m4-text-muted);font-size:11px}.dialog-actions{border-top:1px solid var(--m4-border);justify-content:flex-end;gap:9px;padding-top:16px;display:flex}@media (width<=980px){.detail-grid,.client-layout,.analytics-grid,.kpi-grid.three{grid-template-columns:1fr}.client-row{grid-template-columns:44px 1fr auto}.client-row>:nth-child(n+4){display:none}.table-toolbar{flex-direction:column;align-items:stretch}.search-field{min-width:0}.page-heading,.site-hero{flex-direction:column;align-items:flex-start}}.app-shell-top{background:var(--m4-bg-canvas);min-height:100vh}.mission-header{color:#fff;z-index:50;background:linear-gradient(90deg,#071923,#0a2430);border-bottom:1px solid #ffffff0f;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;height:76px;padding:0 24px;display:grid;position:sticky;top:0}.mission-brand{align-items:center;gap:10px;min-width:210px;display:flex}.mission-brand .brand-mark{flex:none}.mission-nav{scrollbar-width:none;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.mission-nav::-webkit-scrollbar{display:none}.mission-nav-item{color:#9ec6cf;white-space:nowrap;border-radius:10px;align-items:center;gap:7px;height:40px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.mission-nav-item svg{width:15px}.mission-nav-item:hover{color:#fff;background:#ffffff0d}.mission-nav-item.active{color:#fff;background:#103847;box-shadow:inset 0 -2px #24b7c8}.mission-actions{align-items:center;gap:8px;display:flex}.mission-actions .primary-button{color:#08738a;box-shadow:none;background:#effdff}.header-icon,.header-language{color:#bfd6dc;background:#0a2430;border:1px solid #193946;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:38px;display:inline-flex}.header-icon{width:38px}.header-language{padding:0 10px}.command-content{max-width:1640px;margin:0 auto;padding:18px 24px 32px}.operational-pulse{border:1px solid var(--m4-border);min-height:86px;box-shadow:var(--m4-shadow-xs);background:#fff;border-radius:18px;grid-template-columns:230px 1fr;align-items:stretch;display:grid;overflow:hidden}.pulse-heading{border-inline-end:1px solid var(--m4-ink-100);align-content:center;gap:3px;padding:16px 20px;display:grid}.pulse-heading strong{font-size:13px}.pulse-heading span{color:var(--m4-text-muted);font-size:10px}.pulse-metrics{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;display:grid}.pulse-metric{border-inline-end:1px solid var(--m4-ink-100);min-width:0;padding:10px 18px}.pulse-metric:last-child{border-inline-end:0}.pulse-metric>span{color:var(--m4-text-muted);font-size:9px;font-weight:700;display:block}.pulse-metric>div{align-items:baseline;gap:8px;margin-top:3px;display:flex}.pulse-metric strong{font-size:20px}.pulse-metric em{font-size:9px;font-style:normal;font-weight:800}.pulse-metric em.good{color:var(--m4-success-600)}.pulse-metric em.warn{color:var(--m4-warning-600)}.control-room-grid{grid-template-columns:minmax(280px,.72fr) minmax(560px,1.55fr) minmax(260px,.58fr);grid-template-areas:"attention field live";align-items:stretch;gap:14px;margin-top:14px;display:grid}.attention-rail{grid-area:attention;min-height:610px}.network-field{grid-area:field;min-height:610px}.live-rail{grid-area:live;min-height:610px}.attention-rail .attention-list{padding-top:0}.rail-action{padding:0 20px 20px}.dark-button{color:#fff;background:#0a2430;border:0;border-radius:12px;width:100%;height:44px;font-weight:800}.network-field .topology{border:1px solid var(--m4-ink-100);border-radius:16px;height:365px;margin:0 18px;overflow:hidden}.health-strip{color:#fff;background:#071923;border-radius:16px;grid-template-columns:150px 1fr;align-items:center;gap:22px;margin:16px 18px 18px;padding:15px 18px;display:grid}.score{grid-template-columns:1fr auto auto;align-items:end;gap:5px;display:grid}.score span{color:#9ec6cf;grid-column:1/-1;font-size:10px}.score strong{font-size:30px;line-height:1}.score small{color:#7fa0aa}.health-bars{gap:9px;display:grid}.health-bars>div{color:#bfd6dc;grid-template-columns:86px 1fr 44px;align-items:center;gap:9px;font-size:9px;display:grid}.health-bars i{background:#193946;border-radius:99px;height:7px;overflow:hidden}.health-bars b{background:#0796ad;border-radius:99px;height:100%;display:block}.health-bars>div:nth-child(2) b{background:#14875d}.health-bars>div:nth-child(3) b{background:#5165c8}.health-bars strong{color:#fff;text-align:end}.live-body{padding:0 18px 18px}.mini-score{background:var(--m4-bg-soft);border:1px solid var(--m4-ink-100);text-align:center;border-radius:14px;padding:16px}.mini-score>div{background:conic-gradient(var(--m4-success-600) 0 91%,var(--m4-ink-100) 91% 100%);border-radius:50%;place-content:center;width:92px;height:92px;margin:auto;display:grid;position:relative}.mini-score>div:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:10px}.mini-score strong,.mini-score span{z-index:1;position:relative}.mini-score strong{font-size:25px}.mini-score span{color:var(--m4-text-muted);font-size:8px}.mini-score p{color:var(--m4-success-600);margin:10px 0 0;font-size:10px;font-weight:800}.mini-chart-block{margin-top:16px}.mini-chart-block h4{margin:0 0 4px;font-size:11px}.mini-chart-block .chart.compact{height:155px}.transport-pills{flex-wrap:wrap;gap:7px;display:flex}.quick-insight{background:var(--m4-brand-50);color:var(--m4-brand-700);border-radius:12px;align-items:flex-start;gap:9px;margin-top:16px;padding:12px;display:flex}.quick-insight div{display:grid}.quick-insight strong{font-size:10px}.quick-insight span{color:var(--m4-ink-800);margin-top:2px;font-size:9px}.operational-timeline{margin-top:14px}.timeline-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.timeline-grid article{border-inline-end:1px solid var(--m4-ink-100);grid-template-columns:auto 1fr;align-items:start;column-gap:8px;padding:12px 16px 8px;display:grid;position:relative}.timeline-grid article:last-child{border-inline-end:0}.timeline-grid time{color:var(--m4-text-muted);font:700 10px var(--m4-font-mono)}.timeline-dot{border-radius:50%;justify-self:end;width:9px;height:9px;margin-top:2px}.timeline-dot.good{background:var(--m4-success-600)}.timeline-dot.info{background:var(--m4-brand-500)}.timeline-dot.warn{background:var(--m4-warning-600)}.timeline-grid article strong,.timeline-grid article p,.timeline-grid article .status-pill{grid-column:1/-1}.timeline-grid article>strong{margin-top:12px;font-size:12px}.timeline-grid article p{color:var(--m4-text-muted);margin:4px 0 10px;font-size:10px}@media (width<=1200px){.mission-header{grid-template-columns:auto 1fr}.mission-actions{display:none}.control-room-grid{grid-template-columns:1fr 1.4fr;grid-template-areas:"attention field""live field"}.live-rail{min-height:0}.operational-pulse{grid-template-columns:1fr}.pulse-heading{border-inline-end:0;border-bottom:1px solid var(--m4-ink-100)}}@media (width<=860px){.mission-header{gap:12px;display:flex;overflow:hidden}.mission-brand{min-width:auto}.mission-brand>div:last-child{display:none}.mission-nav{justify-content:flex-start}.mission-nav-item span{display:none}.command-content{padding:12px}.pulse-metrics{grid-template-columns:repeat(2,1fr)}.pulse-metric{border-bottom:1px solid var(--m4-ink-100)}.control-room-grid{grid-template-columns:1fr;grid-template-areas:"field""attention""live"}.timeline-grid{grid-template-columns:1fr}.timeline-grid article{border-inline-end:0;border-bottom:1px solid var(--m4-ink-100)}.health-strip{grid-template-columns:1fr}.network-field .topology{height:320px}}.app-shell,.sidebar,.topbar{display:none!important}.route-loading,.viz-loading{min-height:180px;color:var(--m4-text-muted);place-items:center;font-size:11px;display:grid}.viz-loading.compact{min-height:120px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.page-heading h2{letter-spacing:-.4px;margin:2px 0 6px;font-size:28px}.page-heading p{color:var(--m4-text-muted);max-width:820px;margin:0}.eyebrow{color:var(--m4-brand-600);letter-spacing:.05em;font-size:11px;font-weight:800}.page-actions{gap:8px;display:flex}.summary-strip{background:var(--m4-border);border:1px solid var(--m4-border);border-radius:16px;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:14px;display:grid;overflow:hidden}.summary-strip>div{background:#fff;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.summary-strip span{color:var(--m4-text-muted);font-size:11px}.summary-strip strong{font-size:16px}.network-overview-grid{grid-template-columns:220px 1fr;align-items:center;gap:24px;display:grid}.network-hero-stat{background:linear-gradient(145deg,var(--m4-brand-950),var(--m4-brand-800));color:#fff;border-radius:16px;align-content:center;place-items:center;gap:3px;min-height:150px;display:grid}.network-hero-stat svg{color:var(--m4-brand-300)}.network-hero-stat strong{font-size:34px}.network-hero-stat span{color:#bcd0d6;font-size:11px}.detail-list{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.detail-list>div{border:1px solid var(--m4-border);border-radius:12px;justify-content:space-between;gap:14px;padding:14px;display:flex}.detail-list span{color:var(--m4-text-muted);font-size:12px}.inline-actions{gap:8px;margin-top:16px;display:flex}.responsive-table{border:1px solid var(--m4-border);border-radius:12px;overflow:auto}.responsive-table table{border-collapse:collapse;width:100%;min-width:760px}.responsive-table th,.responsive-table td{text-align:start;border-bottom:1px solid var(--m4-border);vertical-align:middle;padding:12px 14px}.responsive-table th{background:var(--m4-bg-soft);color:var(--m4-text-muted);font-size:11px}.responsive-table td{font-size:12px}.responsive-table tr:last-child td{border-bottom:0}.responsive-table td small{color:var(--m4-text-muted);max-width:480px;margin-top:3px;display:block}.responsive-table td svg{vertical-align:middle;margin-inline-end:5px}.info-banner{background:var(--m4-brand-50);border:1px solid var(--m4-brand-100);color:var(--m4-brand-800);border-radius:14px;align-items:flex-start;gap:12px;margin-top:14px;padding:14px 16px;display:flex}.info-banner strong,.info-banner span{display:block}.info-banner span{color:var(--m4-text-muted);margin-top:3px;font-size:11px}.alert-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.alert-summary>div{border:1px solid var(--m4-border);background:#fff;border-radius:14px;padding:16px}.alert-summary strong{font-size:24px;display:block}.alert-summary span{color:var(--m4-text-muted);font-size:11px}.alert-list{gap:10px;display:grid}.alert-row{border:1px solid var(--m4-border);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px;display:grid}.alert-severity{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.alert-severity.critical{background:var(--m4-danger-100);color:var(--m4-danger-600)}.alert-severity.warning{background:var(--m4-warning-100);color:var(--m4-warning-600)}.alert-title{align-items:center;gap:8px;display:flex}.alert-copy p{color:var(--m4-text-muted);margin:5px 0;font-size:12px}.alert-copy small{color:var(--m4-text-soft)}.action-table{border:1px solid var(--m4-border);border-radius:12px;overflow:hidden}.action-head,.action-line{grid-template-columns:80px 1.2fr .55fr .8fr 1.3fr;align-items:center;gap:12px;padding:12px 14px;display:grid}.action-head{background:var(--m4-bg-soft);color:var(--m4-text-muted);font-size:10px;font-weight:800}.action-line{border-top:1px solid var(--m4-border);font-size:12px}.action-line small{color:var(--m4-danger-600);align-items:center;gap:4px;margin-top:3px;display:flex}.priority{font-family:var(--m4-font-mono);font-size:11px}.priority.p0{color:var(--m4-danger-600)}.priority.p1{color:var(--m4-warning-600)}.priority.p2{color:var(--m4-info-600)}.control-grid{grid-template-columns:1.1fr .9fr;gap:14px;margin-bottom:14px;display:grid}.allocation-meter{background:var(--m4-ink-100);border-radius:10px;height:42px;margin-bottom:14px;position:relative;overflow:hidden}.allocation-meter>div{background:linear-gradient(90deg,var(--m4-brand-600),var(--m4-brand-400));height:100%}.allocation-meter span{color:var(--m4-ink-800);place-items:center;font-size:11px;font-weight:800;display:grid;position:absolute;inset:0}.mini-table{display:grid}.mini-table>div{border-bottom:1px solid var(--m4-border);grid-template-columns:1fr 1fr auto;gap:10px;padding:8px 0;font-size:11px;display:grid}.mini-table>div:last-child{border-bottom:0}.policy-cards{gap:10px;display:grid}.policy-card{border:1px solid var(--m4-border);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.policy-card svg{color:var(--m4-success-600)}.policy-card strong,.policy-card span{display:block}.policy-card span{color:var(--m4-text-muted);margin-top:2px;font-size:10px}.credential-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.credential-stat{border:1px solid var(--m4-border);background:#fff;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:16px;display:grid}.credential-stat svg{color:var(--m4-brand-600);grid-row:1/3}.credential-stat strong{font-size:22px}.credential-stat span{color:var(--m4-text-muted);font-size:11px}.timeline-table{display:grid}.timeline-row{border-bottom:1px solid var(--m4-border);grid-template-columns:auto 1fr auto 70px;align-items:center;gap:12px;padding:12px 0;display:grid}.timeline-row:last-child{border-bottom:0}.timeline-icon{background:var(--m4-brand-50);width:34px;height:34px;color:var(--m4-brand-600);border-radius:10px;place-items:center;display:grid}.timeline-row strong,.timeline-row span{display:block}.timeline-row span,.timeline-row time{color:var(--m4-text-muted);font-size:10px}.gateway-grid,.organization-grid{gap:12px;display:grid}.gateway-card,.organization-card{border:1px solid var(--m4-border);border-radius:14px;padding:16px}.gateway-top{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.gateway-icon,.org-symbol{background:var(--m4-brand-50);width:42px;height:42px;color:var(--m4-brand-600);border-radius:12px;place-items:center;display:grid}.gateway-top strong,.gateway-top span{display:block}.gateway-top span{color:var(--m4-text-muted);font-size:10px}.gateway-meta{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.gateway-meta>div{background:var(--m4-bg-soft);border-radius:10px;flex-direction:column;gap:3px;padding:10px;display:flex}.gateway-meta span{color:var(--m4-text-muted);font-size:10px}.gateway-meta strong{font-size:11px}.organization-card{grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:12px;display:grid}.organization-card strong,.organization-card span{display:block}.organization-card>div:nth-child(2) span{color:var(--m4-text-muted);font-size:10px}.org-count{color:var(--m4-text-muted);gap:14px;font-size:11px;display:flex}.org-count span{align-items:center;gap:4px;display:flex}.continuity-hero{background:linear-gradient(135deg,#fff,var(--m4-danger-100));border:1px solid #f1c7c7;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:14px;padding:18px;display:grid}.continuity-score{grid-template-columns:auto auto;align-items:center;gap:4px 10px;display:grid}.continuity-score svg{color:var(--m4-danger-600);grid-row:1/3}.continuity-score strong{font-size:24px}.continuity-score span{color:var(--m4-text-muted);font-size:10px}.continuity-hero h3{margin:0 0 3px}.continuity-hero p{color:var(--m4-text-muted);margin:0;font-size:12px}.gate-list{display:grid}.gate-row{border-bottom:1px solid var(--m4-border);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.gate-row:last-child{border-bottom:0}.gate-icon{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.gate-icon.pass{background:var(--m4-success-100);color:var(--m4-success-600)}.gate-icon.blocked{background:var(--m4-danger-100);color:var(--m4-danger-600)}.gate-row strong,.gate-row span{display:block}.gate-row span{color:var(--m4-text-muted);margin-top:2px;font-size:11px}.settings-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.settings-list{display:grid}.settings-list>div{border-bottom:1px solid var(--m4-border);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.settings-list>div:last-child{border-bottom:0}.settings-list svg{color:var(--m4-brand-600)}.settings-list strong,.settings-list small{display:block}.settings-list small{color:var(--m4-text-muted);margin-top:2px}.empty-state{text-align:center;place-items:center;gap:7px;padding:34px;display:grid}.empty-icon{background:var(--m4-bg-soft);width:42px;height:42px;color:var(--m4-text-muted);border-radius:12px;place-items:center;display:grid}.empty-state span{color:var(--m4-text-muted);font-size:11px}.route-loading{color:var(--m4-text-muted);padding:40px}@media (width<=1100px){.control-grid,.settings-grid{grid-template-columns:1fr}.action-head{display:none}.action-line{grid-template-columns:70px 1fr auto}.action-line>span:last-child{grid-column:2/-1}.action-line>span:nth-child(3){display:none}.gateway-meta{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.page-header{flex-direction:column;align-items:flex-start}.summary-strip,.alert-summary,.credential-grid{grid-template-columns:repeat(2,1fr)}.network-overview-grid{grid-template-columns:1fr}.alert-row{grid-template-columns:auto 1fr}.alert-row>button{grid-column:2}.organization-card{grid-template-columns:auto 1fr auto}.org-count{grid-column:2}.continuity-hero{grid-template-columns:auto 1fr}.continuity-hero>.status-pill{grid-column:2}.timeline-row{grid-template-columns:auto 1fr auto}.timeline-row time{grid-column:2}.gateway-meta{grid-template-columns:1fr 1fr}}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.topbar-title{min-width:0}.data-mode{letter-spacing:.06em;white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800}.data-mode.live{background:var(--m4-success-100);color:var(--m4-success-600)}.data-mode.fixture{background:var(--m4-warning-100);color:var(--m4-warning-600)}.mobile-nav-button{display:none}.mobile-nav-viewport{z-index:60;pointer-events:none;position:fixed;inset:0}.mobile-nav-panel{pointer-events:auto;background:var(--m4-brand-950);color:#fff;width:min(88vw,360px);box-shadow:var(--m4-shadow-md);padding:18px 14px;position:absolute;inset-block:0;inset-inline-end:0;overflow:auto}.mobile-nav-head{justify-content:space-between;align-items:center;padding:4px 6px 14px;display:flex}.mobile-nav-head h2{margin:0;font-size:16px}.mobile-nav-panel .nav-item{color:#bcd0d6}.mobile-nav-panel .nav-item.active{color:#fff}.chart-wrap{position:relative}.topology-accessible{min-height:330px}@media (width<=820px){.mobile-nav-button{display:inline-flex}.desktop-only{display:none}.topbar-title>div h1{font-size:14px}.topbar-title>div span,.data-mode{display:none}.topbar-actions .ghost-button{padding:0 10px}.topbar,.topbar-title{gap:8px}.main{width:100%}}.workspace-trigger{color:#d8e9ed;background:#0a2430;border:1px solid #193946;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 11px;font-size:10px;font-weight:800;display:inline-flex}.workspace-trigger:hover{background:#103847}.workspace-viewport{z-index:95;place-items:start center;padding:72px 20px 20px;display:grid;position:fixed;inset:0}.workspace-popup{border:1px solid var(--m4-border);background:#f7fafb;border-radius:24px;outline:0;width:min(1080px,100%);max-height:calc(100vh - 96px);padding:22px;overflow:auto;box-shadow:0 30px 90px #07192347}.workspace-head{border-bottom:1px solid var(--m4-border);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:16px;display:flex}.workspace-groups{grid-template-columns:1.15fr .9fr 1fr;gap:16px;margin-top:16px;display:grid}.workspace-groups>section{border:1px solid var(--m4-border);background:#fff;border-radius:16px;padding:14px}.workspace-groups h3{color:var(--m4-text-muted);margin:0 4px 10px;font-size:11px}.workspace-links{gap:5px;display:grid}.workspace-link{color:var(--m4-text);text-align:start;border-radius:11px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px;display:grid}.workspace-link:hover{background:var(--m4-brand-50)}.workspace-link>svg{color:var(--m4-brand-600)}.workspace-link strong,.workspace-link small{display:block}.workspace-link strong{font-size:11px}.workspace-link small{color:var(--m4-text-muted);margin-top:2px;font-size:9px}.mission-actions .data-mode.fixture{color:#ffe2a5;background:#5f4416}.mission-actions .data-mode.live{color:#c9f4df;background:#0d5e43}@media (width<=1200px){.workspace-trigger span{display:none}.workspace-trigger{justify-content:center;width:38px;padding:0}.data-mode{display:none}}@media (width<=860px){.workspace-viewport{padding:10px}.workspace-popup{border-radius:18px;max-height:calc(100vh - 20px)}.workspace-groups{grid-template-columns:1fr}.workspace-trigger{display:inline-flex}.mission-actions{display:flex!important}.mission-actions .header-icon:first-of-type,.mission-nav{display:none}.mission-header{justify-content:space-between}.mission-brand{min-width:0}.mission-brand>div:last-child{display:block}.mission-brand .brand-subtitle{display:none}.header-language{padding:0 8px}}.data-status{border-radius:999px;align-items:center;gap:5px;min-height:28px;padding:0 9px;font-size:10px;font-weight:800;display:inline-flex}.data-status.preview{background:var(--m4-warning-100);color:#7a4300}.data-status.live{background:var(--m4-success-100);color:#096944}.data-status.syncing{background:var(--m4-info-100);color:#174f86}.data-status.error{background:var(--m4-danger-100);color:#9b2828}.data-status.syncing svg{animation:.9s linear infinite m4spin}@keyframes m4spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.data-status.syncing svg{animation:none}}.data-status.stale{color:#7a4300;background:#fff3d9}.page-actions{flex-wrap:wrap;align-items:center}.access-page{background:#f4f7f8;grid-template-columns:minmax(420px,.9fr) minmax(460px,1.1fr);min-height:100vh;display:grid}.access-signal{color:#eff9fb;background:radial-gradient(circle at 18% 16%,#24b7c83d,#0000 30%),radial-gradient(circle at 90% 80%,#5165c829,#0000 35%),linear-gradient(155deg,#061720 0%,#0a2430 58%,#0d3a47 100%);flex-direction:column;justify-content:space-between;padding:44px;display:flex;position:relative;overflow:hidden}.access-signal:after{content:"";border:1px solid #7edde61f;border-radius:50%;width:460px;height:460px;position:absolute;inset:15% -25% auto auto;box-shadow:0 0 0 70px #7edde606,0 0 0 140px #7edde605}.access-brand{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.access-brand strong,.access-brand small{display:block}.access-brand strong{letter-spacing:.04em;font-size:17px}.access-brand small{color:#95bac3;font-size:10px}.access-mark{color:#08738a;letter-spacing:-.04em;background:#effdff;border-radius:14px;place-items:center;width:46px;height:46px;font-weight:900;display:grid;box-shadow:0 8px 28px #0000002e}.access-mark.small{width:38px;height:38px;box-shadow:none;border-radius:12px}.access-message{z-index:1;max-width:620px;position:relative}.eyebrow.light{color:#6bd3dc}.access-message h1{letter-spacing:-.04em;margin:10px 0 18px;font-size:clamp(34px,4vw,58px);line-height:1.08}.access-message p{color:#b9d0d6;max-width:560px;margin:0;font-size:15px;line-height:1.9}.access-trust{z-index:1;flex-wrap:wrap;gap:9px;display:flex;position:relative}.access-trust span{color:#bcd0d6;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;font-weight:700;display:flex}.access-trust svg{color:#6bd3dc;width:14px}.access-panel{place-items:center;min-height:100vh;padding:34px 8vw;display:grid;position:relative}.access-tools{top:26px;justify-content:space-between;align-items:center;display:flex;position:absolute;inset-inline:34px}.auth-language{color:var(--m4-text);border-color:var(--m4-border);background:#fff}.auth-back{color:var(--m4-brand-700);font-size:11px;font-weight:800}.auth-form-card{border:1px solid var(--m4-border);background:#fff;border-radius:24px;width:min(460px,100%);padding:26px;box-shadow:0 24px 70px #07192314}.auth-form-head{grid-template-columns:auto 1fr;align-items:center;gap:13px;margin-bottom:24px;display:grid}.auth-form-head h2{letter-spacing:-.03em;margin:0;font-size:23px}.auth-form-head p{color:var(--m4-text-muted);margin:4px 0 0;font-size:11px;line-height:1.65}.auth-form{gap:14px;display:grid}.auth-field{color:var(--m4-ink-800);gap:6px;font-size:11px;font-weight:800;display:grid}.auth-field input{border:1px solid var(--m4-border-strong);width:100%;height:46px;color:var(--m4-text);background:#fbfdfd;border-radius:12px;outline:0;padding:0 13px}.auth-field input:focus{border-color:var(--m4-brand-500);box-shadow:0 0 0 3px var(--m4-brand-100)}.auth-submit{width:100%;height:46px;margin-top:2px}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-links{justify-content:space-between;gap:12px;margin-top:3px;display:flex}.auth-links a{color:var(--m4-brand-700);font-size:10px;font-weight:800}.auth-secure-note{color:var(--m4-text-muted);text-align:center;justify-content:center;gap:6px;margin:8px 0 0;font-size:9px;display:flex}.auth-message{border-radius:11px;padding:10px 12px;font-size:11px;line-height:1.6}.auth-message.error{background:var(--m4-danger-100);color:#8f2727}.auth-message.success{background:var(--m4-success-100);color:#096944}.auth-message.warning{background:var(--m4-warning-100);color:#7a4300}.auth-enroll-secret{gap:9px;display:grid}.auth-enroll-secret>div:not(.auth-message){gap:4px;display:grid}.auth-enroll-secret span{color:var(--m4-text-muted);font-size:9px;font-weight:800}.auth-enroll-secret code{overflow-wrap:anywhere;background:var(--m4-bg-soft);border:1px solid var(--m4-border);text-align:left;direction:ltr;border-radius:9px;padding:9px;font-size:10px;display:block}.auth-route-loading{background:var(--m4-bg-canvas);min-height:100vh;color:var(--m4-text-muted);place-items:center;font-size:12px;display:grid}@media (width<=920px){.access-page{grid-template-columns:1fr}.access-signal{min-height:280px;padding:28px}.access-message h1{font-size:34px}.access-message p{font-size:12px}.access-trust{display:none}.access-panel{min-height:auto;padding:72px 18px 36px}.access-tools{top:18px;inset-inline:18px}.auth-form-card{border-radius:18px;padding:20px}}.data-status.partial{background:var(--m4-warning-100);color:#7a4300}.action-dialog{max-height:min(88vh,860px);overflow:auto}.action-form{gap:13px;margin-top:20px;display:grid}.action-form>label,.action-form .form-grid>label{gap:6px;display:grid}.action-form label>span{color:var(--m4-text-muted);font-size:10px;font-weight:800}.action-form input,.action-form select,.action-form textarea{border:1px solid var(--m4-border-strong);width:100%;color:var(--m4-text);background:#fbfdfd;border-radius:11px;outline:0;padding:10px 11px}.action-form input,.action-form select{min-height:42px}.action-form textarea{resize:vertical;min-height:82px}.action-form input:focus,.action-form select:focus,.action-form textarea:focus{border-color:var(--m4-brand-500);box-shadow:0 0 0 3px var(--m4-brand-100)}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.action-note{background:var(--m4-info-100);color:#174f86;border-radius:11px;align-items:flex-start;gap:8px;padding:11px 12px;font-size:10px;line-height:1.6;display:flex}.action-note.ready{background:var(--m4-warning-100);color:#7a4300}.warning-note{background:var(--m4-warning-100);color:#7a4300;margin-top:14px}.action-result{gap:16px;margin-top:22px;display:grid}.management-links{flex-wrap:wrap;gap:9px;display:flex}.danger-zone{background:#fff8f8;border:1px solid #efc5c5;border-radius:14px;margin-top:20px;padding:15px}.danger-zone strong{color:#9b2828}.danger-zone p{color:var(--m4-text-muted);font-size:11px;line-height:1.65}.danger-button{color:#9b2828;background:#fff;border:1px solid #d99595;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-weight:800;display:inline-flex}.danger-button:hover{background:var(--m4-danger-100)}.danger-button:disabled,.primary-button:disabled,.ghost-button:disabled{opacity:.5;cursor:not-allowed}.confirm-row{flex-wrap:wrap;gap:8px;display:flex}.status-facts{grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0;display:grid}.status-facts>div{border:1px solid var(--m4-border);background:var(--m4-bg-soft);border-radius:11px;gap:4px;padding:12px;display:grid}.status-facts span{color:var(--m4-text-muted);font-size:9px}.status-facts strong{font-size:12px}.command-search{margin-top:18px}.command-results{gap:6px;max-height:420px;margin-top:10px;display:grid;overflow:auto}.command-result{border:1px solid var(--m4-border);border-radius:11px;gap:3px;padding:11px 12px;display:grid}.command-result:hover{background:var(--m4-brand-50);border-color:var(--m4-brand-200)}.command-result strong{font-size:11px}.command-result span{color:var(--m4-text-muted);font-size:9px}.dialog-empty{text-align:center;color:var(--m4-text-muted);padding:30px}.secure-qr{border:1px solid var(--m4-border);background:#fff;border-radius:14px;width:min(320px,100%);height:auto;margin:0 auto;padding:8px;display:block}.one-time-warning{background:var(--m4-danger-100);color:#8f2727;border:1px solid #efc5c5;border-radius:11px;padding:12px;font-size:10px;line-height:1.6}.download-action{width:max-content;margin:auto}.preflight-box{border:1px solid var(--m4-border);border-radius:13px;gap:8px;padding:12px 14px;display:grid}.preflight-box legend{padding:0 6px;font-size:11px;font-weight:850}.preflight-box>p{color:var(--m4-text-muted);margin:0 0 4px;font-size:10px}.check-row{align-items:center;grid-template-columns:none!important;gap:8px!important;display:flex!important}.check-row input{height:16px;width:16px!important;min-height:16px!important}.check-row span{color:var(--m4-text)!important;font-weight:600!important}.choice-card svg{color:var(--m4-brand-600)}.site-wizard{width:min(720px,100%)}.dark-button{justify-content:center;align-items:center;display:flex}.header-icon[disabled],.header-language[disabled]{opacity:.5;cursor:not-allowed}@media (width<=680px){.form-grid,.status-facts{grid-template-columns:1fr}.management-links{display:grid}.management-links>*{width:100%}}.network-scope-control{color:#bfd6dc;background:#0a2430;border:1px solid #193946;border-radius:10px;align-items:center;gap:6px;height:38px;padding:0 8px;font-size:10px;font-weight:700;display:flex}.network-scope-control span{white-space:nowrap}.network-scope-control select{color:#fff;max-width:180px;font:inherit;background:#0a2430;border:0;outline:0}.network-scope-control select:focus-visible{outline-offset:2px;outline:2px solid #24b7c8}@media (width<=860px){.network-scope-control span{display:none}.network-scope-control select{max-width:130px}.mission-header{gap:8px;padding-inline:12px}.mission-actions{gap:5px}.workspace-trigger{justify-content:center;width:44px;height:44px;min-height:44px;padding:0}.header-icon{width:44px;height:44px;min-height:44px}.header-language{height:44px;min-height:44px;padding-inline:8px}.network-scope-control{height:44px;min-height:44px;padding-inline:4px}.network-scope-control select{min-width:44px;max-width:112px;height:44px;min-height:44px;padding-inline:4px}.icon-button,.ghost-button,.primary-button,.danger-button,.dark-button,.action-form input,.action-form select,.workspace-link{min-height:44px}.client-row{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px 10px;padding:14px 0}.client-row>:nth-child(n+4){display:revert}.client-row>code{overflow-wrap:anywhere;grid-column:2;justify-self:start;max-width:100%}.client-row>span:nth-child(4){color:var(--m4-text-muted);grid-column:2;font-size:10px}.client-row>span:nth-child(5){grid-area:1/3;justify-self:end}.client-row>button:nth-child(6){grid-column:2/-1;width:100%;min-height:44px}}.dashboard-empty-state{border:1px dashed var(--m4-border-strong);background:var(--m4-bg-soft);color:var(--m4-text-muted);text-align:center;border-radius:12px;padding:22px 16px;font-size:11px;line-height:1.7}.timeline-live-empty{margin:0 20px 20px}@media (width<=860px){.timeline-live-empty{margin:0 14px 14px}}.gateway-actions{border-top:1px solid var(--m4-border);justify-content:flex-end;margin-top:14px;padding-top:12px;display:flex}.gateway-token-box{border:1px solid var(--m4-border);background:var(--m4-bg-soft);border-radius:13px;gap:10px;margin-top:16px;padding:14px;display:grid}.gateway-token-box label{gap:6px;display:grid}.gateway-token-box label>span,.gateway-token-expiry{color:var(--m4-text-muted);font-size:10px}.gateway-token-box textarea{resize:none;border:1px solid var(--m4-border-strong);width:100%;min-height:90px;color:var(--m4-text);overflow-wrap:anywhere;background:#fff;border-radius:11px;padding:10px 11px;font:500 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}@media (width<=680px){.gateway-actions>.ghost-button,.gateway-token-box .ghost-button{width:100%}.gateway-token-box textarea{font-size:10px}}.organization-actions{border-top:1px solid var(--m4-border);grid-column:1/-1;justify-content:flex-end;padding-top:12px;display:flex}.organization-dialog{width:min(880px,100%)}.member-section{gap:12px;margin-top:22px;display:grid}.member-section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.member-section-head>div{gap:3px;display:grid}.member-section-head span{color:var(--m4-text-muted);font-size:10px}.member-add-form{grid-template-columns:minmax(180px,1.4fr) minmax(150px,.8fr) auto;gap:8px;display:grid}.member-add-form input,.member-add-form select,.member-controls select{border:1px solid var(--m4-border-strong);min-height:40px;color:var(--m4-text);background:#fff;border-radius:10px;padding:0 10px}.member-list{gap:8px;display:grid}.member-row{border:1px solid var(--m4-border);background:var(--m4-bg-soft);border-radius:12px;grid-template-columns:minmax(180px,1fr) minmax(320px,auto);align-items:center;gap:12px;padding:11px 12px;display:grid}.member-identity{gap:3px;display:grid}.member-identity strong{overflow-wrap:anywhere;font-size:11px}.member-identity span{color:var(--m4-text-muted);font-size:9px}.member-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.member-owner{color:#7a5500;align-items:center;gap:5px;font-size:10px;font-weight:800;display:inline-flex}@media (width<=760px){.member-add-form,.member-row{grid-template-columns:1fr}.member-controls{justify-content:flex-start}.organization-actions>.ghost-button{width:100%}}.management-zone{border:1px solid var(--m4-border);background:var(--m4-bg-soft);border-radius:13px;gap:8px;margin-top:16px;padding:14px;display:grid}.management-zone p{color:var(--m4-text-muted);margin:0;font-size:10px;line-height:1.6}.control-dialog{width:min(920px,100%)}.control-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.managed-resource-list{gap:8px;margin-top:18px;display:grid}.managed-resource-row{border:1px solid var(--m4-border);background:var(--m4-bg-soft);border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.managed-resource-row>div:first-child{gap:3px;display:grid}.managed-resource-row span{color:var(--m4-text-muted);font-size:9px}.policy-card{grid-template-columns:auto minmax(0,1fr) auto auto}.policy-card-actions{justify-content:flex-end;display:flex}.action-form textarea{resize:vertical;border:1px solid var(--m4-border-strong);min-height:90px;color:var(--m4-text);background:#fff;border-radius:10px;padding:10px}@media (width<=760px){.control-form-grid{grid-template-columns:1fr}.managed-resource-row{flex-direction:column;align-items:flex-start}.managed-resource-row>.danger-button,.managed-resource-row>.confirm-row{width:100%}.policy-card{grid-template-columns:auto minmax(0,1fr) auto}.policy-card-actions{grid-column:1/-1}.policy-card-actions>.ghost-button{width:100%}}.site-manage-dialog{width:min(780px,100%)}.site-management-section{border-top:1px solid var(--m4-border);gap:11px;padding:16px 0;display:grid}.site-management-section h4{margin:0;font-size:13px;font-weight:850}.site-management-section>p{color:var(--m4-text-muted);margin:0;font-size:10px;line-height:1.65}.inline-form{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.inline-form input{border:1px solid var(--m4-border-strong);border-radius:11px;flex:1;min-width:180px;min-height:42px;padding:10px 11px}.managed-list{gap:8px;display:grid}.managed-list>div{border:1px solid var(--m4-border);background:var(--m4-bg-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.danger-button.compact{min-height:34px}.artifact-action{justify-items:start;gap:4px;display:grid}.inline-error{color:#9b2828;max-width:240px;font-size:9px}.muted-cell{color:var(--m4-text-muted)}.ike-lifecycle textarea{text-align:left;direction:ltr;min-height:120px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}@media (width<=600px){.site-manage-dialog{max-height:92vh}.inline-form{grid-template-columns:1fr;display:grid}.managed-list>div{flex-direction:column;align-items:flex-start}.credential-grid{grid-template-columns:1fr}.artifact-action .ghost-button{width:100%}}.audit-toolbar{grid-template-columns:minmax(220px,1fr) minmax(160px,220px) auto;align-items:center;gap:10px;margin-bottom:8px;display:grid}.audit-row{grid-template-columns:auto minmax(0,1fr) auto 70px auto}.audit-detail-dialog{width:min(860px,100%)}.audit-context-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.audit-context-grid section{min-width:0}.audit-context-grid h4{margin:0 0 7px;font-size:11px}.audit-context-grid pre{border:1px solid var(--m4-border);color:#d8e9ed;max-height:320px;font:10px/1.6 var(--m4-font-mono);text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;direction:ltr;background:#071923;border-radius:11px;margin:0;padding:12px;overflow:auto}@media (width<=820px){.audit-toolbar{grid-template-columns:1fr}.audit-row{grid-template-columns:auto minmax(0,1fr) auto}.audit-row time{grid-column:2}.audit-row>.ghost-button{grid-column:2/-1;justify-self:start}.audit-context-grid{grid-template-columns:1fr}}