@layer reset,tokens,base,shell,components,overview,servers,detail,responsive;@layer reset{*,*:before,*:after{box-sizing:border-box}html{min-width:0;background:#e0e5ec;scroll-behavior:smooth}body{min-width:0;min-height:100vh;margin:0;overflow-x:clip;overscroll-behavior:contain}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{display:block;flex:none}}@layer tokens{:root{color-scheme:light;--clay: #e0e5ec;--clay-deep: #d7dde6;--ink: #3d4852;--ink-secondary: #56616d;--ink-muted: #6b7280;--ink-tertiary: #788391;--accent: #6c63ff;--accent-light: #8b84ff;--success: #268c87;--success-bright: #38b2ac;--warning: #b46b26;--danger: #c4495e;--telemetry-grid: rgba(83, 96, 112, .16);--shadow-light: rgba(255, 255, 255, .62);--shadow-dark: rgba(163, 177, 198, .66);--raised: 9px 9px 16px var(--shadow-dark), -9px -9px 16px var(--shadow-light);--raised-small: 5px 5px 10px rgba(163, 177, 198, .62), -5px -5px 10px rgba(255, 255, 255, .56);--raised-hover: 12px 12px 20px rgba(163, 177, 198, .7), -12px -12px 20px rgba(255, 255, 255, .68);--pressed: inset 6px 6px 10px rgba(163, 177, 198, .62), inset -6px -6px 10px rgba(255, 255, 255, .58);--pressed-small: inset 3px 3px 6px rgba(163, 177, 198, .62), inset -3px -3px 6px rgba(255, 255, 255, .58);--pressed-deep: inset 10px 10px 20px rgba(163, 177, 198, .7), inset -10px -10px 20px rgba(255, 255, 255, .65);--font-display: "Plus Jakarta Sans", "Microsoft YaHei", sans-serif;--font-body: "DM Sans", "Microsoft YaHei", sans-serif;--page-max: 1560px;--ease: cubic-bezier(.25, 1, .5, 1)}}@layer base{body{background:var(--clay);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{position:fixed;z-index:600;top:12px;left:12px;padding:10px 16px;border-radius:14px;background:var(--clay);color:var(--accent);box-shadow:var(--raised-small);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.eyebrow,.heading-meta,.brand-copy small,.section-index,.server-card-identity small,.app-footer span{letter-spacing:.04em}.status-dot{width:10px;height:10px;display:inline-block;flex:none;border-radius:50%;background:var(--ink-tertiary);box-shadow:var(--pressed-small)}.status-dot.online{background:var(--success-bright);box-shadow:0 0 0 5px #38b2ac1f,var(--raised-small)}.status-dot.offline{background:var(--danger);box-shadow:0 0 0 5px #c4495e1a,var(--raised-small)}.up,.green-text{color:var(--success)}.blue-text,.purple-text,.down{color:var(--accent)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}}@layer shell{.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;z-index:120;top:0;padding:16px 20px 10px;background:#e0e5ecdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-inner{width:min(100%,var(--page-max));min-height:66px;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;margin:0 auto;padding:8px 12px;border-radius:24px;background:var(--clay);box-shadow:var(--raised)}.brand,.header-actions{min-width:0;display:flex;align-items:center;padding:0 10px}.brand{gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:var(--accent);box-shadow:var(--pressed-deep);transition:color .25s var(--ease),transform .25s var(--ease)}.brand:hover .brand-mark{color:var(--success);transform:rotate(4deg)}.brand-copy{min-width:0;display:grid;line-height:1.1}.brand-copy strong{overflow:hidden;color:var(--ink);font-family:var(--font-display);font-size:15px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.brand-copy small{margin-top:5px;color:var(--ink-muted);font-size:8px;font-weight:600}.main-nav{min-height:48px;display:flex;align-items:stretch;gap:6px;padding:5px;border-radius:18px;box-shadow:var(--pressed)}.main-nav a{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 18px;border-radius:13px;color:var(--ink-muted);font-size:12px;font-weight:600;transition:color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}.main-nav a:hover{color:var(--accent);transform:translateY(-1px)}.main-nav a.active{color:#fff;background:var(--accent);box-shadow:4px 4px 9px #4f46c247,-3px -3px 8px #ffffff4d,inset 1px 1px #fff3}.header-actions{justify-content:flex-end}.connection-dock{display:grid;justify-items:end}.connection-pill{min-height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:14px;color:var(--ink-muted);font-size:10px;font-weight:600;box-shadow:var(--pressed-small)}.connection-pill i{width:8px;height:8px;border-radius:50%;background:var(--ink-tertiary)}.connection-pill.connected{color:var(--success)}.connection-pill.connected i{background:var(--success-bright)}.connection-pill.demo{color:var(--warning)}.connection-pill.demo i{background:#d58a42}.connection-pill.disconnected{color:var(--danger)}.connection-pill.disconnected i{background:var(--danger)}.updated-label{margin-top:5px;padding-right:5px;color:var(--ink-muted);font-size:9px}.page-container{width:min(100%,var(--page-max));flex:1;margin:0 auto;padding:16px 28px 80px}.page-stack{min-width:0;display:grid;gap:38px}.app-footer{width:min(calc(100% - 56px),var(--page-max));min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 auto 24px;padding:0 24px;border-radius:22px;color:var(--ink-muted);font-size:10px;box-shadow:var(--pressed-small)}}@layer components{.page-heading{min-height:330px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:48px;overflow:hidden;padding:44px 52px;border-radius:36px;background:var(--clay);box-shadow:var(--raised)}.page-heading:before,.page-heading:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.page-heading:before{right:8%;width:230px;height:230px;box-shadow:var(--raised)}.page-heading:after{right:calc(8% + 42px);width:146px;height:146px;box-shadow:var(--pressed-deep)}.page-heading>div{min-width:0;position:relative;z-index:1}.eyebrow{display:inline-flex;min-height:34px;align-items:center;margin-bottom:18px;padding:0 14px;border-radius:999px;color:var(--accent);font-size:11px;font-weight:700;box-shadow:var(--pressed-small)}.page-heading h1{max-width:780px;color:var(--ink);font-family:var(--font-display);font-size:clamp(52px,6vw,82px);font-weight:800;line-height:.98;letter-spacing:-.055em}.page-heading h1 span{color:var(--accent)}.page-heading p{max-width:620px;margin-top:22px;color:var(--ink-secondary);font-size:15px;line-height:1.7}.heading-meta{position:relative;z-index:1;align-self:flex-end;flex:none;padding:12px 16px;border-radius:14px;color:var(--success);font-size:10px;font-weight:700;box-shadow:var(--raised-small)}.workspace-section,.list-table-shell,.info-overview-grid,.metric-chart-panel{min-width:0;border-radius:32px;background:var(--clay);box-shadow:var(--raised)}.workspace-section{padding:28px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:22px}.panel-head h2,.section-title h2,.server-group-heading h2,.trend-title h2{color:var(--ink);font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.025em}.panel-head p,.section-title p,.trend-title p{margin-top:6px;color:var(--ink-muted);font-size:11px}.section-index{display:block;margin-bottom:6px;color:var(--accent);font-size:9px;font-weight:700}.text-link{min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border-radius:14px;color:var(--accent);font-size:11px;font-weight:700;box-shadow:var(--raised-small);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.text-link:hover{transform:translateY(-1px);box-shadow:var(--raised-hover)}.text-link:active{transform:translateY(1px);box-shadow:var(--pressed-small)}.segmented{min-height:44px;display:inline-flex;align-items:stretch;gap:5px;padding:5px;border-radius:16px;box-shadow:var(--pressed)}.segmented button{min-height:34px;padding:5px 12px;border-radius:11px;background:transparent;color:var(--ink-muted);font-size:10px;font-weight:600;white-space:nowrap;transition:color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}.segmented button:hover{color:var(--accent)}.segmented button.active{background:var(--accent);color:#fff;box-shadow:3px 3px 7px #4f46c247,-2px -2px 6px #ffffff5c}.segmented button:active{transform:translateY(1px);box-shadow:inset 3px 3px 6px #3d398847,inset -3px -3px 6px #fff3}.secondary-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:16px;background:var(--clay);color:var(--accent);font-size:11px;font-weight:700;box-shadow:var(--raised-small);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.secondary-button:hover{transform:translateY(-1px);box-shadow:var(--raised-hover)}.secondary-button:active{transform:translateY(1px);box-shadow:var(--pressed-small)}.usage-track{height:9px;overflow:hidden;border-radius:999px;background:var(--clay);box-shadow:var(--pressed-small)}.usage-track.is-compact{height:7px}.usage-fill{display:block;height:100%;border-radius:inherit;background:var(--accent)}.tone-blue,.tone-purple{color:var(--accent);background:var(--accent)}.tone-cyan,.tone-green{color:var(--success);background:var(--success-bright)}.tone-warning{color:var(--warning);background:#d58a42}.tone-danger{color:var(--danger);background:var(--danger)}.select-control{position:relative;min-width:140px}.select-control.sort-select{min-width:190px}.select-trigger{width:100%;height:46px;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;padding:0 14px;border-radius:15px;background:var(--clay);color:var(--ink-secondary);font-size:11px;font-weight:600;white-space:nowrap;box-shadow:var(--pressed-small);transition:color .2s var(--ease),box-shadow .2s var(--ease)}.select-trigger:hover,.select-trigger[aria-expanded=true]{color:var(--accent);box-shadow:var(--pressed-deep)}.select-popover{position:absolute;z-index:150;top:calc(100% + 10px);right:0;width:max(100%,220px);padding:8px;border-radius:18px;background:var(--clay);box-shadow:var(--raised-hover)}.select-option{width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border-radius:12px;background:transparent;color:var(--ink-secondary);font-size:11px;text-align:left}.select-option:hover{color:var(--accent);box-shadow:var(--pressed-small)}.select-option[aria-selected=true]{background:var(--accent);color:#fff}.inline-notice{margin:14px 0;padding:12px 16px;border-radius:16px;color:var(--warning);font-size:11px;box-shadow:var(--pressed-small)}.empty-state,.page-loading,.chart-empty,.healthy-state{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ink-muted)}.empty-state{min-height:240px;flex-direction:column;border-radius:32px;box-shadow:var(--pressed-deep)}.page-loading{min-height:55vh;color:var(--accent)}.chart-empty{min-height:160px}.healthy-state{min-height:96px;border-radius:20px;color:var(--success);box-shadow:var(--pressed-small)}.chart-wrap{width:100%;min-width:0;padding:18px 12px 10px;border-radius:24px;background:var(--clay);box-shadow:var(--pressed-deep)}.chart-wrap .recharts-wrapper,.chart-wrap .recharts-surface{outline:none!important}.chart-wrap .recharts-wrapper:focus,.chart-wrap .recharts-wrapper:focus-visible,.chart-wrap .recharts-surface:focus,.chart-wrap .recharts-surface:focus-visible{outline:none!important}.chart-tooltip{max-width:calc(100vw - 24px);z-index:70}.chart-tooltip-panel{min-width:220px;max-width:min(800px,calc(100vw - 32px));padding:14px;border-radius:18px;background:var(--clay);box-shadow:var(--raised-hover)}.chart-tooltip-time{margin-bottom:10px;padding-bottom:8px;color:var(--ink);font-size:11px;font-weight:700;box-shadow:inset 0 -1px #56616d1f}.chart-tooltip-grid{display:grid;gap:5px 16px}.chart-tooltip-panel.many .chart-tooltip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-tooltip-entry{min-width:0;display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:10px}.chart-tooltip-entry i{width:7px;height:7px;border-radius:50%}.chart-tooltip-entry span{overflow:hidden;color:var(--ink-secondary);text-overflow:ellipsis;white-space:nowrap}.chart-tooltip-entry strong{color:var(--ink);font-size:10px;font-weight:700}.chart-tooltip-empty{color:var(--ink-muted);font-size:11px}.recharts-default-legend{display:flex!important;flex-wrap:wrap;justify-content:center;gap:5px 14px;line-height:1.3!important}.recharts-legend-item{margin-right:0!important;color:var(--ink-secondary)!important}}@layer overview{.telemetry-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.telemetry-stat{min-width:0;min-height:126px;display:flex;align-items:center;gap:18px;padding:20px;border-radius:28px;background:var(--clay);color:var(--ink);text-align:left;box-shadow:var(--raised);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.telemetry-stat:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--raised-hover)}.telemetry-stat:not(:disabled):active{transform:translateY(1px);box-shadow:var(--pressed)}.stat-icon{width:52px;height:52px;display:grid;place-items:center;flex:none;border-radius:18px;color:var(--accent);box-shadow:var(--pressed-deep)}.stat-icon svg{width:21px;height:21px}.stat-icon.green,.stat-icon.cyan{color:var(--success)}.stat-icon.orange{color:var(--warning)}.stat-icon.red{color:var(--danger)}.stat-copy{min-width:0;display:grid}.stat-copy small{color:var(--ink-muted);font-size:10px;font-weight:600}.stat-copy strong{margin-top:4px;color:var(--ink);font-family:var(--font-display);font-size:28px;font-weight:800;line-height:1.1}.stat-copy em{margin-top:5px;overflow:hidden;color:var(--ink-muted);font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.trend-head{display:grid;grid-template-columns:minmax(250px,1fr) auto;align-items:start}.trend-kpis{grid-row:2;grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.trend-kpis>span{min-width:0;display:grid;gap:4px;padding:12px 16px;border-radius:16px;box-shadow:var(--pressed-small)}.trend-kpis small{color:var(--ink-muted);font-size:9px;font-weight:600}.trend-kpis strong{min-width:0;display:flex;align-items:center;gap:5px;overflow:hidden;color:var(--ink-secondary);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.trend-kpis svg{width:12px;height:12px}.trend-controls{display:grid;justify-items:end;gap:10px}.trend-panel>.chart-wrap{margin-top:18px}.fleet-series-hint{margin:14px 4px 9px;color:var(--ink-muted);font-size:9px}.fleet-series-legend{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;padding:10px;border-radius:18px;box-shadow:var(--pressed)}.fleet-series-legend button{min-width:0;display:grid;grid-template-columns:7px minmax(0,1fr);align-items:center;gap:6px;padding:7px 8px;border-radius:10px;background:transparent;color:var(--ink-secondary);font-size:9px;text-align:left;transition:color .2s var(--ease),box-shadow .2s var(--ease)}.fleet-series-legend button:hover{color:var(--accent);box-shadow:var(--raised-small)}.fleet-series-legend button.selected{color:var(--accent);box-shadow:var(--pressed-small)}.fleet-series-legend button i{width:7px;height:7px;border-radius:50%}.fleet-series-legend button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fleet-series-legend button.muted{opacity:.3;box-shadow:none}.table-scroll{max-width:100%;overflow-x:auto;padding:8px;border-radius:22px;box-shadow:var(--pressed);scrollbar-width:thin;scrollbar-color:var(--accent-light) transparent}.server-table{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:11px;font-variant-numeric:tabular-nums}.server-table th{height:38px;padding:0 10px;color:var(--ink-muted);font-weight:700;text-align:left;white-space:nowrap}.server-table td{height:50px;padding:7px 10px;color:var(--ink-secondary);background:#e0e5ecbd;box-shadow:inset 0 1px #ffffff6b,inset 0 -1px #a3b1c642}.server-table td:first-child{border-radius:14px 0 0 14px}.server-table td:last-child{border-radius:0 14px 14px 0}.server-table tbody tr{cursor:pointer;transition:transform .2s var(--ease)}.server-table tbody tr:hover{transform:translateY(-1px)}.server-table td strong{color:var(--ink);font-weight:700}.table-sort-button{display:inline-flex;align-items:center;gap:4px;padding:6px;border-radius:9px;background:transparent;color:inherit}.table-sort-button:hover,.table-sort-button.active{color:var(--accent);box-shadow:var(--pressed-small)}.table-sort-button svg{width:11px;height:11px}.traffic-cell,.speed-cell{min-width:105px}.traffic-cell span,.speed-cell span{display:flex;align-items:center;gap:3px;white-space:nowrap}.traffic-cell span:first-child,.speed-cell span:first-child{color:var(--success)}.traffic-cell span:last-child,.speed-cell span:last-child{color:var(--accent)}.speed-cell .is-high{color:var(--danger)!important}.alert-count{padding:7px 11px;border-radius:12px;color:var(--danger);font-size:10px;font-weight:700;box-shadow:var(--pressed-small)}.incident-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.incident-row{min-height:58px;display:grid;grid-template-columns:8px minmax(0,1fr) auto 16px;align-items:center;gap:10px;padding:10px 14px;border-radius:17px;color:var(--ink-secondary);font-size:10px;box-shadow:var(--pressed-small);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.incident-row:hover{transform:translateY(-1px);box-shadow:var(--raised-small)}.incident-row strong{overflow:hidden;color:var(--ink);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.incident-row>span:not(.alert-dot){display:none}.incident-row small{color:var(--warning)}.alert-dot{width:8px;height:8px;border-radius:50%;background:#d58a42}.incident-row.critical .alert-dot{background:var(--danger)}}@layer servers{.server-toolbar{display:grid;gap:18px;padding:20px;border-radius:28px;box-shadow:var(--raised)}.toolbar-topline{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:20px}.status-tabs{width:fit-content;display:flex;align-items:stretch;gap:6px;padding:6px;border-radius:18px;box-shadow:var(--pressed)}.status-tabs button{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 15px;border-radius:12px;background:transparent;color:var(--ink-muted);font-size:11px;font-weight:600;transition:color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}.status-tabs button:hover{color:var(--accent)}.status-tabs button.active{background:var(--accent);color:#fff;box-shadow:var(--raised-small)}.status-tabs button i{width:7px;height:7px;border-radius:50%;background:var(--ink-tertiary)}.status-tabs button i.blue,.status-tabs button i.green{background:var(--success-bright)}.status-tabs button i.red{background:var(--danger)}.status-tabs button i.orange{background:var(--warning)}.status-tabs button strong{font-weight:700}.group-jump-nav{min-width:0;display:flex;flex:1;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.group-jump-nav button{min-width:0;min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border-radius:12px;background:var(--clay);color:var(--ink-secondary);font-size:10px;font-weight:700;box-shadow:var(--raised-small);transition:color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}.group-jump-nav button:hover{color:var(--accent);transform:translateY(-1px);box-shadow:var(--raised-hover)}.group-jump-nav button:active{transform:translateY(1px);box-shadow:var(--pressed-small)}.group-jump-nav button:disabled{opacity:.42;transform:none;box-shadow:var(--pressed-small)}.group-jump-nav button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-jump-nav button strong{min-width:22px;padding:2px 6px;border-radius:999px;color:var(--accent);text-align:center;box-shadow:var(--pressed-small)}.filter-tools{min-width:0;display:flex;align-items:center;gap:12px}.search-box{min-width:250px;height:46px;display:flex;align-items:center;gap:9px;padding:0 14px;border-radius:15px;color:var(--accent);box-shadow:var(--pressed-deep)}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}.search-box input::placeholder{color:var(--ink-muted)}.view-switch{height:46px;display:flex;gap:5px;margin-left:auto;padding:5px;border-radius:16px;box-shadow:var(--pressed)}.view-switch button{width:36px;display:grid;place-items:center;border-radius:11px;background:transparent;color:var(--ink-muted)}.view-switch button:hover{color:var(--accent)}.view-switch button.active{background:var(--accent);color:#fff;box-shadow:var(--raised-small)}.server-group-stack{display:grid;gap:48px}.server-group-section{min-width:0}.server-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px;padding-inline:8px}.server-group-heading span{color:var(--accent);font-size:10px;font-weight:700}.server-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.server-card{min-width:0;display:grid;grid-template-rows:auto auto auto auto auto;align-content:start;overflow:hidden;border-radius:28px;background:var(--clay);box-shadow:var(--raised);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.server-card:hover{transform:translateY(-2px);box-shadow:var(--raised-hover)}.server-card.offline{opacity:.66}.server-card-head{min-width:0;min-height:72px;display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:14px 16px}.server-card-identity{min-width:0;display:grid;line-height:1.1}.server-card-identity strong{overflow:hidden;color:var(--ink);font-family:var(--font-display);font-size:16px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.server-card-identity small{margin-top:6px;color:var(--ink-muted);font-size:9px;font-weight:700}.server-card-state{padding:5px 8px;border-radius:9px;color:var(--success);font-size:10px;font-weight:700;box-shadow:var(--pressed-small)}.server-card.offline .server-card-state{color:var(--danger)}.server-card-flag{color:var(--accent);font-size:10px;font-weight:700}.server-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 13px 13px}.server-metric-cell{min-width:0;padding:12px;border-radius:16px;box-shadow:var(--pressed-small)}.metric-box-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;color:var(--ink-muted);font-size:11px}.metric-box-head strong{color:var(--ink);font-size:11px;font-weight:700}.server-metric-cell small{display:block;margin-top:8px;overflow:hidden;color:var(--ink-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.server-card-facts{display:grid;grid-template-columns:1.05fr .95fr .95fr;gap:7px;padding:0 13px 13px}.server-card-facts>div{min-width:0;min-height:62px;display:flex;align-items:center;padding:10px 11px;border-radius:15px;box-shadow:var(--pressed-small)}.billing-fact{flex-direction:column;align-items:flex-start!important;justify-content:center}.billing-fact strong{max-width:100%;overflow:hidden;color:var(--ink);font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.billing-fact em{margin-top:4px;font-size:10px;font-style:normal;white-space:nowrap}.expiry-safe{color:var(--success)}.expiry-warning{color:var(--warning)}.expiry-danger,.expiry-expired{color:var(--danger)}.expiry-unset{color:var(--ink-muted)}.transfer-pair strong{min-width:0;display:grid;gap:3px}.transfer-pair i{min-width:0;display:flex;align-items:center;gap:3px;overflow:hidden;font-size:10px;font-style:normal;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.transfer-pair .up{color:var(--success)}.transfer-pair .down{color:var(--accent)}.server-card-quality{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 13px 13px}.quality-bucket-row{min-width:0;padding:10px;border-radius:16px;box-shadow:var(--pressed-deep)}.quality-bucket-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px;color:var(--ink-muted);font-size:10px}.quality-bucket-head strong{overflow:hidden;color:var(--ink-secondary);font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.latency-buckets{display:grid;grid-template-columns:repeat(20,minmax(2px,1fr));gap:2px}.latency-bucket{height:15px;border-radius:4px;background:#6b728029;box-shadow:var(--pressed-small)}.latency-bucket.fast,.latency-bucket.loss-zero{background:var(--success-bright)}.latency-bucket.good,.latency-bucket.loss-low{background:#75c9c4}.latency-bucket.slow,.latency-bucket.loss-medium{background:#d99b5b}.latency-bucket.bad,.latency-bucket.loss-high{background:var(--danger)}.server-card-tags{min-height:45px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:0 15px 14px}.server-card-tags span{max-width:100%;overflow:hidden;padding:5px 8px;border-radius:9px;color:var(--accent);font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;box-shadow:var(--pressed-small)}.server-card-tags em{color:var(--ink-muted);font-size:10px;font-style:normal}.result-count{color:var(--ink-muted);font-size:10px;text-align:center}.list-table-shell{padding:12px}.full-list{min-width:940px}.full-list td:first-child strong{display:flex;align-items:center;gap:8px}}@layer detail{.detail-titlebar{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:38px 8px 12px}.detail-identity{min-width:0;display:flex;align-items:center;gap:12px}.back-button{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:var(--clay);color:var(--accent);box-shadow:var(--raised-small);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.back-button:hover{transform:translateY(-1px);box-shadow:var(--raised-hover)}.back-button:active{transform:translateY(1px);box-shadow:var(--pressed-small)}.detail-flag{font-size:17px}.detail-name{min-width:0;display:grid}.detail-name .eyebrow{min-height:0;margin:0 0 3px;padding:0;color:var(--accent);font-size:8px;box-shadow:none}.detail-name h1{overflow:hidden;color:var(--ink);font-family:var(--font-display);font-size:34px;font-weight:800;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.status-tag{padding:6px 9px;border-radius:11px;color:var(--success);font-size:9px;font-weight:700;box-shadow:var(--pressed-small)}.status-tag.offline{color:var(--danger)}.detail-summary-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.detail-summary-cell{min-width:0;min-height:112px;display:flex;align-items:center;gap:16px;padding:18px;border-radius:26px;box-shadow:var(--raised)}.detail-summary-cell .stat-copy strong{font-size:20px}.section-title{min-width:0;padding-inline:4px}.info-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;padding:12px}.node-fact-column{min-width:0;min-height:230px;padding:17px;border-radius:22px}.node-fact-column:nth-child(2n){box-shadow:var(--pressed-small)}.node-fact-column h3{display:flex;align-items:center;gap:8px;margin-bottom:15px;color:var(--ink);font-family:var(--font-display);font-size:15px;font-weight:800}.node-fact-column h3 svg{width:15px;height:15px;color:var(--accent)}.info-row{min-width:0;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:10px;padding:10px 0;box-shadow:inset 0 -1px #6b72801f;font-size:12px;line-height:1.45}.info-row:last-child{box-shadow:none}.info-row span{color:var(--ink-muted)}.info-row strong{overflow:hidden;color:var(--ink-secondary);font-size:12px;font-weight:700;text-align:right;text-overflow:ellipsis;white-space:nowrap}.overview-usage{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:15px;color:var(--ink-muted);font-size:9px}.overview-usage strong{color:var(--ink-secondary);font-size:9px;font-weight:700}.overview-usage .usage-track{grid-column:1 / -1}.storage-donut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px}.usage-donut-item{min-width:0;display:grid;justify-items:center;gap:8px}.usage-donut{--donut-color: var(--accent);width:72px;aspect-ratio:1;position:relative;display:grid;place-items:center;flex:none;border-radius:50%;background:conic-gradient(var(--donut-color) var(--usage-angle),rgba(120,131,145,.14) 0);box-shadow:var(--raised-small)}.usage-donut:after{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--clay);box-shadow:var(--pressed-small)}.usage-donut.tone-green{--donut-color: var(--success-bright)}.usage-donut.tone-cyan{--donut-color: #42b9bd}.usage-donut.tone-purple{--donut-color: var(--accent)}.usage-donut.is-unlimited{--donut-color: var(--accent-light)}.usage-donut>span{position:relative;z-index:1;display:grid;justify-items:center;line-height:1.1}.usage-donut>span strong{color:var(--ink);font-size:14px;font-weight:800}.usage-donut>span small{margin-top:3px;color:var(--ink-muted);font-size:7px;font-weight:700}.usage-donut-copy{width:100%;min-width:0;display:grid;justify-items:center;gap:3px;text-align:center}.usage-donut-copy strong{color:var(--ink-secondary);font-size:10px;font-weight:800}.usage-donut-copy small{width:100%;overflow:hidden;color:var(--ink-muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.network-donut-summary{min-width:0;display:grid;grid-template-columns:94px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px}.network-transfer-stack{min-width:0;display:grid;gap:8px}.network-transfer-stack>span{color:var(--ink-muted);font-size:9px}.network-transfer-stack>strong{min-width:0;display:grid;gap:7px}.network-transfer-stack i{min-width:0;display:flex;align-items:center;gap:4px;overflow:hidden;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.network-transfer-stack i:first-child{color:var(--success)}.network-transfer-stack i:last-child{color:var(--accent)}.network-transfer-pair{display:flex;gap:8px}.network-transfer-pair i{display:flex;align-items:center;gap:2px;font-style:normal}.network-transfer-pair svg,.network-live svg,.network-current svg{width:11px;height:11px}.network-live{display:grid;grid-template-columns:1fr 1fr;border-radius:15px;box-shadow:var(--pressed-small)}.network-live span{display:flex;align-items:center;gap:4px;padding:12px 7px;font-size:10px;font-weight:700}.network-live span:first-child{color:var(--success)}.network-live span:last-child{color:var(--accent)}.network-dual-donuts{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}.split-donut-item{min-width:0;display:grid;justify-items:center;gap:10px}.split-donut{width:92px;aspect-ratio:1;position:relative;display:grid;place-items:center;border-radius:50%;box-shadow:var(--raised-small)}.split-donut:after{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--clay);box-shadow:var(--pressed-small)}.split-donut>span{position:relative;z-index:1;min-width:0;display:grid;justify-items:center;gap:3px;padding-inline:7px;text-align:center}.split-donut>span small{color:var(--ink-muted);font-size:8px;font-weight:700}.split-donut>span strong{max-width:66px;overflow:hidden;color:var(--ink);font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.split-donut-values{width:100%;min-width:0;display:grid;gap:5px}.split-donut-values span{min-width:0;display:flex;align-items:center;justify-content:center;gap:3px;overflow:hidden;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.split-donut-values svg{width:10px;height:10px;flex:none}.split-donut-values .up{color:var(--success)}.split-donut-values .down{color:var(--accent)}.resource-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.metric-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.metric-chart-panel{min-width:0;padding:18px 14px 8px;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.metric-chart-panel:hover{transform:translateY(-2px);box-shadow:var(--raised-hover)}.metric-chart-panel .chart-wrap{padding:0;border-radius:20px;box-shadow:var(--pressed-small)}.metric-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;padding-inline:4px}.metric-chart-head h3{color:var(--ink);font-family:var(--font-display);font-size:12px;font-weight:800}.metric-chart-head>div{color:var(--ink-secondary);font-size:8px}.network-current{display:inline-flex;gap:7px}.network-current i{display:inline-flex;align-items:center;gap:2px;font-style:normal}.network-current i:first-child{color:var(--success)}.network-current i:last-child{color:var(--accent)}.quality-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.quality-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.smooth-toggle{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border-radius:15px;background:var(--clay);color:var(--ink-muted);font-size:10px;font-weight:700;box-shadow:var(--raised-small);transition:color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}.smooth-toggle i{width:28px;height:16px;position:relative;border-radius:99px;box-shadow:var(--pressed-small)}.smooth-toggle i:after{content:"";position:absolute;top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:var(--ink-tertiary);transition:transform .2s var(--ease),background .2s var(--ease)}.smooth-toggle.active{color:var(--accent);box-shadow:var(--pressed-small)}.smooth-toggle.active i:after{background:var(--accent);transform:translate(12px)}.loss-toggle.active{color:var(--warning)}.loss-toggle.active i:after{background:#d58a42}.monitor-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:18px 0}.monitor-summary{min-width:0;min-height:64px;display:grid;grid-template-columns:6px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 14px;border-radius:17px;background:var(--clay);color:var(--ink-secondary);text-align:left;box-shadow:var(--raised-small);transition:transform .2s var(--ease),box-shadow .2s var(--ease),opacity .2s var(--ease)}.monitor-summary:hover{transform:translateY(-1px);box-shadow:var(--raised-hover)}.monitor-summary>i{width:6px;height:38px;border-radius:99px;background:var(--monitor-color)}.monitor-summary>strong{overflow:hidden;color:var(--ink);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.monitor-metrics{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px 10px}.monitor-metrics b{color:var(--ink-secondary);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.monitor-metrics b:first-child{color:var(--monitor-color)}.monitor-summary.muted{opacity:.3;box-shadow:var(--pressed-small)}.monitor-summary.selected{box-shadow:var(--pressed-deep)}.quality-panel>.chart-wrap{margin-top:8px}.monitor-empty{min-height:250px}.detail-missing a{color:var(--accent);font-weight:700}}@layer responsive{@media(max-width:1120px){.header-inner{grid-template-columns:minmax(180px,1fr) auto minmax(160px,1fr)}.server-grid,.info-overview-grid,.metric-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-series-legend{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:820px){.app-header{padding-inline:12px}.header-inner{grid-template-columns:minmax(0,1fr) auto}.brand{display:none}.header-actions{padding-right:6px}.page-container{padding-inline:16px}.page-stack{gap:28px}.page-heading{min-height:290px;padding:36px}.page-heading:before{right:3%;width:190px;height:190px;opacity:.56}.page-heading:after{right:calc(3% + 35px);width:120px;height:120px;opacity:.56}.page-heading h1{font-size:clamp(44px,9vw,64px)}.telemetry-rail,.detail-summary-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-head{grid-template-columns:1fr}.trend-controls{grid-column:1;grid-row:2;justify-items:start;margin-top:14px}.trend-kpis{grid-row:3}.panel-head,.quality-head,.resource-toolbar{align-items:flex-start;flex-direction:column}.quality-controls{justify-content:flex-start}.toolbar-topline{align-items:flex-start;flex-direction:column}.group-jump-nav{width:100%;justify-content:flex-start}.filter-tools{display:grid;grid-template-columns:minmax(0,1fr) auto}.search-box{grid-column:1 / -1;min-width:0}.select-control,.select-control.sort-select{min-width:0}.view-switch{margin-left:0}.app-footer{width:calc(100% - 32px)}}@media(max-width:640px){.app-header{padding:8px 8px 6px}.header-inner{min-height:58px;padding:5px 7px;border-radius:19px}.main-nav{min-height:46px}.main-nav a{min-height:36px;padding-inline:13px}.connection-pill{min-height:36px;padding-inline:9px;font-size:9px}.connection-dock .updated-label{display:none}.page-container{padding:10px 10px 56px}.page-stack{gap:24px}.page-heading{min-height:250px;padding:28px 24px;border-radius:28px}.page-heading:before{right:-48px;width:180px;height:180px;opacity:.36}.page-heading:after{right:-12px;width:110px;height:110px;opacity:.36}.page-heading h1{font-size:clamp(36px,11vw,48px)}.page-heading p{margin-top:16px;font-size:12px}.heading-meta{display:none}.telemetry-rail{gap:12px}.telemetry-stat{min-height:100px;gap:10px;padding:13px;border-radius:21px}.stat-icon{width:38px;height:38px;border-radius:13px}.stat-icon svg{width:17px;height:17px}.stat-copy strong{font-size:21px}.stat-copy em{white-space:normal}.workspace-section{padding:18px;border-radius:26px}.panel-head h2,.section-title h2,.server-group-heading h2,.trend-title h2{font-size:19px}.segmented{max-width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr))}.segmented button{min-width:0;padding-inline:7px}.trend-controls,.trend-controls .segmented{width:100%}.trend-kpis,.chart-tooltip-panel.many .chart-tooltip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-series-legend{grid-template-columns:repeat(3,minmax(0,1fr))}.server-table-panel .table-scroll{margin-inline:-8px}.server-table-panel .server-table{min-width:840px}.incident-list{grid-template-columns:1fr}.server-toolbar{padding:14px;border-radius:24px}.status-tabs{width:100%}.status-tabs button{flex:1;justify-content:center;padding-inline:7px}.group-jump-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.group-jump-nav button{width:100%;justify-content:space-between}.server-grid{grid-template-columns:1fr}.server-card{border-radius:24px}.server-card-facts{grid-template-columns:1fr 1fr}.server-card-facts>div:last-child{grid-column:1 / -1}.server-card-quality{grid-template-columns:1fr}.detail-titlebar{padding-top:24px}.detail-name{max-width:calc(100vw - 196px)}.detail-name h1{font-size:22px}.status-tag{display:none}.secondary-button{width:46px;padding:0;font-size:0}.detail-summary-rail{gap:12px}.detail-summary-cell{min-height:92px;padding:13px;border-radius:21px}.detail-summary-cell .stat-icon{display:none}.detail-summary-cell .stat-copy strong{font-size:16px}.info-overview-grid{grid-template-columns:1fr;padding:8px}.node-fact-column{min-height:0}.node-fact-column:nth-child(2n){box-shadow:var(--pressed-small)}.metric-chart-grid{grid-template-columns:1fr;gap:14px}.resource-toolbar .segmented,.quality-controls .segmented,.quality-controls{width:100%}.monitor-summary-grid{grid-template-columns:1fr}.app-footer{min-height:64px;justify-content:center}.app-footer span:first-child{display:none}}@media(max-width:400px){.main-nav a{padding-inline:9px;font-size:11px}.page-heading{padding-inline:18px}.page-heading h1{font-size:clamp(33px,10.5vw,42px)}.filter-tools{grid-template-columns:1fr 72px}.filter-tools .sort-select{grid-row:3;grid-column:1}.filter-tools .view-switch{grid-row:3;grid-column:2}.fleet-series-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-tooltip-panel.many .chart-tooltip-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}