@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans SC,sans-serif;color:#e7ece6;background:#101411;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-variant-numeric:tabular-nums;--bg:#101411;--panel:#151a16;--panel-raised:#191f1a;--panel-hover:#1c241e;--line:#29322b;--line-soft:#222a24;--text:#e7ece6;--muted:#849088;--dim:#59645c;--accent:#c4f15b;--green:#a7dc79;--amber:#f1b85a;--red:#ed7774;--mono:"IBM Plex Mono","DM Mono",monospace;--radius:7px;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}body{margin:0;min-width:360px;min-height:100vh;background:var(--bg)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:#c4f15b47;color:#fff}.app-shell{min-height:100vh;background:radial-gradient(ellipse at 59% -25%,rgba(101,145,77,.105),transparent 43%),var(--bg)}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:238px;border-right:1px solid var(--line-soft);background:#111612f7;display:flex;flex-direction:column;padding:22px 13px 14px}.brand-row{height:37px;display:flex;align-items:center;gap:11px;padding:0 8px}.brand-mark{height:22px;width:23px;display:flex;align-items:flex-end;gap:3px;transform:skew(-22deg)}.brand-mark span{width:5px;border-radius:1px;background:var(--accent)}.brand-mark span:nth-child(1){height:12px;opacity:.56}.brand-mark span:nth-child(2){height:18px;opacity:.8}.brand-mark span:nth-child(3){height:22px}.brand-name{font:600 15px var(--mono);letter-spacing:.045em;color:#ecf1e9}.brand-name span{color:var(--accent)}.workspace-switch{margin:30px 2px 26px;padding:10px 9px;border:1px solid var(--line);border-radius:var(--radius);background:#171c18;display:flex;align-items:center;gap:10px;height:57px}.workspace-icon{width:31px;height:31px;display:grid;place-items:center;color:var(--accent);border:1px solid #384432;background:#20271f;border-radius:4px}.workspace-copy{display:flex;flex:1;flex-direction:column;gap:3px}.workspace-copy span{font-size:10px;color:var(--muted)}.workspace-copy strong{font:500 11px var(--mono);letter-spacing:.01em}.subtle-icon{color:#68736a}.nav-caption,.section-kicker,.eyebrow{font:500 9px var(--mono);letter-spacing:.12em;color:#748076}.nav-caption{padding:0 11px 10px}.main-nav{display:grid;gap:3px}.nav-item{height:39px;width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:0 11px;border:1px solid transparent;border-radius:5px;background:transparent;color:#929c93;font-size:12px;cursor:pointer;transition:background .16s,color .16s,border-color .16s}.nav-item:hover{background:#1b221c;color:var(--text)}.nav-item.active{color:#dff4be;background:#9fd05817;border-color:#b0df6b21}.nav-item.active>svg{color:var(--accent)}.nav-count{margin-left:auto;font:10px var(--mono);color:#6e786f}.count-alert{color:var(--amber)}.sidebar-spacer{flex:1}.connection-card{padding:12px 11px 10px;border:1px solid #2b342c;border-radius:5px;background:linear-gradient(145deg,rgba(136,174,87,.055),transparent 65%),#171c18;margin-bottom:13px}.connection-top{font-size:10px;color:#c2cbc2;display:flex;align-items:center;gap:7px;margin-bottom:13px}.live-dot{width:6px;height:6px;border-radius:50%;background:#a9dd75;box-shadow:0 0 9px #a9dd7594;display:inline-block}.live-dot.dot-off{background:#7d877e;box-shadow:none}.connected.disconnected{color:#c79f6a}.connected{margin-left:auto;font:10px var(--mono);color:#9ad26b}.connection-line{display:flex;justify-content:space-between;font:9px var(--mono);padding:5px 0;color:#6e7970}.connection-line strong{font-weight:400;color:#9ba69b}.connection-foot{border-top:1px solid #273027;margin-top:6px;padding-top:9px;display:flex;align-items:center;gap:6px;color:#8a9e7b;font-size:9px}.settings-item{margin-bottom:8px}.nav-end{margin-left:auto}.profile-row{height:49px;border-top:1px solid var(--line-soft);display:flex;align-items:center;gap:9px;padding:9px 7px 0}.avatar{width:29px;height:29px;display:grid;place-items:center;border:1px solid #45513f;border-radius:50%;background:#252d22;color:#c9eca0;font:10px var(--mono)}.profile-copy{display:flex;flex:1;flex-direction:column;gap:3px}.profile-copy strong{font-size:10px;font-weight:500}.profile-copy span{font-size:9px;color:var(--muted)}.main-area{min-height:100vh;margin-left:238px}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft);padding:0 37px;background:#1014118f}.breadcrumbs{display:flex;align-items:center;gap:9px;color:#748076;font-size:10px}.breadcrumbs>svg{color:#4e5951}.breadcrumbs strong{font-weight:500;color:#c4ccc4}.top-actions{display:flex;align-items:center;gap:14px}.environment-pill{height:23px;padding:0 8px;display:flex;align-items:center;gap:6px;border:1px solid #384334;border-radius:3px;background:#1b2219;color:#bed79b;font:9px var(--mono)}.environment-pill>span{width:5px;height:5px;background:var(--accent);border-radius:50%}.environment-pill.env-local{border-color:#3d3a2c;background:#221d12;color:#dfba7c}.environment-pill.env-local>span{background:#dfba7c;box-shadow:none}.icon-button{width:33px;height:33px;border:1px solid transparent;background:transparent;color:#839087;display:grid;place-items:center;border-radius:4px;cursor:pointer;transition:background .16s,color .16s,border-color .16s}.icon-button:hover{background:#202720;color:var(--text);border-color:#303a31}.notification-button{position:relative}.notification-button i{position:absolute;right:6px;top:6px;width:5px;height:5px;border-radius:50%;background:var(--amber);border:1px solid var(--bg)}.top-divider{height:18px;width:1px;background:var(--line)}.top-time{display:flex;align-items:center;gap:5px;font:10px var(--mono);color:#89948b}.api-error-banner{margin:0 0 14px;padding:10px 14px;display:flex;align-items:center;gap:10px;border:1px solid #5b3b2a;border-radius:5px;background:linear-gradient(120deg,rgba(241,184,90,.12),transparent 70%),#2a1f15;color:#f3c98a;font-size:10px}.sparkline{width:120px;height:30px;display:block;margin-top:4px;background:#161c17;border-radius:3px;border:1px solid #232c24}.sparkline-empty{height:18px;color:#69756b;font:9px var(--mono);display:flex;align-items:center}.drawer-trend{display:grid;gap:7px;padding:13px 0;border-top:1px solid #2b342c;border-bottom:1px solid #2b342c}.drawer-trend>span{font:9px var(--mono);color:#879388;letter-spacing:.05em}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 59% -25%,rgba(101,145,77,.12),transparent 43%),var(--bg);padding:24px}.login-card{width:min(420px,100%);padding:32px 30px;display:grid;gap:14px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.02),transparent 60%),var(--panel);box-shadow:0 24px 60px #00000073}.login-mark{width:48px;height:48px;display:grid;place-items:center;color:#c4f15b;border:1px solid #2d3a2c;background:#1d241d;border-radius:8px}.login-card h1{margin:0;font:600 22px/1 var(--mono);letter-spacing:.04em;color:#ecf1e9}.login-card h1 span{color:var(--accent)}.login-subtitle{margin:0;color:#8b968d;font-size:12px}.login-field{display:grid;gap:6px;color:#a3aea3;font-size:11px}.login-field input{height:36px;padding:0 12px;border:1px solid #2a342b;border-radius:5px;background:#10160f;color:#e7ece6;font-size:13px;outline:none;transition:border-color .16s}.login-field input:focus{border-color:#64794c}.login-error{padding:9px 11px;border:1px solid #5b3b2a;border-radius:5px;background:#2a1f15;color:#f3c98a;font-size:11px}.login-submit{height:38px;border:1px solid transparent;border-radius:5px;background:var(--accent);color:#182111;font:600 12px var(--mono);cursor:pointer;transition:background .16s,transform .16s}.login-submit:hover:not(:disabled){background:#d2fa82}.login-submit:disabled{opacity:.55;cursor:progress}.login-hint{margin:0;color:#69756b;font-size:11px;text-align:center}.logout-button{padding:0 8px;color:#a4b1a4}.logout-button:hover{color:#f0b87e}.content-wrap{max-width:1520px;margin:0 auto;padding:30px 38px 22px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:23px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;color:#89958b}.eyebrow-line{display:inline-block;width:16px;height:1px;background:var(--accent)}h1,h2,p{margin:0}h1{font-size:26px;line-height:1.3;letter-spacing:-.035em;font-weight:600;margin-top:6px;color:#eef2ec}.heading-period{color:var(--accent)}.page-subtitle{font-size:11px;color:#8b968d;margin-top:5px}.heading-actions{display:flex;align-items:center;gap:9px}.updated-label{display:flex;align-items:center;gap:7px;margin-right:7px;color:#78837a;font-size:9px}.updated-label .live-dot{width:5px;height:5px}.button{height:33px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border-radius:4px;border:1px solid transparent;font-size:10px;cursor:pointer;transition:transform .18s var(--ease),background .16s,border-color .16s}.button:active{transform:translateY(1px)}.button-quiet{background:#181e19;border-color:#303930;color:#b2bcb3}.button-quiet:hover{background:#202820;border-color:#414d41;color:#e5ece4}.button-primary{background:var(--accent);color:#182111;border-color:#d1fb7c;font-weight:600}.button-primary:hover{background:#d2fa82}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:13px}.metric-card{min-height:104px;padding:13px 15px 11px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(255,255,255,.014),transparent 60%),var(--panel);position:relative;overflow:hidden;animation:rise .55s var(--ease) both}.metric-card:nth-child(2){animation-delay:70ms}.metric-card:nth-child(3){animation-delay:.14s}.metric-card:nth-child(4){animation-delay:.21s}.metric-card:after{content:"";position:absolute;right:-20px;bottom:-37px;width:95px;height:80px;border:1px solid rgba(196,241,91,.055);border-radius:50%;transform:rotate(-22deg)}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#9ba59c;font-size:10px}.metric-icon{width:25px;height:25px;display:grid;place-items:center;border:1px solid #313a32;border-radius:4px;color:#a8b2a7;background:#1b211c}.tone-green .metric-icon{color:var(--accent);border-color:#394932;background:#20291d}.tone-amber .metric-icon{color:var(--amber);border-color:#4a3e2c;background:#282219}.metric-value{margin-top:6px;color:#eff4ec;font:500 25px/1 var(--mono);letter-spacing:-.05em}.metric-value small{font:10px Noto Sans SC,sans-serif;letter-spacing:0;color:#8e9a90;margin-left:7px}.tone-green .metric-value{color:#d8f4ac}.tone-amber .metric-value{color:#f1cd8a}.metric-foot{display:flex;align-items:center;gap:5px;margin-top:8px;color:#778279;font-size:9px}.metric-up{color:#a5cf7a;font:10px var(--mono)}.metric-warn{color:#dfb765}.mini-bars{display:inline-flex;height:11px;align-items:flex-end;gap:2px;margin-right:2px}.mini-bars i{width:3px;background:#789958;border-radius:1px}.mini-bars i:nth-child(1){height:5px}.mini-bars i:nth-child(2){height:8px}.mini-bars i:nth-child(3){height:6px}.mini-bars i:nth-child(4){height:10px}.mini-bars i:nth-child(5){height:7px}.mini-bars i:nth-child(6){height:9px}.mini-bars i:nth-child(7){height:5px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.012),transparent 45%),var(--panel)}.lifecycle-panel{padding:16px 18px 0;margin-bottom:13px;overflow:hidden;animation:rise .6s .12s var(--ease) both}.section-head{display:flex;align-items:center;justify-content:space-between}.section-kicker{font-size:8px;color:#69756b;letter-spacing:.105em}.section-kicker span{color:#55644d;margin:0 2px}.section-head h2{font-size:13px;font-weight:500;letter-spacing:-.015em;margin-top:5px;color:#e1e8df}.life-legend{display:flex;gap:14px;color:#879288;font-size:9px}.life-legend span{display:flex;align-items:center;gap:6px}.life-legend i{width:6px;height:6px;border-radius:50%;display:inline-block}.legend-online{background:#a9dc78;box-shadow:0 0 7px #729947}.legend-warn{background:var(--amber)}.legend-off{background:#667069}.lifecycle-track{height:73px;position:relative;margin:0 12px}.track-line{position:absolute;left:1%;right:1%;top:38px;height:1px;background:linear-gradient(90deg,#597548,#9ac464 22%,#8c9c66 43%,#ca9d51 63%,#98a85f 80%,#657067);opacity:.68}.track-line:before,.track-line:after{content:"";position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:#a8ce78}.track-line:before{left:0}.track-line:after{right:0;background:#707b70}.track-pulse{position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:#e0ffae;box-shadow:0 0 10px 3px #bbef6e66;animation:travel 6s linear infinite}.node-point{position:absolute;top:31px;width:15px;height:15px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer}.point-0{left:7%}.point-1{left:28%}.point-2{left:51%}.point-3{left:73%}.point-4{left:94%}.node-core{z-index:2;width:7px;height:7px;border-radius:50%;background:#b8e98b;border:1px solid #d2fba1;box-shadow:0 0 0 3px #a9dc7824,0 0 12px #a9dc7899}.node-warning .node-core{background:#f1bd61;border-color:#ffda8d;box-shadow:0 0 0 3px #f1b85a29,0 0 12px #f1b85a80}.node-offline .node-core{background:#6b766e;border-color:#98a199;box-shadow:0 0 0 3px #7a867d24}.node-halo{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid rgba(181,226,130,.43);border-radius:50%;animation:ping 2.4s ease-out infinite}.node-warning .node-halo{border-color:#f1b85a6b}.node-offline .node-halo{animation:none;border-color:#59625a}.node-tooltip{position:absolute;left:50%;bottom:20px;transform:translate(-50%,4px);display:flex;flex-direction:column;gap:3px;white-space:nowrap;padding:7px 9px;border:1px solid #46523f;border-radius:4px;background:#21281f;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:3}.node-tooltip strong{font:10px var(--mono);color:#e4efda}.node-tooltip small{font-size:9px;color:#929d91}.node-point:hover .node-tooltip,.node-point:focus-visible .node-tooltip{opacity:1;transform:translate(-50%)}.life-nodes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0 0 10px}.life-node-label{min-width:0;display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;column-gap:7px;row-gap:4px;padding:5px 7px;border:1px solid transparent;border-radius:4px;background:transparent;text-align:left;cursor:pointer;transition:background .16s,border-color .16s}.life-node-label:hover{background:#1b221c;border-color:#303b30}.status-dot{width:6px;height:6px;border-radius:50%;grid-row:1;grid-column:1}.status-dot.online{background:#a8d77a;box-shadow:0 0 6px #a8d77a8c}.status-dot.warning{background:var(--amber);box-shadow:0 0 6px #f1b85a66}.status-dot.offline{background:#6e7971}.life-node-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:9px var(--mono);color:#bdc8bd}.life-node-location{grid-column:2;grid-row:2;font-size:8px;color:#717c72}.node-latency{grid-column:3;grid-row:1/3;font:9px var(--mono);color:#9ab581}.node-latency.warning{color:#d4a750}.node-latency.offline{color:#647067}.life-footer{height:31px;border-top:1px solid var(--line-soft);display:flex;align-items:center;gap:22px;color:#778279;font-size:8px}.life-footer>span{display:flex;align-items:center;gap:6px}.life-footer svg{color:#91a980}.life-footer strong{font:9px var(--mono);color:#aeb9ae}.life-footer .packet-loss{margin-left:auto}.lower-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:13px;align-items:start}.servers-panel{min-width:0;overflow:hidden;animation:rise .6s .2s var(--ease) both}.servers-head{padding:15px 16px 0}.count-chip{display:inline-grid;place-items:center;margin-left:5px;vertical-align:2px;width:22px;height:16px;border:1px solid #344033;border-radius:3px;background:#1c241b;color:#a6c982;font:9px var(--mono)}.text-button{display:flex;align-items:center;gap:3px;border:0;background:transparent;color:#9cab94;font-size:9px;cursor:pointer}.text-button:hover{color:var(--accent)}.table-tools{display:flex;justify-content:space-between;gap:8px;padding:13px 15px 10px}.search-field{height:30px;flex:1;max-width:310px;display:flex;align-items:center;gap:7px;padding:0 8px;border:1px solid #2a342b;border-radius:4px;background:#121713;color:#778379;transition:border-color .16s}.search-field:focus-within,.search-active{border-color:#64794c}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#dbe5d9;font-size:9px}.search-field input::placeholder{color:#647067}.search-field kbd{flex-shrink:0;padding:2px 4px;border:1px solid #343d35;border-radius:3px;color:#758076;background:#1a201b;font:8px var(--mono)}.filter-select{height:30px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #2a342b;border-radius:4px;background:#171c18;color:#849087}.filter-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:74px;border:0;background:transparent;color:#b1bbb1;font-size:9px;outline:0;cursor:pointer}.filter-select option{background:#171c18;color:#e6ece5}.server-table-wrap{overflow-x:auto}.server-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.server-table th{height:29px;border-top:1px solid #242d25;border-bottom:1px solid #242d25;background:#ffffff03;font:8px var(--mono);font-weight:400;color:#728075;letter-spacing:.035em}.server-table th:first-child,.server-table td:first-child{padding-left:16px}.server-table th:last-child,.server-table td:last-child{padding-right:11px}.server-table td{height:52px;border-bottom:1px solid #252d26;color:#bcc5bc;font-size:9px}.server-table tbody tr{cursor:pointer;transition:background .14s}.server-table tbody tr:hover{background:#c2e89709}.server-table tbody tr:last-child td{border-bottom:0}.host-cell{display:flex;align-items:center;gap:9px}.host-icon{width:28px;height:28px;border:1px solid #354135;background:#202820;color:#9aba77;border-radius:4px;display:grid;place-items:center}.host-icon.warning{border-color:#51432e;background:#2a241a;color:#e5b55f}.host-icon.offline{border-color:#39413a;background:#202521;color:#717b72}.host-cell>div:last-child{display:flex;flex-direction:column;gap:4px}.host-cell strong{font:500 9px var(--mono);color:#d9e0d8}.host-cell span{display:flex;align-items:center;gap:5px;color:#788379;font-size:8px}.host-cell span i{width:2px;height:2px;border-radius:50%;background:#647067}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 6px;border:1px solid #3c4a35;border-radius:3px;background:#1f291d;color:#a6d17d;font-size:8px}.status-badge i{width:5px;height:5px;border-radius:50%;background:#a6d17d}.status-badge.warning{border-color:#51452f;background:#2a251c;color:#e3b664}.status-badge.warning i{background:#e3b664}.status-badge.offline{border-color:#39413b;background:#202521;color:#88938a}.status-badge.offline i{background:#727d74}.meter{min-width:72px;display:flex;align-items:center;gap:6px}.meter-track{width:40px;height:3px;border-radius:3px;background:#333c34;overflow:hidden}.meter-track i{height:100%;display:block;border-radius:3px;background:#92ba65}.server-table tbody tr:nth-child(3) .meter-track i{background:#d0a44f}.meter span{font:9px var(--mono);color:#99a398}.meter-unavailable .meter-track{visibility:hidden}.traffic-value,.traffic-sub{display:block;font:9px var(--mono)}.traffic-value{color:#c3cec1}.traffic-sub{margin-top:4px;color:#768277;font-size:8px}.row-more{width:27px;height:28px;display:grid;place-items:center;border:1px solid transparent;border-radius:3px;background:transparent;color:#758177;cursor:pointer}.row-more:hover{background:#252d25;border-color:#364137;color:#e0e8df}.table-foot{height:35px;padding:0 15px;border-top:1px solid #252d26;display:flex;align-items:center;justify-content:space-between;color:#6f7b71;font-size:8px}.table-foot strong{color:#aab5aa;font:9px var(--mono)}.table-foot button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#879585;font-size:8px;cursor:pointer}.table-foot button:hover{color:var(--accent)}.empty-state{min-height:184px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#829084}.empty-state>svg{color:#a9c786}.empty-state strong{font-size:11px;color:#c4cec3}.empty-state span{font-size:9px;color:#768177}.empty-state button{margin-top:3px;padding:5px 9px;border:1px solid #384537;border-radius:3px;background:#1d251c;color:#bbdb9b;font-size:9px;cursor:pointer}.right-column{display:grid;gap:13px}.traffic-panel{padding:15px 15px 10px;animation:rise .6s .26s var(--ease) both}.traffic-head h2,.tasks-head h2{margin-top:5px}.range-select{display:flex;align-items:center;gap:5px;height:25px;padding:0 7px;border:1px solid #303a31;border-radius:3px;background:#1b211c;color:#9ca79c;font-size:8px;cursor:pointer}.range-select:hover{border-color:#526149;color:#d5dfd1}.traffic-total{display:flex;align-items:baseline;gap:8px;margin:10px 0 2px}.traffic-total>strong{font:500 22px var(--mono);letter-spacing:-.05em;color:#e3eddf}.traffic-total small{font:10px Noto Sans SC,sans-serif;color:#8b978c}.traffic-total>span{font:9px var(--mono);color:#a8d07e}.traffic-total>span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a8d07e;margin-right:3px;vertical-align:1px}.chart-wrap{height:117px;display:flex;padding-top:9px}.chart-y-labels{width:42px;display:flex;flex-direction:column;justify-content:space-between;padding:0 0 20px;color:#69756b;font:7px var(--mono)}.chart-content{position:relative;flex:1}.chart-grid{position:absolute;top:0;right:0;bottom:20px;left:0;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{height:1px;background:#29312a}.chart-bars{position:absolute;top:0;right:0;bottom:20px;left:0;display:flex;align-items:flex-end;justify-content:space-between;gap:3px;padding:0 2px}.chart-bar{position:relative;z-index:1;flex:1;max-width:11px;min-width:2px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#90bd63,#6a914985);opacity:.69;transform-origin:bottom;animation:grow .65s var(--ease) both;transition:opacity .16s,filter .16s}.chart-bar:hover{opacity:1;filter:brightness(1.35)}.chart-bar.bar-recent{background:linear-gradient(180deg,#c4f15b,#88b45394);opacity:.9}.chart-x-labels{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;color:#6c776d;font:7px var(--mono)}.traffic-legend{height:28px;margin-top:6px;border-top:1px solid #252e26;display:flex;align-items:flex-end;gap:14px}.traffic-legend span{display:flex;align-items:center;gap:5px;color:#859087;font-size:8px}.traffic-legend strong{margin-left:2px;font:8px var(--mono);font-weight:400;color:#bac5b9}.traffic-legend i{width:6px;height:6px;border-radius:1px}.legend-out{background:#acd77a}.legend-in{background:#536a49}.tasks-panel{padding:14px 15px 0;animation:rise .6s .34s var(--ease) both}.tasks-head{margin-bottom:8px}.compact{width:27px;height:27px}.task-list{display:grid}.task-row{height:45px;border-top:1px solid #252e26;display:flex;align-items:center;gap:9px}.task-icon{width:21px;height:21px;flex:0 0 21px;display:grid;place-items:center;border:1px solid #394735;border-radius:50%;background:#20291e;color:#9fd36f}.task-icon.running{border-color:#44553d;color:var(--accent);animation:spin 2s linear infinite}.task-info{min-width:0;flex:1}.task-info>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bcc6bb;font-size:9px;font-weight:500}.task-info>strong span{color:#808c81;font-weight:400}.task-info small{display:block;margin-top:4px;color:#6c786d;font:8px var(--mono)}.task-info small i{display:inline-block;width:2px;height:2px;border-radius:50%;background:#657168;vertical-align:middle;margin:0 4px}.task-duration{color:#758176;font:8px var(--mono)}.all-tasks{height:32px;width:100%;display:flex;justify-content:center;align-items:center;gap:5px;border:0;border-top:1px solid #252e26;background:transparent;color:#96a38f;font-size:8px;cursor:pointer}.all-tasks:hover{color:var(--accent)}.page-footer{height:44px;margin-top:10px;border-top:1px solid #242c25;display:flex;align-items:center;gap:12px;color:#5f6b61;font:8px var(--mono);letter-spacing:.035em}.page-footer>span:first-child{display:flex;align-items:center;gap:7px}.page-footer>span:first-child i,.page-footer>span:nth-child(2) i{width:2px;height:2px;border-radius:50%;background:#606d61}.footer-mark{width:15px;height:15px;display:grid;place-items:center;border:1px solid #495542;color:#aacd7e;font:9px var(--mono)}.page-footer>span:nth-child(2){margin-left:auto;display:flex;align-items:center;gap:7px;font-family:Noto Sans SC,sans-serif;letter-spacing:0}.page-footer button{display:flex;align-items:center;gap:4px;margin-left:7px;border:0;background:transparent;color:#758177;font-size:8px;cursor:pointer}.page-footer button:hover{color:#c8d4c6}.modal-backdrop{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;background:#050805a1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .16s ease}.detail-drawer{width:min(430px,100%);height:100%;overflow:auto;padding:25px 24px;background:#151a16;border-left:1px solid #39443a;box-shadow:-20px 0 60px #00000040;animation:slide-in .32s var(--ease)}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start}.drawer-head h2{margin-top:8px;font:500 18px var(--mono);color:#e5ede3}.drawer-status{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:11px 0;border-top:1px solid #2b342c;border-bottom:1px solid #2b342c}.drawer-status>span:last-child{color:#738076;font-size:9px}.drawer-address{height:57px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #2b342c}.drawer-address>span:first-child{color:#849084;font-size:10px}.drawer-address>strong{font:11px var(--mono);color:#d3dfcf}.provider-tag{margin-left:auto;padding:3px 6px;border:1px solid #344033;border-radius:3px;color:#a2b39c;font:8px var(--mono)}.drawer-metrics{display:grid;gap:15px;padding:18px 0;border-bottom:1px solid #2b342c}.drawer-metric>div:first-child{display:flex;align-items:center;gap:7px;color:#879388;font-size:9px}.drawer-metric-icon{display:grid;place-items:center;color:#accb87}.drawer-metric strong{margin-left:auto;color:#c8d6c3;font:10px var(--mono)}.drawer-meter{height:3px;margin:7px 0 0 23px;border-radius:3px;background:#303a31}.drawer-meter i{height:100%;display:block;border-radius:3px;background:#96bf69}.drawer-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 15px;padding:19px 0}.drawer-info-grid>div{display:grid;gap:5px}.drawer-info-grid span{color:#7e8b7f;font-size:9px}.drawer-info-grid strong{color:#c1cdc0;font:9px var(--mono)}.drawer-notice{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #384532;border-radius:4px;background:#1d251b;color:#a7cd80}.drawer-notice>span{display:grid;gap:4px}.drawer-notice strong{font-size:9px;font-weight:500}.drawer-notice small{color:#879681;font-size:8px}.drawer-actions{display:flex;gap:8px;margin-top:20px}.drawer-actions .button{flex:1;height:37px}.toast-message{position:fixed;z-index:80;right:25px;bottom:22px;display:flex;align-items:center;gap:9px;min-height:43px;padding:0 12px;border:1px solid #45533c;border-radius:5px;background:#20281e;box-shadow:0 10px 30px #0006;color:#d7e6ce;font-size:10px;animation:rise .25s var(--ease)}.toast-message>svg{color:var(--accent)}.toast-message button{width:24px;height:24px;display:grid;place-items:center;border:0;background:transparent;color:#859282;cursor:pointer}.mobile-menu,.close-sidebar,.mobile-scrim{display:none}@keyframes rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes grow{0%{transform:scaleY(.08);opacity:.1}to{transform:scaleY(1);opacity:.82}}@keyframes travel{to{left:calc(100% - 5px)}}@keyframes ping{0%{transform:scale(.7);opacity:.8}to{transform:scale(2.3);opacity:0}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translate(24px);opacity:.6}to{transform:translate(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(min-width:1600px){.content-wrap{padding-top:38px}.metric-card{min-height:112px}.lifecycle-track{height:83px}.track-line{top:43px}.node-point{top:36px}.server-table td{height:57px}.right-column,.lower-grid{gap:15px}}@media(max-width:1180px){.sidebar{width:210px}.main-area{margin-left:210px}.content-wrap{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.lower-grid{grid-template-columns:minmax(0,1.45fr) minmax(255px,.95fr)}.server-table th:nth-child(5),.server-table td:nth-child(5){display:none}.life-node-label{column-gap:5px;padding-left:4px;padding-right:4px}.life-node-name{font-size:8px}}@media(max-width:900px){.sidebar{width:224px;transform:translate(-100%);transition:transform .25s var(--ease);box-shadow:20px 0 50px #0004}.sidebar.sidebar-open{transform:translate(0)}.main-area{margin-left:0}.mobile-menu{display:grid}.breadcrumbs{gap:7px}.topbar{padding:0 20px}.content-wrap{padding:25px 20px 16px}.mobile-scrim{display:block;position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;border:0;background:#0008}.close-sidebar{display:grid;margin-left:auto}.lower-grid{grid-template-columns:minmax(0,1.45fr) minmax(240px,.95fr)}.metrics-grid{gap:8px}.metric-card{padding:12px}.updated-label{display:none}}@media(max-width:700px){.content-wrap{padding:22px 15px 12px}.topbar{height:52px;padding:0 14px}.top-actions{gap:8px}.environment-pill{font-size:8px}.top-time,.top-divider{display:none}.page-heading{align-items:flex-start;gap:14px}.page-heading h1{font-size:23px}.heading-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.heading-actions .button{height:31px;padding:0 8px;font-size:9px}.heading-actions .button-quiet{width:34px;padding:0;font-size:0;gap:0}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:97px}.lifecycle-panel{padding-left:12px;padding-right:12px}.life-legend{gap:8px;font-size:8px}.life-nodes{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:1px}.lifecycle-track{height:61px;margin:0 3px}.track-line{top:32px}.node-point{top:25px}.point-0{left:6%}.point-1{left:29%}.point-2{left:52%}.point-3{left:75%}.point-4{left:95%}.life-node-label:nth-child(n+4){display:none}.life-footer{gap:9px;font-size:7px}.life-footer .packet-loss{display:none}.lower-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr;align-items:start;gap:10px}.traffic-panel,.tasks-panel{min-width:0}.tasks-panel{padding-left:11px;padding-right:11px}.task-row{gap:6px}.task-info>strong{font-size:8px}.task-duration{display:none}.page-footer{gap:8px}.page-footer>span:nth-child(2){font-size:7px}.page-footer>span:first-child{font-size:7px}.page-footer button{display:none}.table-tools{padding-left:10px;padding-right:10px}.server-table th:first-child,.server-table td:first-child{padding-left:10px}.server-table th:nth-child(4),.server-table td:nth-child(4){display:none}.toast-message{left:12px;right:12px;bottom:12px}.detail-drawer{padding:22px 18px}}@media(max-width:480px){.page-heading{flex-direction:column;align-items:stretch}.heading-actions{justify-content:flex-start}.updated-label{display:flex}.page-subtitle{font-size:10px}.life-legend{gap:7px}.life-legend span{gap:4px}.life-footer{justify-content:space-between}.life-footer>span:nth-child(2){margin-left:auto}.right-column{grid-template-columns:1fr}.traffic-panel{padding-left:13px;padding-right:13px}.traffic-legend{gap:18px}.server-table th:nth-child(3),.server-table td:nth-child(3){display:none}.host-cell>div:last-child{max-width:130px}.host-cell span{max-width:130px;overflow:hidden;text-overflow:ellipsis}.filter-select select{width:65px}.top-actions .search-trigger{display:none}.page-footer>span:first-child{white-space:nowrap}.page-footer>span:nth-child(2){max-width:150px;line-height:1.4}}