*{box-sizing:border-box}button,input,select{font:inherit}h1,h2,h3,p,dl,dd,dt{margin:0}.spin{animation:console-spin .8s linear infinite}@keyframes console-spin{to{transform:rotate(360deg)}}.monitoring-panel{min-width:0;color:var(--text)}.monitoring-tabs{display:flex;align-items:stretch;gap:0;margin-top:2px;overflow-x:auto;border-bottom:1px solid var(--border)}.monitoring-tabs button{min-height:42px;padding:0 16px;color:var(--text-muted);background:transparent;border:0;border-bottom:2px solid transparent;font-size:12px;white-space:nowrap;cursor:pointer}.monitoring-tabs button:hover{color:var(--text)}.monitoring-tabs button.active{color:var(--accent-strong);border-bottom-color:var(--accent);font-weight:700}.monitoring-content{min-width:0;padding-top:4px}.monitoring-content>h3,.monitoring-content h3{margin:22px 0 10px;color:var(--text);font-size:13px;font-weight:700}.monitoring-content>h3:first-child{margin-top:16px}.monitoring-toolbar-shared{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:46px;padding:8px 0;color:var(--text-muted);font-size:11px}.monitoring-configshared-range{justify-content:flex-end}.monitoring-section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;margin-top:13px;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px}.monitoring-section-toolbar h3{margin:0}.monitoring-status{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;color:var(--text-muted);background:var(--surface-soft);border:1px solid var(--border);border-radius:7px;font-size:10px;white-space:nowrap}.monitoring-status.ok,.monitoring-status.success{color:var(--green);background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 25%,var(--border))}.monitoring-status.failure,.monitoring-status.timeout,.monitoring-status.unavailable{color:var(--red);background:var(--red-soft);border-color:color-mix(in srgb,var(--red) 25%,var(--border))}.monitoring-status.warming_up,.monitoring-status.permission_denied,.monitoring-status.policy_denied,.monitoring-status.stale{color:var(--amber);background:var(--amber-soft);border-color:color-mix(in srgb,var(--amber) 25%,var(--border))}.monitoring-readings{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:0;border-top:1px solid var(--border);border-left:1px solid var(--border)}.monitoring-readings>div{min-width:0;padding:12px 13px;background:var(--surface-soft);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.monitoring-readings dt{color:var(--text-muted);font-size:10px}.monitoring-readings dd{display:flex;align-items:center;gap:5px;margin-top:6px;color:var(--text);font-size:12px;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.monitoring-table-scroll{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:10px}.monitoring-table{width:100%;min-width:680px;border-collapse:collapse;color:var(--text);font-size:11px}.monitoring-table th,.monitoring-table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.monitoring-table thead th{color:var(--text-muted);background:var(--surface-soft);font-size:10px;font-weight:600}.monitoring-table tbody th{font-weight:650}.monitoring-table tbody tr:last-child th,.monitoring-table tbody tr:last-child td{border-bottom:0}.monitoring-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}.monitoring-empty,.chart-empty{min-height:88px;display:grid;place-items:center;padding:20px;color:var(--text-muted);font-size:12px}.monitoring-warning{margin:12px 0;padding:9px 11px;color:var(--amber);background:var(--amber-soft);border:1px solid color-mix(in srgb,var(--amber) 25%,var(--border));border-radius:9px;font-size:11px}.monitoring-subheading{margin:20px 0 8px;color:var(--text);font-size:13px;font-weight:700}.monitoring-capabilities{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0 2px}.monitoring-capabilities>span{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:10px}.monitoring-capabilities small{color:var(--red)}.monitoring-core-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.monitoring-core-grid>div{padding:11px;background:var(--surface-soft);border:1px solid var(--border);border-radius:9px}.monitoring-core-grid span,.monitoring-core-grid small{display:block;color:var(--text-muted);font-size:10px}.monitoring-core-grid strong{display:block;margin:5px 0;font-size:16px}.monitoring-core-grid progress{width:100%;height:4px;accent-color:var(--accent)}.monitoring-section-selector{display:flex;flex-wrap:wrap;gap:5px;margin-top:18px}.monitoring-section-selector button{padding:6px 10px;color:var(--text-muted);background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;font-size:11px;cursor:pointer}.monitoring-section-selector button.active{color:var(--accent-strong);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.monitoring-history{margin-top:22px;padding-top:14px;border-top:1px solid var(--border)}.monitoring-history-controls{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-height:37px}.monitoring-history-controls strong{margin-right:auto;color:var(--text);font-size:12px}.monitoring-history-controls label{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);font-size:10px}.monitoring-history-controls select{max-width:170px;height:29px;padding:0 8px;color:var(--text);background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;font-size:11px}.monitoring-history .chart-container{height:235px;margin-top:10px}.monitoring-history .updating,.node-overview-charts.updating{opacity:.62}.monitoring-history-count{margin-top:7px;color:var(--text-muted);font-size:10px}.monitoring-reload{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;padding:10px 12px;color:var(--amber);background:var(--amber-soft);border:1px solid color-mix(in srgb,var(--amber) 25%,var(--border));border-radius:9px;font-size:11px}.monitoring-save-status{margin-top:7px;color:var(--green);font-size:11px}.form-error{padding:10px 12px;color:var(--red);background:var(--red-soft);border:1px solid color-mix(in srgb,var(--red) 25%,var(--border));border-radius:9px;font-size:11px;line-height:1.5}.monitoring-config{display:grid;gap:14px;padding-top:16px}.monitoring-config fieldset{display:grid;gap:12px;min-width:0;margin:0;padding:14px;background:var(--surface-soft);border:1px solid var(--border);border-radius:10px}.monitoring-config legend{padding:0 5px;color:var(--text);font-size:12px;font-weight:700}.monitoring-config label{display:grid;gap:5px;min-width:0;color:var(--text-muted);font-size:10px}.monitoring-config input,.monitoring-config select{box-sizing:border-box;min-height:32px;min-width:0;padding:0 8px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;font:inherit}.monitoring-config-row{display:grid;grid-template-columns:minmax(92px,1fr) repeat(2,minmax(110px,1fr)) auto;gap:9px;align-items:end;padding:10px 0;border-bottom:1px solid var(--border)}.monitoring-config-row:last-of-type{border-bottom:0}.monitoring-config-row .check-label{display:flex;align-items:center;gap:5px;min-height:32px}.monitoring-config-row .check-label input{min-height:auto}.probe-config-row{grid-template-columns:repeat(4,minmax(110px,1fr))}.probe-config-heading{display:flex;align-items:center;justify-content:space-between;grid-column:1 / -1}.monitoring-config .icon-button{justify-self:end}.monitoring-config>.primary-button{justify-self:start}.fleet-checks{min-width:0;color:var(--text)}.fleet-summary-strip{display:flex;flex-wrap:wrap;gap:7px;padding:0 0 13px}.fleet-summary-strip button{display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:0 10px;color:var(--text-muted);background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;font-size:10px;cursor:pointer}.fleet-summary-strip button:hover,.fleet-summary-strip button.active{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.fleet-summary-strip strong{color:var(--text);font-variant-numeric:tabular-nums}.fleet-summary-total{align-self:center;margin-left:auto;color:var(--text-faint);font-size:10px}.fleet-dot{width:7px;height:7px;display:inline-block;flex:0 0 auto;border-radius:50%;background:var(--text-faint)}.fleet-dot.ok{background:var(--green)}.fleet-dot.bad{background:var(--red)}.fleet-dot.pending,.fleet-dot.stale{background:var(--amber)}.fleet-dot.paused{background:var(--text-faint)}.fleet-dot.offline{background:var(--red)}.fleet-dot.unknown{background:var(--text-muted)}.fleet-toolbar{display:flex;align-items:center;gap:8px;padding:0 0 12px}.fleet-toolbar .search-field{flex:1;max-width:360px}.fleet-toolbar>select{height:36px;padding:0 28px 0 10px;color:var(--text);background:var(--surface-soft);border:1px solid var(--border);border-radius:9px;font-size:11px}.fleet-table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:10px}.fleet-table{width:100%;min-width:680px;border-collapse:collapse;font-size:11px}.fleet-table th,.fleet-table td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.fleet-table thead th{color:var(--text-muted);background:var(--surface-soft);font-size:10px;font-weight:650}.fleet-table tbody tr:last-child td{border-bottom:0}.fleet-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}.fleet-name{display:grid;gap:3px;padding:0;color:var(--text);text-align:left;background:transparent;border:0;cursor:pointer}.fleet-name strong{font-size:11px}.fleet-name small,.fleet-time{color:var(--text-muted);font-size:10px}.fleet-target{max-width:280px;overflow:hidden;color:var(--text-muted);text-overflow:ellipsis}.fleet-state{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted)}.fleet-state.ok{color:var(--green)}.fleet-state.bad{color:var(--red)}.fleet-state.pending,.fleet-state.stale{color:var(--amber)}.fleet-error-detail{display:block;max-width:220px;overflow:hidden;margin-top:3px;color:var(--red);font-size:9px;text-overflow:ellipsis}.fleet-empty{min-height:190px;display:grid;place-items:center;align-content:center;gap:12px;color:var(--text-muted);font-size:12px}.group-workspace{display:grid;gap:14px;min-width:0;color:var(--text)}.group-create{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:14px;background:var(--surface-soft);border:1px solid var(--border);border-radius:12px}.group-create label{color:var(--text-muted);font-size:11px;font-weight:650}.group-create input{flex:1 1 220px;min-width:0;height:36px;padding:0 11px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:9px;outline:0;font-size:12px}.group-create input:focus{border-color:var(--accent)}.group-layout{display:grid;grid-template-columns:minmax(190px,.3fr) minmax(0,1fr);gap:14px}.group-directory,.group-members{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:12px}.group-directory{padding:8px}.group-directory>button,.group-directory-row>button:first-child{width:100%;min-height:36px;display:flex;align-items:center;gap:8px;padding:0 9px;color:var(--text-muted);background:transparent;border:0;border-radius:8px;text-align:left;font-size:11px;cursor:pointer}.group-directory>button:hover,.group-directory-row>button:first-child:hover,.group-directory>button.active,.group-directory-row>button:first-child.active{color:var(--accent-strong);background:var(--accent-soft)}.group-directory button strong{margin-left:auto;color:var(--text-faint);font-size:10px}.group-directory-row{display:flex;align-items:center;gap:3px}.group-directory-row>button:first-child{flex:1;min-width:0}.group-directory-row .icon-button{flex:0 0 auto;width:28px;height:28px}.group-empty-note{padding:13px 9px;color:var(--text-faint);font-size:11px}.group-members-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:13px 15px;border-bottom:1px solid var(--border)}.group-members-toolbar h2{display:flex;align-items:baseline;gap:7px;margin-right:auto;font-size:14px}.group-members-toolbar h2 small{color:var(--text-faint);font-size:10px;font-weight:500}.group-members-toolbar .search-field{width:min(230px,100%)}.group-member-row{display:flex;align-items:center;gap:9px;padding:9px 15px;border-bottom:1px solid var(--border)}.group-member-row:last-child{border-bottom:0}.group-member-row>button{min-width:0;flex:1;display:flex;align-items:center;gap:8px;padding:0;color:var(--text);text-align:left;background:transparent;border:0;cursor:pointer}.group-member-row>button>span:nth-child(2){min-width:0;display:grid;gap:2px}.group-member-row strong,.group-member-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-member-row strong{font-size:11px}.group-member-row small{color:var(--text-muted);font-size:10px}.group-member-row>button>svg{margin-left:auto;color:var(--text-faint)}.group-member-row select{max-width:130px;min-height:29px;color:var(--text-muted);background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;font-size:10px}.node-inspection{min-width:0;color:var(--text)}.inspection-breadcrumb{display:flex;align-items:center;gap:7px;min-height:28px;margin-bottom:15px;color:var(--text-muted);font-size:11px}.inspection-breadcrumb button{display:inline-flex;align-items:center;gap:5px;padding:4px 0;color:var(--accent-strong);background:transparent;border:0;font-size:inherit;cursor:pointer}.inspection-heading{display:flex;align-items:flex-start;gap:13px;padding-bottom:16px;border-bottom:1px solid var(--border)}.inspection-device-icon{flex:0 0 42px;height:42px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:11px}.inspection-identity{min-width:0;flex:1}.inspection-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-width:0}.inspection-name-row h1{min-width:0;overflow-wrap:anywhere;color:var(--text);font-size:21px;line-height:1.2}.inspection-online{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;color:var(--text-muted);background:var(--surface-soft);border:1px solid var(--border);border-radius:999px;font-size:10px}.inspection-online i,.inspection-connection i{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--text-muted)}.inspection-online.online{color:var(--green)}.inspection-online.online i,.inspection-connection i.live{background:var(--green)}.inspection-online.offline{color:var(--red)}.inspection-online.offline i{background:var(--red)}.inspection-meta{display:flex;flex-wrap:wrap;gap:7px 15px;margin-top:8px;color:var(--text-muted);font-size:11px}.inspection-meta span+span:before{content:"·";margin-right:15px;color:var(--border-strong)}.inspection-tools{display:flex;align-items:center;gap:7px}.inspection-tools .inspection-delete{color:var(--red)}.inspection-name-editor{display:flex;align-items:center;gap:5px}.inspection-name-editor input{width:min(360px,60vw);height:33px;padding:0 9px;color:var(--text);background:var(--surface);border:1px solid var(--accent);border-radius:8px;font-size:17px;font-weight:650}.inspection-connection{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:10px 0 15px;color:var(--text-muted);font-size:11px}.inspection-connection span{display:inline-flex;align-items:center;gap:6px}.inspection-connection strong{color:var(--accent-strong);font-variant-numeric:tabular-nums}.inspection-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.inspection-metric{min-width:0;padding:15px 17px 16px;border-right:1px solid var(--border)}.inspection-metric:last-child{border-right:0}.inspection-metric>span{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:11px}.inspection-metric strong{display:block;margin-top:8px;color:var(--text);font-size:24px;line-height:1;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.inspection-metric small{display:flex;align-items:center;gap:4px;min-height:18px;margin-top:8px;color:var(--text-muted);font-size:10px}.inspection-network strong,.inspection-network small{display:flex;align-items:center;gap:5px;font-size:14px}.inspection-network strong{margin-top:9px}.inspection-network small{margin-top:6px}.node-overview{min-width:0}.node-section-title{display:flex;align-items:baseline;gap:9px;margin:22px 0 10px}.node-section-title h3{color:var(--text);font-size:13px}.node-section-title span{color:var(--text-muted);font-size:10px}.node-section-title .icon-button{margin-left:auto}.node-overview-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.node-trend{min-width:0;padding:15px;background:var(--surface-soft);border:1px solid var(--border);border-radius:12px}.node-chart-legend{display:flex;flex-wrap:wrap;gap:9px;margin:-3px 0 7px;color:var(--text-muted);font-size:10px}.node-chart-legend span{display:inline-flex;align-items:center;gap:5px}.node-chart-legend i{width:7px;height:7px;display:inline-block;border-radius:50%}.node-cell-secondary{display:block;margin-top:2px;color:var(--text-muted);font-size:9px;font-weight:400}@media(max-width:780px){.inspection-heading{flex-wrap:wrap}.inspection-identity{min-width:calc(100% - 58px)}.inspection-tools{margin-left:auto}.inspection-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.inspection-metric:nth-child(2){border-right:0}.inspection-metric:nth-child(-n+2){border-bottom:1px solid var(--border)}.monitoring-readings{grid-template-columns:repeat(2,minmax(0,1fr))}.node-overview-charts,.group-layout{grid-template-columns:1fr}.group-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.group-directory-row{min-width:0}.group-empty-note{grid-column:1 / -1}.monitoring-config-row,.probe-config-row{grid-template-columns:repeat(2,minmax(0,1fr))}.monitoring-config-row .check-label,.probe-config-heading{grid-column:1 / -1}.monitoring-config-row .icon-button{grid-column:2;grid-row:1}}@media(max-width:480px){.inspection-heading{gap:10px}.inspection-device-icon{flex-basis:37px;height:37px}.inspection-name-row h1{font-size:18px}.inspection-meta{gap:5px 9px}.inspection-meta span+span:before{margin-right:9px}.inspection-connection{align-items:flex-start;flex-direction:column;gap:6px}.inspection-metric{padding:12px}.inspection-metric strong{font-size:20px}.monitoring-tabs button{padding:0 12px}.monitoring-history-controls strong{width:100%}.monitoring-history-controls label{flex:1}.monitoring-history-controls select{min-width:0;max-width:none;flex:1}.monitoring-readings dd{font-size:11px}.monitoring-config fieldset{padding:11px}.monitoring-config-row,.probe-config-row{grid-template-columns:minmax(0,1fr)}.monitoring-config-row .check-label,.probe-config-heading,.monitoring-config-row .icon-button{grid-column:1}.monitoring-config-row .icon-button{grid-row:auto;justify-self:start}.fleet-toolbar{flex-wrap:wrap}.fleet-toolbar .search-field{width:100%;max-width:none}.fleet-toolbar>select{flex:1;min-width:0}.fleet-summary-total{width:100%;margin-left:0}.group-create{align-items:stretch}.group-create label{width:100%}.group-create input{flex-basis:100%}.group-create .primary-button{width:100%}.group-directory{grid-template-columns:1fr}.group-members-toolbar .search-field{width:100%}.group-member-row{flex-wrap:wrap}.group-member-row select{width:100%;max-width:none}.chart-container{height:205px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;color:var(--text);background:var(--canvas);--canvas: #0b0d12;--surface: #141720;--surface-raised: #1a1e2a;--surface-soft: #10131b;--surface-hover: #202535;--border: #2b3040;--border-strong: #414960;--text: #f0f2fa;--text-muted: #a1a8bb;--text-faint: #747c91;--accent: #8b8eff;--accent-strong: #a6a8ff;--accent-soft: rgba(139, 142, 255, .14);--green: #55d6a2;--green-soft: rgba(85, 214, 162, .13);--amber: #f2bd63;--amber-soft: rgba(242, 189, 99, .14);--red: #ff7f8a;--red-soft: rgba(255, 127, 138, .14);--blue: #71b9ff;--shadow: 0 18px 50px rgba(0, 0, 0, .2), 0 2px 8px rgba(0, 0, 0, .12);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .12);--surface-subtle: var(--surface-soft);--surface-muted: var(--surface-hover);--item-shadow: var(--shadow-soft);--chart-cpu: #8b8eff;--chart-memory: #f2bd63;--chart-disk: #9ba6bb;--chart-received: #71b9ff;--chart-transmitted: #e18c68;--chart-grid: #2b3040;--chart-text: #9ca4b8;--chart-tooltip: #171b26;--chart-tooltip-border: #414960;--code-surface: #11151f;--code-border: #2b3447;--code-text: #b9d8d2;--code-muted: #91a0b8;--code-footer: #171d28}:root[data-theme=porcelain]{color-scheme:light;--canvas: #f4f5f8;--surface: #ffffff;--surface-raised: #ffffff;--surface-soft: #eef0f5;--surface-hover: #f0f2f8;--border: #e0e3eb;--border-strong: #c8cdd9;--text: #242736;--text-muted: #656d80;--text-faint: #8d95a7;--accent: #5570d9;--accent-strong: #3e5bc8;--accent-soft: rgba(85, 112, 217, .1);--green: #168a63;--green-soft: rgba(22, 138, 99, .1);--amber: #b87318;--amber-soft: rgba(184, 115, 24, .1);--red: #c34b5a;--red-soft: rgba(195, 75, 90, .1);--blue: #287eba;--shadow: 0 16px 42px rgba(43, 49, 74, .09), 0 2px 6px rgba(43, 49, 74, .05);--shadow-soft: 0 8px 24px rgba(43, 49, 74, .08);--chart-cpu: #5570d9;--chart-memory: #c0842b;--chart-disk: #718096;--chart-received: #287eba;--chart-transmitted: #c66a3d;--chart-grid: #e0e3eb;--chart-text: #70798e;--chart-tooltip: #ffffff;--chart-tooltip-border: #d5d9e3;--code-surface: #18202c;--code-border: #344156;--code-text: #c1e0dc;--code-muted: #94a3b9;--code-footer: #202a38}:root[data-theme=lagoon]{color-scheme:dark;--canvas: #09191c;--surface: #11262c;--surface-raised: #163139;--surface-soft: #0d2024;--surface-hover: #1b3b43;--border: #24464e;--border-strong: #35616a;--text: #e3fbf6;--text-muted: #a0c6c1;--text-faint: #6f9997;--accent: #5ad6c5;--accent-strong: #82e8d8;--accent-soft: rgba(90, 214, 197, .14);--green: #62d9a4;--green-soft: rgba(98, 217, 164, .14);--amber: #f1c56f;--amber-soft: rgba(241, 197, 111, .15);--red: #ff8991;--red-soft: rgba(255, 137, 145, .15);--blue: #7cc8ff;--shadow: 0 18px 50px rgba(0, 0, 0, .24), 0 2px 8px rgba(0, 0, 0, .15);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .16);--chart-cpu: #5ad6c5;--chart-memory: #f1c56f;--chart-disk: #91b4b8;--chart-received: #7cc8ff;--chart-transmitted: #e59673;--chart-grid: #24464e;--chart-text: #9fc4c1;--chart-tooltip: #11262c;--chart-tooltip-border: #35616a;--code-surface: #0b1c21;--code-border: #28505a;--code-text: #b9e2da;--code-muted: #8eafb1;--code-footer: #10282e}:root[data-theme=amber]{color-scheme:light;--canvas: #f7f2ea;--surface: #fffdfb;--surface-raised: #ffffff;--surface-soft: #f0e9df;--surface-hover: #f8f1e8;--border: #e4dcd2;--border-strong: #cbbdaf;--text: #2c241e;--text-muted: #74675d;--text-faint: #9b8f84;--accent: #b86a36;--accent-strong: #965126;--accent-soft: rgba(184, 106, 54, .1);--green: #2f8868;--green-soft: rgba(47, 136, 104, .1);--amber: #b8751f;--amber-soft: rgba(184, 117, 31, .11);--red: #bd5360;--red-soft: rgba(189, 83, 96, .1);--blue: #367da9;--shadow: 0 16px 42px rgba(94, 71, 50, .1), 0 2px 6px rgba(94, 71, 50, .05);--shadow-soft: 0 8px 24px rgba(94, 71, 50, .08);--chart-cpu: #b86a36;--chart-memory: #b8751f;--chart-disk: #7b827b;--chart-received: #367da9;--chart-transmitted: #c76f49;--chart-grid: #e4dcd2;--chart-text: #7f7268;--chart-tooltip: #fffdfb;--chart-tooltip-border: #d9cfc3;--code-surface: #241d1a;--code-border: #5a4437;--code-text: #ead6c2;--code-muted: #c2a995;--code-footer: #30241e}*{box-sizing:border-box;letter-spacing:0}html,body,#root{min-width:320px;min-height:100%;margin:0}html{color-scheme:dark}body{min-height:100vh;color:var(--text);background:var(--canvas)}button,input,select,textarea{font:inherit}select option,select optgroup{color:var(--text);background-color:var(--surface-raised)}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p,dl,dd,dt,pre,fieldset,legend{margin:0}fieldset{min-width:0;padding:0;border:0}code,.metric-value strong,.summary-item strong,.system-info-grid dd,.process-table td{font-family:SFMono-Regular,Cascadia Code,Consolas,monospace}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.42;transform:scale(.82)}}.app-shell{min-height:100vh;background:var(--canvas)}.app-sidebar{position:fixed;z-index:60;inset:0 auto 0 0;width:232px;display:none;flex-direction:column;padding:20px 14px 14px;color:var(--text);background:var(--surface);border-right:1px solid var(--border)}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:0 10px}.brand-button{display:inline-flex;padding:0;color:var(--accent);background:transparent;border:0;cursor:pointer}.brand-wordmark{color:var(--text);font-size:17px;font-weight:780;letter-spacing:-.02em}.sidebar-close,.mobile-menu-button{display:none;padding:7px;color:var(--text-muted);background:transparent;border:0;border-radius:10px;cursor:pointer}.sidebar-context{display:grid;gap:4px;margin:26px 9px 12px}.eyebrow{color:var(--text-faint);font-size:10px;font-weight:760;letter-spacing:.12em;line-height:1.3;text-transform:uppercase}.sidebar-subtitle{color:var(--text-muted);font-size:12px}.sidebar-nav,.sidebar-actions{display:grid;gap:4px}.sidebar-nav button,.sidebar-actions button{min-height:38px;display:flex;align-items:center;gap:10px;padding:0 10px;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:11px;cursor:pointer;text-align:left;transition:background .16s ease,color .16s ease,border-color .16s ease}.sidebar-nav button:hover,.sidebar-actions button:hover{color:var(--text);background:var(--surface-soft);border-color:var(--border)}.sidebar-nav button.active{color:var(--accent-strong);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.sidebar-nav button span,.sidebar-actions button span{flex:1;font-size:13px;font-weight:650}.sidebar-nav button b{min-width:21px;height:21px;display:inline-grid;place-items:center;padding:0 6px;color:var(--text);font-size:10px;background:var(--red-soft);border-radius:20px}.sidebar-spacer{flex:0 0 16px;min-height:16px}.sidebar-live-card{display:grid;gap:6px;margin:10px 4px;padding:10px;background:var(--surface-soft);border:1px solid var(--border);border-radius:13px}.sidebar-live-card>span:last-child{color:var(--text-muted);font-size:11px}.sidebar-actions{padding-top:8px;border-top:1px solid var(--border)}.sidebar-footer{display:flex;align-items:center;gap:7px;margin:auto 9px 0;color:var(--text-faint);font-size:10px}.sidebar-version{margin-left:auto;color:var(--text-faint)}.status-pulse{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px var(--green-soft)}.sidebar-scrim{display:none}.theme-picker{margin:10px 4px 8px;padding:8px 9px;background:var(--surface-soft);border:1px solid var(--border);border-radius:13px}.theme-picker-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:var(--text-muted);font-size:11px;font-weight:700}.theme-picker-heading span{display:inline-flex;align-items:center;gap:7px}.theme-picker-heading small{color:var(--accent);font-size:10px;font-weight:700}.theme-options{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.theme-options button{position:relative;display:grid;justify-items:center;gap:4px;min-width:0;padding:5px 1px;color:var(--text-faint);background:transparent;border:1px solid transparent;border-radius:9px;cursor:pointer}.theme-options button:hover,.theme-options button.selected{color:var(--text);background:var(--surface);border-color:var(--border-strong)}.theme-options button>span:last-of-type{overflow:hidden;width:100%;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.theme-options button>svg{position:absolute;margin:-2px 0 0 22px;color:var(--accent)}.theme-preview{width:26px;height:20px;display:flex;overflow:hidden;border:1px solid var(--border);border-radius:6px;background:var(--preview-a, var(--surface))}.theme-preview i{flex:1;height:100%;display:block;background:var(--preview-a)}.theme-preview i:nth-child(2){background:var(--preview-b)}.theme-preview i:nth-child(3){background:var(--preview-c)}.theme-preview.system{background:linear-gradient(135deg,#f4f5f8 0,#f4f5f8 50%,#141720 50%)}.app-main{min-height:100vh;margin-left:0}.topbar{position:sticky;z-index:40;top:0;min-height:66px;display:flex;align-items:center;gap:20px;padding:10px clamp(20px,3vw,44px);background:color-mix(in srgb,var(--canvas) 90%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-mobile-brand{display:flex;align-items:center;gap:8px;flex:0 0 auto}.topbar-nav{display:flex;align-items:center;gap:4px;margin-left:10px}.topbar-nav button{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;color:var(--text-muted);font-size:12px;font-weight:680;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.topbar-nav button:hover{color:var(--text);background:var(--surface-soft);border-color:var(--border)}.topbar-nav button.active{color:var(--accent-strong);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 24%,transparent)}.topbar-nav button b{min-width:18px;height:18px;display:inline-grid;place-items:center;padding:0 4px;color:var(--text);font-size:9px;background:var(--red-soft);border-radius:999px}.topbar-heading{display:grid;gap:4px;min-width:0}.topbar-heading h1{font-size:17px;letter-spacing:-.015em}.topbar-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.topbar-time{color:var(--text-faint);font-size:11px}.topbar-logout{display:inline-grid}.theme-control{position:relative;flex:0 0 auto}.theme-trigger{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;color:var(--text-muted);font-size:11px;font-weight:700;background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.theme-trigger:hover,.theme-control.open .theme-trigger{color:var(--text);background:var(--surface-hover);border-color:var(--border-strong)}.theme-trigger svg{color:var(--accent)}.theme-popover{position:absolute;z-index:90;top:calc(100% + 10px);right:0;width:238px;padding:11px;background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow)}.theme-popover .theme-picker{margin:0;padding:0;background:transparent;border:0;border-radius:0}.theme-popover .theme-picker-heading{margin-bottom:9px}.topbar-theme-picker{margin:0;padding:0;background:transparent;border:0;border-radius:0}.topbar-theme-picker .theme-picker-heading{justify-content:center;margin:0 3px 0 0}.topbar-theme-picker .theme-picker-heading span{gap:0;font-size:0}.topbar-theme-picker .theme-picker-heading span svg{width:15px;height:15px}.topbar-theme-picker .theme-picker-heading small{display:none}.topbar-theme-picker .theme-options{gap:3px}.topbar-theme-picker .theme-options button{height:30px;padding:2px;border-radius:8px}.topbar-theme-picker .theme-options button>span:last-of-type{display:none}.topbar-theme-picker .theme-options button>svg{margin:-2px 0 0 14px}.topbar-theme-picker .theme-preview{width:22px;height:17px;border-radius:5px}.heading-accent{display:none}.main-content{width:min(100%,1600px);margin:0 auto;padding:16px clamp(20px,3vw,44px) 64px}.page-heading{display:block;margin-bottom:12px}.page-heading h2{margin-top:2px;font-size:clamp(22px,2vw,28px);letter-spacing:-.045em;line-height:1.06}.page-heading p{margin-top:3px;color:var(--text-muted);font-size:12px}.heading-accent{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;color:var(--green);font-size:12px;font-weight:700;background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 22%,transparent);border-radius:999px}.icon-button{width:38px;height:38px;display:inline-grid;place-items:center;flex:0 0 auto;padding:0;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:11px;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.icon-button:hover{color:var(--text);background:var(--surface-hover);border-color:var(--border-strong)}.icon-button:disabled{cursor:not-allowed;opacity:.5}.icon-button.subtle{background:transparent;border-color:transparent}.primary-button,.secondary-button,.danger-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-size:12px;font-weight:730;border-radius:11px;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.primary-button{color:#fff;background:var(--accent);border:1px solid var(--accent);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 20%,transparent)}.primary-button:hover{background:var(--accent-strong);transform:translateY(-1px)}.secondary-button{color:var(--text);background:var(--surface);border:1px solid var(--border-strong)}.secondary-button:hover{background:var(--surface-hover);border-color:var(--accent)}.danger-button{color:#fff;background:var(--red);border:1px solid var(--red)}.danger-button:hover{filter:brightness(1.08)}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.connection-badge{min-height:29px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;color:var(--text-muted);font-size:11px;font-weight:730;background:var(--surface-soft);border:1px solid var(--border);border-radius:999px}.connection-badge>span{width:7px;height:7px;background:var(--text-faint);border-radius:50%}.connection-badge.live>span{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.connection-badge.polling>span{background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}.connection-badge.connecting>span{background:var(--accent);animation:pulse 1.2s ease-in-out infinite}.global-error{min-height:50px;display:flex;align-items:center;gap:9px;margin-bottom:20px;padding:7px 9px 7px 15px;color:var(--red);font-size:12px;background:var(--red-soft);border:1px solid color-mix(in srgb,var(--red) 26%,transparent);border-radius:13px}.global-error>span{flex:1;min-width:0}.summary-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:14px;margin-bottom:22px}.summary-item{min-height:118px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft)}.summary-item>div{min-width:0;display:flex;flex-direction:column}.summary-kicker{color:var(--text-muted);font-size:11px;font-weight:720}.summary-item strong{margin-top:10px;color:var(--text);font-size:25px;line-height:1;letter-spacing:-.04em}.summary-item strong small{color:var(--text-faint);font-size:14px;font-weight:650}.summary-detail{margin-top:9px;color:var(--text-faint);font-size:10px;line-height:1.4}.summary-item>svg,.summary-health-icon{color:var(--text-faint)}.summary-item.success>svg,.summary-item.success .summary-health-icon{color:var(--green)}.summary-item.warning>svg{color:var(--amber)}.summary-item.danger>svg{color:var(--red)}.summary-health{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--accent-soft) 70%,var(--surface)))}.summary-health:after{content:"";position:absolute;right:-26px;bottom:-42px;width:130px;height:130px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:50%;box-shadow:0 0 0 18px color-mix(in srgb,var(--accent) 7%,transparent),0 0 0 36px color-mix(in srgb,var(--accent) 4%,transparent)}.summary-health-copy{position:relative;z-index:1}.summary-health-copy strong{font-size:32px}.summary-health-icon{position:relative;z-index:1;display:grid;place-items:center;width:38px;height:38px;background:var(--accent-soft);border-radius:12px}.data-panel{overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-soft)}.panel-toolbar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 18px;border-bottom:1px solid var(--border)}.panel-toolbar>div:first-child{min-width:0;display:flex;align-items:baseline;gap:10px}.panel-toolbar h2{font-size:15px;letter-spacing:-.02em}.panel-toolbar>div:first-child>span{color:var(--text-faint);font-size:11px}.table-controls,.chart-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.segmented-control{display:inline-flex;gap:3px;padding:3px;background:var(--surface-soft);border:1px solid var(--border);border-radius:11px}.segmented-control button{min-height:29px;padding:0 11px;color:var(--text-muted);font-size:11px;font-weight:680;background:transparent;border:0;border-radius:8px;cursor:pointer}.segmented-control button:hover{color:var(--text)}.segmented-control button.active{color:var(--text);background:var(--surface);box-shadow:0 2px 8px #0000001a}.search-field,.group-filter{height:36px;display:flex;align-items:center;gap:8px;padding:0 11px;color:var(--text-faint);background:var(--surface-soft);border:1px solid var(--border);border-radius:10px}.search-field{width:190px}.search-field:focus-within,.group-filter:focus-within{border-color:var(--accent)}.search-field input,.group-filter select{min-width:0;flex:1;color:var(--text);font-size:11px;background:transparent;border:0;outline:0}.group-filter span{color:var(--text-faint);font-size:10px}.group-filter select{cursor:pointer}.view-toggle{display:inline-flex;gap:2px;padding:3px;background:var(--surface-soft);border:1px solid var(--border);border-radius:10px}.view-toggle button{width:30px;height:28px;display:grid;place-items:center;color:var(--text-faint);background:transparent;border:0;border-radius:7px;cursor:pointer}.view-toggle button.active{color:var(--accent-strong);background:var(--surface)}.group-create-row{display:flex;align-items:center;gap:9px;padding:8px 18px;background:var(--surface-soft);border-bottom:1px solid var(--border)}.group-create-row label{display:flex;align-items:center;gap:8px;width:min(360px,100%)}.group-create-row label>span{color:var(--text-faint);font-size:10px;font-weight:730}.group-create-row input,.node-name-editor input{height:34px;min-width:0;padding:0 11px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:9px;outline:0}.group-create-row input{flex:1}.group-create-row .secondary-button{min-height:34px;padding-inline:13px}.group-create-row input:focus,.node-name-editor input:focus{border-color:var(--accent)}.group-error{color:var(--red);font-size:11px}.server-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;padding:20px}.server-card{overflow:hidden;background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.server-card:hover{border-color:var(--accent);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.server-card.offline{border-color:var(--border)}.server-card-main,.server-list-main{width:100%;display:block;padding:17px;color:inherit;text-align:left;background:transparent;border:0;cursor:pointer}.server-card-main>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.server-card-main>header>svg{flex:0 0 auto;color:var(--text-faint)}.node-identity{min-width:0;display:flex;align-items:center;gap:10px}.node-identity>div{min-width:0;display:grid;gap:4px}.node-identity strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.node-identity span:last-child{overflow:hidden;color:var(--text-faint);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:9px;height:9px;flex:0 0 auto;background:var(--text-faint);border-radius:50%}.status-dot.online{background:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.status-dot.offline{background:var(--red);box-shadow:0 0 0 4px var(--red-soft)}.server-card-context{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;color:var(--text-muted);font-size:11px}.server-card-context>span{display:inline-flex;align-items:center;gap:6px}.server-card-context b,.node-group-chip{max-width:120px;overflow:hidden;padding:4px 7px;color:var(--accent-strong);font-size:9px;font-weight:720;background:var(--accent-soft);border-radius:6px;text-overflow:ellipsis;white-space:nowrap}.server-card-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;margin-top:18px}.metric-bar-wrap{min-width:0}.metric-bar-wrap .metric-value{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px;color:var(--text-muted);font-size:11px}.metric-bar-wrap .metric-value strong{color:var(--text);font-size:11px;font-weight:700}.metric-label{color:var(--text-faint);font-size:9px;font-weight:760}.metric-track{width:100%;height:5px;overflow:hidden;background:var(--surface-soft);border-radius:5px}.metric-fill{height:100%;display:block;background:var(--green);border-radius:inherit;transition:width .3s ease}.metric-fill.warning{background:var(--amber)}.metric-fill.critical{background:var(--red)}.metric-fill.unavailable{background:var(--border-strong)}.metric-bar-wrap.unavailable .metric-value strong{color:var(--text-faint);font-size:10px}.metric-bar-wrap.compact .metric-value{margin-bottom:5px}.metric-bar-wrap.compact .metric-track{height:4px}.card-network,.card-latency{display:grid;gap:6px;color:var(--text-muted);font-size:10px}.latency-reading{min-width:0;display:grid;gap:3px}.latency-reading strong{overflow-wrap:anywhere}.card-network span{display:flex;align-items:center;gap:5px}.card-network span:first-child svg{color:var(--blue)}.card-network span:last-child svg{color:var(--chart-transmitted)}.card-network b{color:var(--text-faint);font-size:9px;font-weight:650}.card-latency span{color:var(--text-faint);font-size:9px}.card-latency strong{color:var(--text);font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.card-latency .latency-reading+.latency-reading{padding-top:5px;border-top:1px solid var(--border)}.card-latency strong[data-status=unreachable],.card-latency strong[data-status=invalid]{color:var(--red);font-family:inherit;font-size:10px}.card-latency strong[data-status=unconfigured],.card-latency strong[data-status=offline],.card-latency strong[data-status=paused],.card-latency strong[data-status=reload_required],.card-latency strong[data-status=measuring]{color:var(--text-faint);font-family:inherit;font-size:10px}.server-card footer,.server-list-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 17px 13px;color:var(--text-faint);font-size:10px;background:var(--surface-soft);border-top:1px solid var(--border)}.server-card footer label,.server-list-footer label{display:flex;align-items:center;gap:5px}.server-card footer select,.server-list-footer select{max-width:110px;color:var(--text-muted);font-size:10px;background:transparent;border:0;outline:0}.server-list{display:grid;gap:8px;padding:16px 20px 20px}.server-list-row{overflow:hidden;background:var(--surface-raised);border:1px solid var(--border);border-radius:14px}.server-list-row.offline{border-color:var(--border)}.server-list-main{display:grid;grid-template-columns:minmax(170px,1.4fr) minmax(110px,.8fr) 60px repeat(3,minmax(85px,.65fr)) minmax(135px,.8fr) 20px;align-items:center;gap:14px}.server-list-main:hover{background:var(--surface-hover)}.server-list-identity{min-width:0;display:flex;align-items:center;gap:10px}.server-list-identity>span:last-child{min-width:0;display:grid;gap:4px}.server-list-identity strong,.server-list-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-list-identity strong{font-size:12px}.server-list-identity small{color:var(--text-faint);font-size:10px}.server-list-os,.server-list-network{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:10px}.server-list-status{color:var(--green);font-size:10px;font-weight:730}.server-list-row.offline .server-list-status{color:var(--red)}.server-list-metric .metric-bar-wrap{width:100%}.server-list-footer{justify-content:flex-end}.server-list-footer>span:last-child{margin-left:auto}.server-list-latency{display:flex;align-items:center;gap:12px;margin-left:auto}.server-list-latency .latency-reading{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.server-list-latency .latency-reading>span{color:var(--text-faint);font-size:9px}.server-list-latency .latency-reading strong{color:var(--text-muted);font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.server-list-latency .latency-reading strong[data-status=unreachable],.server-list-latency .latency-reading strong[data-status=invalid]{color:var(--red);font-family:inherit}.filtered-empty,.small-empty{padding:56px 20px;color:var(--text-faint);font-size:12px;text-align:center}.group-manage-button{min-height:36px;padding-inline:10px;font-size:11px}.monitoring-help,.browser-latency-help{color:var(--text-muted);font-size:11px;line-height:1.65}.browser-latency-help{padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:9px}.browser-latency-help summary{color:var(--accent-strong);font-weight:650;cursor:pointer}.browser-latency-help p{margin-top:9px;overflow-wrap:anywhere}.browser-latency-help pre{overflow-x:auto;margin-top:10px;padding:10px;color:var(--text);background:var(--surface-soft);border-radius:7px;font-size:10px}.alerts-panel{overflow:hidden}.alert-list{display:grid;gap:9px;padding:17px 20px 20px}.alert-row{position:relative;display:grid;grid-template-columns:38px 62px minmax(150px,1.4fr) 120px minmax(135px,.8fr);align-items:center;gap:15px;width:100%;min-height:82px;padding:14px 17px;color:var(--text);text-align:left;background:var(--surface-raised);border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.alert-row:before{content:"";position:absolute;inset:10px auto 10px 0;width:3px;background:var(--amber);border-radius:0 3px 3px 0}.alert-row.alert-offline:before{background:var(--red)}.alert-row.resolved:before{background:var(--green)}.alert-row:hover{background:var(--surface-hover);border-color:var(--border-strong);transform:translate(2px)}.alert-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px}.alert-icon.active{color:var(--amber);background:var(--amber-soft)}.alert-icon.resolved{color:var(--green);background:var(--green-soft)}.alert-state,.alert-node,.alert-reading,.alert-time{min-width:0;display:grid;gap:4px}.alert-state strong,.alert-node strong,.alert-reading strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.alert-state small,.alert-node small,.alert-reading small,.alert-time small{overflow:hidden;color:var(--text-faint);font-size:10px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.alert-state strong{color:var(--amber)}.alert-row.resolved .alert-state strong{color:var(--green)}.alert-reading{text-align:right}.alert-time{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:5px;color:var(--text-faint);font-size:10px;text-align:right}.alert-time svg{color:var(--text-faint)}.alerts-empty{display:grid;justify-items:center;gap:12px;padding:80px 20px;color:var(--green)}.alerts-empty strong{color:var(--text-muted);font-size:13px}.detail-view{display:grid;gap:18px}.detail-header{display:flex;align-items:center;gap:14px;padding-bottom:3px}.detail-title{min-width:0;flex:1}.detail-title-line{display:flex;align-items:center;gap:10px}.detail-title h1{overflow:hidden;font-size:25px;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.detail-title p{overflow:hidden;margin-top:7px;color:var(--text-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.status-label{padding:5px 8px;font-size:10px;font-weight:760;border-radius:7px}.status-label.online{color:var(--green);background:var(--green-soft)}.status-label.offline{color:var(--red);background:var(--red-soft)}.detail-header-actions{display:flex;align-items:center;gap:14px}.detail-heartbeat{display:grid;gap:5px;text-align:right}.detail-heartbeat span{color:var(--text-faint);font-size:10px}.detail-heartbeat strong{color:var(--text);font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.latency-heartbeat strong{color:var(--blue)}.browser-latency-heartbeat strong[data-status=unreachable],.browser-latency-heartbeat strong[data-status=invalid]{color:var(--red);font-family:inherit;font-size:10px}.browser-latency-heartbeat strong[data-status=unconfigured],.browser-latency-heartbeat strong[data-status=offline],.browser-latency-heartbeat strong[data-status=paused],.browser-latency-heartbeat strong[data-status=reload_required],.browser-latency-heartbeat strong[data-status=measuring]{color:var(--text-faint);font-family:inherit;font-size:10px}.node-name-editor{min-width:0;display:flex;align-items:center;gap:7px}.node-name-editor input{width:min(300px,34vw)}.name-edit-button{width:31px;height:31px}.detail-delete-button{min-height:38px;padding:0 13px}.current-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.current-metrics>article{min-height:156px;display:grid;align-content:start;gap:12px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft)}.metric-heading{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px;font-weight:720}.metric-heading svg{color:var(--accent)}.current-metrics article>strong{font-family:SFMono-Regular,Consolas,monospace;font-size:26px;letter-spacing:-.04em}.current-metrics article>small{color:var(--text-faint);font-size:10px}.network-current{display:grid;gap:7px}.network-current strong{display:flex;align-items:center;gap:7px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.network-current strong:first-child svg{color:var(--blue)}.network-current strong:last-child svg{color:var(--chart-transmitted)}.history-panel{min-height:420px}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.chart-block{position:relative;min-width:0;padding:16px;background:var(--surface-soft);border:1px solid var(--border);border-radius:14px}.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.chart-heading strong{font-size:12px}.chart-heading>span{display:flex;align-items:center;gap:8px;color:var(--text-faint);font-size:10px}.legend{width:7px;height:7px;display:inline-block;border-radius:50%}.legend.cpu{background:var(--chart-cpu)}.legend.memory{background:var(--chart-memory)}.legend.disk{background:var(--chart-disk)}.legend.received{background:var(--chart-received)}.legend.transmitted{background:var(--chart-transmitted)}.chart-container{width:100%;height:270px}.chart-unit{position:absolute;right:16px;bottom:16px;color:var(--text-faint);font-size:9px}.chart-empty,.chart-loading{min-height:320px;display:grid;place-items:center;color:var(--text-faint);font-size:12px}.chart-empty.error-state{color:var(--red)}.chart-loading{display:flex;gap:8px}.chart-loading span{width:7px;height:7px;background:var(--accent);border-radius:50%;animation:pulse 1s ease-in-out infinite}.chart-loading span:nth-child(2){animation-delay:.16s}.chart-loading span:nth-child(3){animation-delay:.32s}.detail-lower-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.system-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;padding:20px}.system-info-grid div{min-width:0;display:grid;gap:6px}.system-info-grid dt{color:var(--text-faint);font-size:10px}.system-info-grid dd{overflow:hidden;display:flex;align-items:center;gap:5px;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.disk-list{display:grid;gap:13px;padding:20px}.disk-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;color:var(--text-faint)}.disk-row>svg{color:var(--accent)}.disk-main{min-width:0;display:grid;gap:9px}.disk-main>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.disk-main strong{overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.disk-main span,.disk-row>span{color:var(--text-faint);font-size:10px}.disk-row>span{white-space:nowrap}.process-note{display:inline-flex;align-items:center;gap:6px;color:var(--text-faint);font-size:10px}.process-table-scroll{overflow-x:auto;padding:0 20px 20px}.process-table{width:100%;border-collapse:collapse}.process-table th{height:38px;color:var(--text-faint);font-size:9px;font-weight:760;text-align:left;text-transform:uppercase;border-bottom:1px solid var(--border)}.process-table td{height:47px;color:var(--text-muted);font-size:11px;border-bottom:1px solid var(--border)}.process-table td:first-child{max-width:300px;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.process-table tr:last-child td{border-bottom:0}.drawer-layer,.confirm-layer{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end}.drawer-backdrop,.confirm-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#04060c8f;border:0;cursor:default}.settings-drawer{position:relative;z-index:1;width:min(480px,100%);height:100%;overflow-y:auto;padding:25px;color:var(--text);background:var(--surface);border-left:1px solid var(--border);box-shadow:-18px 0 55px #00000038;animation:drawer-in .22s ease-out}@keyframes drawer-in{0%{transform:translate(28px);opacity:.4}to{transform:translate(0);opacity:1}}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--border)}.drawer-header>div{display:flex;align-items:center;gap:11px}.drawer-header>div>svg{color:var(--accent)}.drawer-header h2{font-size:18px}.drawer-header span{display:block;margin-top:5px;color:var(--text-muted);font-size:11px}.settings-form{display:grid;gap:23px;padding-top:24px;padding-bottom:80px}.settings-form fieldset{display:grid;gap:12px}.settings-form legend{color:var(--text);font-size:12px;font-weight:760}.field-label{display:grid;gap:7px;color:var(--text-muted);font-size:10px;font-weight:680}.field-label input,.field-label select{width:100%;height:40px;padding:0 11px;color:var(--text);background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;outline:0}.field-label input:focus,.field-label select:focus{border-color:var(--accent)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.number-field{position:relative}.number-field input{padding-right:40px}.number-field>span{position:absolute;top:12px;right:11px;color:var(--text-faint);font-size:10px}.metric-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.toggle-row{display:flex;align-items:center;gap:10px;min-height:55px;padding:10px 12px;background:var(--surface-soft);border:1px solid var(--border);border-radius:11px;cursor:pointer}.toggle-row>span{min-width:0;flex:1;display:grid;gap:4px}.toggle-row strong{font-size:11px}.toggle-row small{overflow:hidden;color:var(--text-faint);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.toggle-row input{position:absolute;width:1px;height:1px;opacity:0}.toggle-row i{position:relative;width:34px;height:20px;flex:0 0 auto;background:var(--border-strong);border-radius:20px;transition:background .15s ease}.toggle-row i:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background:var(--surface);border-radius:50%;transition:transform .15s ease}.toggle-row input:checked+i{background:var(--accent)}.toggle-row input:checked+i:after{transform:translate(14px)}.toggle-row input:disabled+i{opacity:.4}.webhook-field{margin-top:2px}.form-error{padding:10px 12px;color:var(--red);font-size:11px;line-height:1.5;background:var(--red-soft);border:1px solid color-mix(in srgb,var(--red) 25%,transparent);border-radius:10px}.drawer-footer{position:sticky;bottom:-1px;display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0 -25px -25px;padding:15px 25px;background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.save-confirmation{color:var(--green);font-size:11px;font-weight:700}.drawer-loading{min-height:240px;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--text-muted);font-size:12px}.confirm-layer{z-index:120;align-items:center;justify-content:center;padding:20px}.confirm-dialog{position:relative;z-index:1;width:min(440px,100%);display:grid;gap:14px;padding:25px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.confirm-dialog h2{font-size:18px}.confirm-dialog p{color:var(--text-muted);font-size:12px;line-height:1.6}.confirm-dialog footer{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}.empty-state{padding:38px 28px 30px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-soft)}.empty-state-intro{max-width:620px;margin:0 auto}.empty-icon{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 17px;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:17px}.empty-eyebrow{color:var(--accent);font-size:10px;font-weight:760;letter-spacing:.12em}.empty-state h2{margin-top:8px;font-size:23px;letter-spacing:-.035em}.empty-state-intro>p{margin-top:9px;color:var(--text-muted);font-size:12px;line-height:1.6}.empty-state-intro code{color:var(--accent-strong)}.onboarding-steps{max-width:620px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px auto 0;padding:0;list-style:none}.onboarding-steps li{display:grid;gap:5px;padding:13px 9px;color:var(--text-faint);background:var(--surface-soft);border:1px solid var(--border);border-radius:12px}.onboarding-steps li>span{width:22px;height:22px;display:grid;place-items:center;margin:0 auto 2px;font-size:10px;font-weight:760;border:1px solid var(--border-strong);border-radius:50%}.onboarding-steps li.complete{color:var(--accent-strong);border-color:color-mix(in srgb,var(--accent) 28%,var(--border))}.onboarding-steps li.complete>span{color:var(--surface);background:var(--accent);border-color:var(--accent)}.onboarding-steps strong{font-size:11px}.onboarding-steps small{font-size:9px}.config-grid{max-width:950px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:22px auto 0;text-align:left}.config-example{overflow:hidden;background:var(--code-surface);border:1px solid var(--code-border);border-radius:14px}.config-heading{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px 9px 15px;border-bottom:1px solid var(--code-border)}.config-heading>div{min-width:0;display:grid;gap:4px}.config-heading strong{color:var(--text);font-size:12px}.config-heading span{overflow:hidden;color:var(--code-muted);font-family:SFMono-Regular,Consolas,monospace;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.config-heading .icon-button{color:var(--code-muted);background:color-mix(in srgb,var(--code-surface) 78%,white 22%);border-color:var(--code-border)}.config-example pre{min-height:164px;overflow-x:auto;padding:15px;color:var(--code-text);font-size:10px;line-height:1.7}.config-example>p{padding:10px 15px;color:var(--code-muted);font-size:9px;line-height:1.5;background:var(--code-footer);border-top:1px solid var(--code-border)}.security-note{max-width:950px;margin:13px auto 0;padding:11px 13px;color:var(--amber);font-size:10px;line-height:1.5;text-align:left;background:var(--amber-soft);border:1px solid color-mix(in srgb,var(--amber) 24%,transparent);border-radius:10px}.http-security-warning{max-width:950px;display:flex;align-items:flex-start;gap:8px;margin:12px auto 0;padding:11px 13px;color:var(--red);font-size:10px;line-height:1.5;text-align:left;background:var(--red-soft);border:1px solid color-mix(in srgb,var(--red) 24%,transparent);border-radius:10px}.http-security-warning svg{flex:0 0 auto;margin-top:1px}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,540px) minmax(0,1fr);color:var(--text);background:var(--canvas)}.login-panel{display:flex;align-items:center;padding:clamp(28px,7vw,86px);background:var(--surface);border-right:1px solid var(--border)}.login-panel-inner{width:min(100%,360px);margin:0 auto}.login-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:70px;color:var(--accent)}.login-brand .brand-mark{display:none}.login-heading .eyebrow{color:var(--accent)}.login-heading h1{margin-top:13px;font-size:clamp(30px,4vw,42px);letter-spacing:-.05em}.login-heading>p:last-child{margin-top:10px;color:var(--text-muted);font-size:13px}.login-form{display:grid;gap:10px;margin-top:38px}.login-form>label{color:var(--text-muted);font-size:11px;font-weight:700}.password-field{height:48px;display:flex;align-items:center;gap:10px;padding:0 12px;color:var(--text-faint);background:var(--surface-soft);border:1px solid var(--border);border-radius:12px}.password-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.password-field input{min-width:0;flex:1;color:var(--text);background:transparent;border:0;outline:0}.login-button{width:100%;min-height:48px;margin-top:10px}.login-footnote{display:flex;align-items:center;gap:7px;margin-top:25px;color:var(--text-faint);font-size:10px}.login-footnote svg{color:var(--green)}.login-environment{position:relative;display:grid;place-content:center;overflow:hidden;padding:50px;background:radial-gradient(circle at 50% 42%,var(--accent-soft),transparent 38%),var(--canvas)}.login-orbit{position:absolute;left:50%;top:44%;width:min(620px,70vw);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:50%;transform:translate(-50%,-50%)}.login-orbit-two{width:min(460px,54vw);border-color:color-mix(in srgb,var(--accent) 14%,transparent);transform:translate(-50%,-50%) rotate(28deg) scaleY(.56)}.login-signal-card{position:relative;width:min(480px,100%);padding:22px;background:color-mix(in srgb,var(--surface) 82%,transparent);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-signal-header,.login-signal-footer{display:flex;align-items:center;justify-content:space-between;color:var(--text-faint);font-size:10px;font-weight:750;letter-spacing:.1em}.signal-live-dot{width:7px;height:7px;margin-right:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px var(--green-soft)}.login-signal-header{justify-content:flex-start}.pulse-trace{height:150px;margin:22px 0;background:linear-gradient(transparent 49%,var(--border) 50%,transparent 51%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='150' viewBox='0 0 600 150'%3E%3Cpath d='M0 83h100l24-1 19-43 32 78 31-57 23 25h87l27-2 24-34 26 71 30-54 24 22h103' fill='none' stroke='%238b8eff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");opacity:.9}.login-signal-footer strong{color:var(--green);letter-spacing:.14em}.login-signal-footer span{display:inline-flex;align-items:center;gap:6px;letter-spacing:0}.login-environment-copy{position:relative;width:min(480px,100%);margin:24px auto 0}.login-environment-copy span{color:var(--text-faint);font-size:10px;font-weight:760;letter-spacing:.14em}.login-environment-copy strong{display:block;margin-top:9px;font-size:clamp(25px,4vw,44px);letter-spacing:-.05em}.login-environment-copy p{max-width:370px;margin-top:9px;color:var(--text-muted);font-size:12px;line-height:1.7}.boot-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--text);background:var(--canvas)}.boot-screen>span:first-child{color:var(--accent)}.boot-screen>strong{font-size:18px;letter-spacing:-.02em}.boot-caption{color:var(--text-faint);font-size:11px}.connection-failure{min-height:260px;display:flex;align-items:center;gap:17px;padding:30px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-soft)}.connection-failure.compact{min-height:210px}.connection-failure-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;color:var(--amber);background:var(--amber-soft);border:1px solid color-mix(in srgb,var(--amber) 24%,transparent);border-radius:15px}.connection-failure>div{flex:1}.connection-failure h1{margin-top:7px;font-size:18px}.connection-failure p{margin-top:7px;color:var(--text-muted);font-size:12px;line-height:1.6}.dashboard-skeleton,.detail-skeleton{display:grid;gap:18px}.skeleton-heading{display:grid;gap:9px}.skeleton-heading span:first-child{width:190px;height:29px}.skeleton-heading span:last-child{width:260px;height:13px}.skeleton-heading span,.skeleton-summary span,.skeleton-table i,.skeleton-detail-metrics span,.skeleton-detail-chart{display:block;background:linear-gradient(100deg,var(--surface) 20%,var(--surface-hover) 40%,var(--surface) 60%);background-size:220% 100%;border:1px solid var(--border);border-radius:12px;animation:shimmer 1.5s ease-in-out infinite}.skeleton-summary{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:14px}.skeleton-summary span{height:132px}.skeleton-table{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skeleton-table i{height:200px}.skeleton-detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.skeleton-detail-metrics span{height:150px}.skeleton-detail-chart{height:410px}.skeleton-heading+.skeleton-detail-metrics{margin-top:4px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.mobile-nav{display:none}@media(max-width:1240px){.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-health{grid-column:span 2}.server-list-main{grid-template-columns:minmax(150px,1.3fr) minmax(100px,.75fr) 50px repeat(3,minmax(75px,.6fr)) 110px 20px;gap:10px}.topbar-time{display:none}}@media(max-width:1040px){.app-sidebar{width:76px;padding-inline:12px}.app-main{margin-left:76px}.sidebar-context,.sidebar-nav button span,.sidebar-nav button b,.sidebar-nav button>svg:last-child,.sidebar-actions button span,.sidebar-live-card>span:last-child,.sidebar-footer{display:none}.sidebar-nav button,.sidebar-actions button{justify-content:center;padding:0}.sidebar-live-card{justify-items:center;padding:11px 5px}.sidebar-live-card .connection-badge{padding:0;border:0;background:transparent;font-size:0}.sidebar-live-card .connection-badge>span{width:9px;height:9px}.sidebar-spacer{min-height:12px}.sidebar-brand{justify-content:center;padding:0}.brand-wordmark{display:none}.theme-picker{margin:15px 0 10px;padding:6px 4px}.theme-picker-heading{justify-content:center;margin-bottom:4px}.theme-picker-heading span{font-size:0}.theme-picker-heading small{display:none}.theme-options{grid-template-columns:1fr;gap:2px}.theme-options button{height:27px;padding:2px}.theme-options button>span:last-of-type{display:none}.theme-options button>svg{margin:-2px 0 0 15px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-health{grid-column:span 2}.panel-toolbar{align-items:flex-start;flex-direction:column}.panel-toolbar .table-controls,.table-controls{width:100%}.search-field{flex:1;width:auto}.server-list-main{grid-template-columns:minmax(150px,1.3fr) minmax(95px,.8fr) 48px repeat(3,minmax(70px,.7fr)) 100px 18px;font-size:10px}.detail-header{flex-wrap:wrap}.detail-header-actions{width:100%;margin-left:52px}.detail-heartbeat{text-align:left}.chart-container{height:235px}}@media(min-width:761px)and (max-width:1040px){.app-sidebar:hover{width:248px;box-shadow:18px 0 45px #00000024}.app-sidebar:hover .sidebar-context,.app-sidebar:hover .sidebar-nav button span,.app-sidebar:hover .sidebar-nav button b,.app-sidebar:hover .sidebar-nav button>svg:last-child,.app-sidebar:hover .sidebar-actions button span,.app-sidebar:hover .sidebar-live-card>span:last-child,.app-sidebar:hover .sidebar-footer{display:revert}.app-sidebar:hover .sidebar-nav button,.app-sidebar:hover .sidebar-actions button{justify-content:flex-start;padding:0 12px}.app-sidebar:hover .sidebar-brand{justify-content:flex-start;padding:0 10px}.app-sidebar:hover .brand-wordmark{display:inline}.app-sidebar:hover .theme-picker{margin:15px 6px 10px;padding:11px}.app-sidebar:hover .theme-picker-heading{justify-content:space-between;margin-bottom:9px}.app-sidebar:hover .theme-picker-heading span{font-size:11px}.app-sidebar:hover .theme-picker-heading small{display:inline}.app-sidebar:hover .theme-options{grid-template-columns:repeat(5,1fr);gap:5px}.app-sidebar:hover .theme-options button{height:auto;padding:5px 1px}.app-sidebar:hover .theme-options button>span:last-of-type{display:block}.app-sidebar:hover .theme-options button>svg{margin:-2px 0 0 22px}.app-sidebar:hover .sidebar-live-card{justify-items:stretch;padding:13px 12px}.app-sidebar:hover .sidebar-live-card .connection-badge{padding:0 10px;border:1px solid var(--border);background:var(--surface-soft);font-size:11px}.app-sidebar:hover .sidebar-live-card .connection-badge>span{width:7px;height:7px}}@media(max-width:760px){.app-sidebar{z-index:90;width:min(290px,86vw);transform:translate(-102%);transition:transform .22s ease;box-shadow:20px 0 60px #00000040}.app-sidebar.open{transform:translate(0)}.sidebar-scrim{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none;opacity:0;background:#0000008c;border:0;transition:opacity .22s ease}.sidebar-scrim.visible{pointer-events:auto;opacity:1}.sidebar-close{display:inline-grid;place-items:center}.sidebar-brand{justify-content:space-between;padding:0 4px}.brand-wordmark{display:inline}.sidebar-context,.sidebar-nav button span,.sidebar-nav button b,.sidebar-nav button>svg:last-child,.sidebar-actions button span,.sidebar-live-card>span:last-child,.sidebar-footer,.theme-picker{display:revert}.sidebar-nav button,.sidebar-actions button{justify-content:flex-start;padding:0 12px}.sidebar-live-card{justify-items:stretch;padding:13px 12px}.sidebar-live-card .connection-badge{padding:0 10px;border:1px solid var(--border);background:var(--surface-soft);font-size:11px}.sidebar-live-card .connection-badge>span{width:7px;height:7px}.app-main{margin-left:0;padding-bottom:70px}.topbar{min-height:70px;padding:13px 18px}.topbar-mobile-brand{display:flex;align-items:center;gap:7px}.topbar-heading{display:none}.topbar-actions{margin-left:auto}.topbar-actions .connection-badge,.topbar-actions .topbar-settings{display:none}.main-content{padding:27px 17px 45px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:22px}.page-heading h2{font-size:27px}.heading-accent{align-self:flex-start}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.summary-item{min-height:116px;padding:15px;border-radius:15px}.summary-health{grid-column:span 2}.summary-item strong{margin-top:11px;font-size:22px}.summary-health-copy strong{font-size:31px}.panel-toolbar{padding:15px}.table-controls{gap:6px}.segmented-control button{padding-inline:9px}.group-filter{flex:1}.group-create-row{align-items:stretch;flex-wrap:wrap;padding:14px 15px}.group-create-row label{flex:1;width:auto}.server-card-grid,.server-list{padding:14px 15px 16px}.server-card-grid{grid-template-columns:1fr}.server-list-main{grid-template-columns:minmax(150px,1fr) 58px 18px;gap:9px;padding:14px}.server-list-os,.server-list-status,.server-list-metric,.server-list-network{display:none}.server-list-identity{grid-column:1 / 3}.server-list-main>.row-chevron{grid-column:3;grid-row:1}.server-list-footer{padding:10px 14px 12px}.search-field{width:100%;flex-basis:100%}.view-toggle{margin-left:auto}.alert-list{padding:12px 13px 15px}.alert-row{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;min-height:76px;padding:12px}.alert-state{grid-column:2}.alert-node{grid-column:2 / 4;grid-row:2}.alert-reading{grid-column:3;grid-row:1}.alert-time{grid-column:3;grid-row:2}.alert-time small{display:none}.current-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.current-metrics>article{min-height:143px;padding:15px}.detail-title h1{font-size:22px}.detail-header-actions{margin-left:0;gap:12px}.detail-delete-button{margin-left:auto}.chart-grid,.detail-lower-grid{grid-template-columns:1fr;gap:12px;padding:13px}.chart-container{height:230px}.system-info-grid{padding:15px}.settings-drawer{width:100%;padding:20px}.drawer-footer{margin:0 -20px -20px;padding:13px 20px}.metric-toggle-grid,.config-grid{grid-template-columns:1fr}.onboarding-steps{gap:6px}.onboarding-steps li{padding-inline:5px}.login-shell{display:block}.login-panel{min-height:100vh;padding:30px 24px}.login-brand{margin-bottom:65px}.login-environment{display:none}.connection-failure{align-items:flex-start;flex-wrap:wrap;padding:22px}.connection-failure .primary-button{width:100%}.mobile-nav{position:fixed;z-index:70;right:12px;bottom:12px;left:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:7px;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);border-radius:17px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav button{position:relative;display:grid;justify-items:center;gap:4px;padding:8px 4px;color:var(--text-faint);font-size:9px;background:transparent;border:0;border-radius:11px;cursor:pointer}.mobile-nav button.active{color:var(--accent-strong);background:var(--accent-soft)}.mobile-nav i{position:absolute;top:3px;right:23%;min-width:15px;height:15px;display:grid;place-items:center;padding:0 4px;color:#fff;font-size:8px;font-style:normal;background:var(--red);border-radius:10px}}@media(max-width:480px){.topbar,.main-content{padding-inline:13px}.topbar-actions .icon-button{width:34px;height:34px}.summary-grid{gap:8px}.summary-item{min-height:108px;padding:13px}.summary-kicker{font-size:10px}.summary-item strong{font-size:20px}.summary-health-copy strong{font-size:27px}.table-controls>.segmented-control{width:100%}.segmented-control{justify-content:space-between}.segmented-control button{flex:1;padding-inline:4px}.group-filter{order:2}.view-toggle{order:1}.search-field{order:3}.detail-header{gap:9px}.detail-title h1{font-size:19px}.detail-title p{font-size:10px}.detail-header-actions{flex-wrap:wrap}.detail-heartbeat{flex:1}.detail-delete-button{width:100%;margin-left:0}.current-metrics{gap:8px}.current-metrics>article{min-height:135px;padding:13px}.current-metrics article>strong{font-size:22px}.chart-heading{align-items:flex-start;flex-direction:column}.chart-container{height:205px}.process-table td,.process-table th{padding-right:15px}.onboarding-steps strong{font-size:10px}.onboarding-steps small{font-size:8px}.login-panel{padding-inline:20px}}@media(min-width:761px){.app-sidebar{display:none}.app-main{margin-left:0}}@media(max-width:1040px)and (min-width:761px){.topbar{gap:10px;padding-inline:16px;flex-wrap:wrap}.topbar-nav{order:3;width:100%;margin-left:0;justify-content:space-between}.topbar-nav button{flex:1;justify-content:center}.topbar-mobile-brand .brand-wordmark{display:inline}.topbar-actions{gap:6px}.theme-popover .theme-picker{margin:0;padding:0;background:transparent;border:0}.theme-popover .theme-options{grid-template-columns:repeat(5,1fr);gap:4px}.theme-popover .theme-options button>span:last-of-type{display:block}.topbar-theme-picker{margin:0;padding:0;background:transparent;border:0}.topbar-theme-picker .theme-options{grid-template-columns:repeat(5,1fr);gap:3px}.topbar-theme-picker .theme-options button{height:30px;padding:2px}.topbar-theme-picker .theme-options button>span:last-of-type{display:none}.topbar-theme-picker .theme-picker-heading{justify-content:center;margin:0 3px 0 0}.topbar-theme-picker .theme-picker-heading span{font-size:0}.topbar-theme-picker .theme-picker-heading small{display:none}}@media(max-width:760px){.app-sidebar{display:flex}.app-main{margin-left:0}.mobile-menu-button{display:inline-grid;place-items:center}.topbar-nav,.theme-control,.topbar-theme-picker,.topbar-logout{display:none}.topbar-actions .connection-badge{display:inline-flex}.server-list-footer{flex-wrap:wrap}.server-list-latency{order:3;flex-basis:100%;margin-left:0;flex-wrap:wrap}.server-list-footer>span:last-child{margin-left:auto}.browser-latency-heartbeat{min-width:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}