:root{color-scheme:dark;--bg:#09192c;--sidebar:#0a1a2f;--panel:#102237;--line:#20374e;--ink:#f0f5ff;--muted:#94abc9;--quiet:#7a93b3;--cpu:#29a0fb;--ram:#b480fb;--disk:#12c9a4;--red:#ff6d7e;--amber:#ffbe43;--track:#344d6b;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 0,#10264166,transparent 65%),var(--bg);color:var(--ink);font:14px/1.5 var(--font)}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cpu);outline-offset:4px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.dot{width:8px;height:8px;display:inline-block;flex-shrink:0;border-radius:50%;background:currentColor}.green{color:var(--disk)}.cpu{color:var(--cpu)}.purple{color:var(--ram)}.red{color:var(--red)}.yellow{color:var(--amber)}.dim{color:#465d7c}.muted{color:var(--muted);font-size:12px;margin:6px 0 0}h1,h2,p{margin:0}h1{font-size:31px;letter-spacing:-.8px;line-height:1.2;font-weight:680}h2{font-size:15px;font-weight:580;line-height:1.4}h2 svg{width:21px;height:21px;color:#a7c1e9}h2:has(svg){display:flex;align-items:center;gap:11px}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}
.sidebar{width:210px;background:linear-gradient(180deg,#0c1e34 0%,#0a192d 100%);border-right:1px solid #20334d;position:fixed;inset:0 auto 0 0;padding:26px 13px 18px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;margin:0 9px 27px;font-size:22px;font-weight:650;letter-spacing:-.7px}.brand small{display:block;color:#80c6ff;font-size:10px;letter-spacing:1.7px;font-weight:500;margin-top:0}.brand-mark{position:relative;display:block;flex-shrink:0;width:35px;height:36px}.brand-mark i{position:absolute;width:13px;height:13px;border-radius:50%;background:#2eb7f3;left:11px;top:0}.brand-mark i:nth-child(2){left:0;top:22px}.brand-mark i:nth-child(3){left:22px;top:22px}.project-picker{display:block;padding:0 8px;margin:7px 0 22px}.project-picker>span{display:block;font-size:8px;font-weight:600;color:#647e9f;letter-spacing:1.5px;margin-bottom:9px}.project-picker select{width:100%;font-size:12px;padding:9px;color:#afc2df;border:1px solid #27405b;border-radius:6px;background:#10263b;min-width:0}.nav-item{display:flex;align-items:center;gap:17px;width:100%;border:1px solid transparent;background:none;color:#aac1e3;padding:14px 13px;border-radius:8px;font-size:14px;margin-bottom:8px;text-align:left}.nav-item:hover{background:#122c47}.nav-item.active{background:#153c78;border-color:#244e8b;color:#c2e1ff}.nav-item.active svg{fill:#55b5ff;stroke:#55b5ff}.nav-item svg{width:24px;height:24px;color:#91afd5}.nav-count{font-size:10px;min-width:18px;padding:0 4px;background:#233b59;border-radius:4px;margin-left:auto;text-align:center;color:#c5d6ec}.sidebar-bottom{margin-top:auto}.collector-note{display:flex;gap:10px;align-items:flex-start;padding:15px 11px 21px;color:#9bb8d9;font-size:12px}.collector-note>.dot{margin-top:5px}.collector-note small{display:block;color:#5e7d9e;font-size:9px;margin-top:6px}.logout{border:0;border-top:1px solid #1b3048;padding:15px 10px 12px;width:100%;background:none;color:#8ea8c9;display:flex;justify-content:space-between;font-size:11px}.version{display:flex;justify-content:space-between;font-size:9px;color:#56718e;padding:0 10px}.version b{font-weight:400}.workspace{margin-left:210px}main{padding:24px 23px 18px;max-width:1780px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px;min-height:58px}.page-heading h1{white-space:nowrap}#page-subtitle{display:flex;align-items:center;gap:9px;color:#afc5e8;margin-top:4px;font-size:14px}#project-name{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subtitle-dot{color:#4a6688}#server{color:#b1c8eb;font-size:13px;border:0;background:transparent;max-width:210px;padding:0 15px 0 0;min-width:0}option{background:#102237;color:var(--ink)}.header-controls{display:flex;align-items:center;gap:11px;flex-shrink:0}.live-pill{display:flex;align-items:center;gap:9px;font-size:11px;color:#8297b1;white-space:nowrap}.live-pill.good{color:#b0c9df}.live-pill.good .dot{color:var(--disk)}.live-pill.bad{color:var(--red)}.live-pill.warn{color:var(--amber)}.button,.icon-button,.period-control{border:1px solid #28415d;border-radius:7px;background:#11243a;color:#b8cdec;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-size:12px;min-height:37px;padding:8px 11px}.button:hover,.icon-button:hover{background:#18304b}.button svg{width:17px;height:17px}.auto-button{gap:8px;min-width:123px;padding:8px 10px}.auto-button[aria-pressed=false]{color:#7189a9}.auto-button small{font-size:9px;color:#7897b9;min-width:22px;max-width:28px;text-align:right;font-variant-numeric:tabular-nums}.icon-button{width:35px;padding:7px}.icon-button svg{width:17px;height:17px}.period-control{padding:0 9px;gap:6px}.period-control svg{width:16px;height:16px}.period-control select{background:transparent;border:0;color:#b8cdec;font-size:12px;padding:9px 17px 9px 0;max-width:155px}.mobile-project,.mobile-logout{display:none}.notice{display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #334762;background:#12253d;color:#b5c9e5;border-radius:8px;font-size:12px;margin-bottom:17px;line-height:1.7}.notice .dot{color:#6b8bab}.notice.danger{background:#372332;border-color:#744252;color:#ffb4bf}.notice.warn{border-color:#675039;color:#eac38c;background:#302c2a}.notice .text-button{font-size:12px;margin-left:6px}.text-button{background:none;border:0;padding:0;color:#74bdff;font-size:11px;white-space:nowrap}.text-button:hover{color:#c3e3ff;text-decoration:underline}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:14px}.metric-card,.panel{background:linear-gradient(145deg,#12253b 0%,#0e2135 100%);border:1px solid var(--line);border-radius:10px;min-width:0;overflow:hidden}.metric-card{padding:17px 18px 13px}.metric-card h2{font-size:14px;gap:10px}.cpu-card{--metric:var(--cpu)}.memory-card{--metric:var(--ram)}.disk-card{--metric:var(--disk)}.errors-card{--metric:var(--red)}.metric-card h2 svg{color:var(--metric)}.metric-body{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:116px}.metric-body>div{min-width:0}.metric-value{font-size:43px;letter-spacing:-1.7px;line-height:1.2;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}.metric-value small{font-size:28px;letter-spacing:-1px;margin-left:4px;font-weight:550}.bytes-value{font-size:32px;letter-spacing:-1px}.bytes-value small{font-size:18px;letter-spacing:-.5px}.metric-foot{font-size:11px;color:#9bb4d5;margin-top:4px;min-height:17px}.gauge{width:112px;height:112px;flex-shrink:0;stroke:none}.gauge-track{fill:none;stroke:var(--track);stroke-width:13;stroke-linecap:butt}.gauge-value{fill:none;stroke:var(--metric);stroke-width:13;stroke-linecap:butt;transition:stroke-dasharray .6s ease}.gauge-text{fill:#e6efff;font:600 18px var(--font);text-anchor:middle;dominant-baseline:middle;stroke:none}.spark-chart{display:block;width:100%;height:65px;stroke:none;overflow:visible}.disk-legend{display:flex;justify-content:space-between;gap:8px;padding:14px 0 7px}.disk-legend>div{min-width:0}.disk-legend span{display:flex;align-items:center;gap:6px;font-size:9px;color:#b7c9e5;white-space:nowrap}.disk-legend .dot{width:8px;height:8px;border-radius:3px}.disk-legend strong{display:block;font-size:11px;color:#9cb6d8;font-weight:450;margin-top:6px}.error-card-body{display:flex;align-items:center;gap:11px;min-height:106px}.error-card-body .metric-value{color:var(--red);font-size:44px}.error-card-body>div:nth-child(2){color:#afc5e4;font-size:11px}.error-card-body strong{display:block;font-weight:450;margin-top:5px}.error-card-body .text-button{margin-left:auto;align-self:flex-start;margin-top:24px;font-size:19px}.errors-card .metric-foot{font-size:9px;color:#7e99bc;margin-top:1px}.errors-card .spark-chart{height:53px}.metric-card.stale .metric-value,.metric-card.stale .metric-foot{color:#7990ac}.metric-card.stale .gauge-value{stroke:#536b87}.performance-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);gap:14px;margin-bottom:14px}.panel-heading{padding:20px 18px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px}.chart-legend,.static-legend{display:flex;align-items:center;gap:22px;font-size:11px}.chart-legend button{display:flex;align-items:center;gap:8px;border:0;background:none;color:#b1c7e8;font-size:12px;padding:2px}.chart-legend button[aria-pressed=false]{opacity:.4}.chart-legend .dot,.static-legend .dot{border-radius:3px;width:9px;height:9px}.static-legend{gap:12px;font-size:10px;color:#b1c7e8}.static-legend span{display:flex;align-items:center;gap:5px}.performance-chart-wrap{height:240px;position:relative;margin:0 13px 0 9px}.main-chart{display:block;width:100%;height:100%;stroke:none;overflow:visible}.chart-grid{stroke:#253c55;stroke-width:.75;stroke-linecap:butt}.chart-label{fill:#92acce;stroke:none;font:10px var(--font)}.chart-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.chart-end-label{font:600 11px var(--font);stroke:none}.chart-dot{stroke-width:0}.chart-caption{display:flex;justify-content:space-between;color:#6482a6;font-size:9px;padding:4px 18px 12px;gap:10px}.chart-empty{position:absolute;inset:15px 30px 30px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;background:radial-gradient(ellipse,#0f2236f2 35%,#0f223622 75%,transparent)}.chart-empty svg{width:29px;height:29px;color:#629cd7;margin-bottom:2px}.chart-empty strong{font-size:12px;font-weight:550;color:#acc6e7}.chart-empty>span{font-size:10px;color:#7895b9}.chart-empty .text-button{margin-top:3px}.chart-tooltip{position:absolute;top:8px;left:50px;background:#0a1526f5;border:1px solid #345172;border-radius:7px;box-shadow:0 4px 20px #0003;padding:10px 13px;font-size:11px;min-width:170px;z-index:2;pointer-events:none;color:#b3c9e6}.chart-tooltip strong{display:block;font-size:10px;margin-bottom:6px;color:#809fbe}.tooltip-row{display:flex;justify-content:space-between;gap:22px}.performance-cursor{stroke:#8ba8c466;stroke-width:1;stroke-dasharray:3 4}.capacity-content{padding:3px 18px 0}.capacity-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#c2d4ee;margin:2px 0 7px}.capacity-heading strong{font-size:17px;font-weight:600;white-space:nowrap;color:#ecf3ff;font-variant-numeric:tabular-nums}.capacity-heading small{font-size:11px;color:#afc5e4}progress{display:block;width:100%;height:13px;border:0;border-radius:4px;overflow:hidden;background:var(--track);color:var(--ram)}progress::-webkit-progress-bar{background:var(--track);border-radius:4px}progress::-webkit-progress-value{background:linear-gradient(90deg,#9d70ed,var(--ram));border-radius:4px;transition:width .6s ease}progress::-moz-progress-bar{background:var(--ram);border-radius:4px}.disk-bar{color:var(--disk)}.disk-bar::-webkit-progress-value{background:linear-gradient(90deg,#1bc7b1,var(--disk))}.disk-bar::-moz-progress-bar{background:var(--disk)}.disk-bar.low::-webkit-progress-value{background:var(--red)}.capacity-caption{display:flex;justify-content:space-between;gap:8px;color:#9bb6da;font-size:11px;margin:7px 0 22px}.capacity-caption span:last-child{text-align:right}.load-row{display:flex;align-items:center;gap:12px;border-top:1px solid #2a4058;padding-top:15px;margin-top:18px}.load-row>svg{color:#a6bfe7;width:28px;height:28px}.load-row>div{flex-shrink:0}.load-row span{font-size:11px;color:#bed1eb}.load-row strong{display:block;font-size:28px;line-height:1.2;font-weight:620;letter-spacing:-.7px;margin-top:2px}.load-row p{font-size:9px;color:#92acce;line-height:1.5;max-width:135px;margin-left:auto}.lower-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,.95fr);gap:14px}.lower-grid .panel-heading{padding:16px 18px 10px}.db-panel h2 svg{color:var(--amber)}.error-history-panel h2 svg{color:var(--red)}.db-values{display:flex;align-items:center;justify-content:space-between;padding:0 19px 0 23px}.db-values>div:last-child{text-align:right;padding-right:1px}.db-values span{color:#b4c9e6;font-size:11px}.db-values strong{display:block;font-size:34px;font-weight:620;letter-spacing:-1.2px;line-height:1.3;color:#f1f6ff}.db-values>div:last-child strong{font-size:24px;letter-spacing:-.5px;padding-top:5px}.small-chart-wrap{height:110px;position:relative;margin:0 10px}.small-chart-wrap>svg{width:100%;height:100%;display:block;stroke:none;overflow:visible}.small-chart-empty{position:absolute;inset:13px 20px 25px;display:flex;align-items:center;justify-content:center;background:#102237d9;color:#7493b7;font-size:11px;line-height:1.7;text-align:center;padding:6px}.error-chart-wrap{height:174px;margin-top:9px}.panel-foot{font-size:9px;color:#718daf;padding:4px 18px 13px}.mini-tag{color:#6e89aa;font-size:9px;padding:3px 6px;background:#193048;border-radius:4px;white-space:nowrap}.mini-tag.good{color:#73d4bb;background:#0b3c3b}.mini-tag.warn{color:#e4b56f;background:#3c302b}.recent-row{width:100%;text-align:left;padding:14px 18px;display:flex;gap:11px;border:0;border-top:1px solid #20394e;background:none;color:inherit;min-height:84px;cursor:pointer}.recent-row:hover,.issue-row:hover{background:#18314b66}.recent-row>.dot{margin-top:6px;width:10px;height:10px}.recent-content{min-width:0;width:100%}.recent-title-row{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px}.recent-title-row strong{font-weight:550}.recent-time{color:#9bb6d9;font-size:10px;white-space:nowrap}.recent-title{font-size:11px;color:#b2c9e6;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-meta{font-size:10px;color:#7a9ac0;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.small-empty{padding:42px 20px;color:#7792b3;font-size:12px;line-height:1.7;text-align:center}.problems-panel .small-empty{padding:56px 25px}.filter-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.filter-controls input,.filter-controls select{border:1px solid #2d4867;border-radius:6px;background:#0c1d31;color:#bbd0eb;padding:8px 10px;font-size:12px}.filter-controls input{max-width:220px}.filter-controls input::placeholder{color:#6983a4}.error-list-heading{align-items:flex-start;padding:21px}.issue-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 100px 100px;gap:15px;align-items:center;border-top:1px solid #20384f;padding:18px 21px;cursor:pointer}.issue-row.header{font-size:10px;color:#7592b7;letter-spacing:.7px;text-transform:uppercase;background:#0d1e32;cursor:default}.issue-main{display:flex;align-items:center;gap:13px;min-width:0}.issue-description{min-width:0}.issue-description .recent-title{font-size:12px;color:#d2e1f7;margin-top:0}.severity-icon{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;color:var(--amber);background:#45352a;border-radius:7px;font-weight:600;font-size:13px}.severity-icon.fatal,.severity-icon.error{color:var(--red);background:#3d2836}.issue-count,.issue-time{font-size:12px;color:#9bb4d6}.status-tag{font-size:10px;border-radius:4px;padding:3px 8px;color:#eab677;background:#483328;width:max-content}.status-tag.resolved{color:#67cdb0;background:#143d38}.status-tag.ignored{color:#96aecb;background:#273b55}.table-note{padding:15px 21px;font-size:10px;color:#7190b5;border-top:1px solid #20384f}.servers-row{padding:18px 21px;border-top:1px solid var(--line);display:flex;align-items:center;gap:15px}.servers-row>svg{color:#86a9d1}.server-info{flex:1;min-width:0}.server-info strong{display:block;font-weight:500;font-size:14px;overflow-wrap:anywhere}.server-info span{display:block;font-size:11px;color:#7e9bbd;margin-top:5px}.server-state{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--disk);margin-right:15px}.server-state.stale{color:var(--amber)}.connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.connect-card{padding:25px}.connect-card.wide{grid-column:1/-1}.step-number{display:grid;place-items:center;color:#83c8ff;background:#173858;border:1px solid #27496e;width:34px;height:34px;border-radius:9px;font-size:12px;margin-bottom:16px}.connect-card h2{font-size:17px}.connect-card p{font-size:12px;color:#9ab6d7;line-height:1.9;margin-top:12px}.connect-card code{display:block;white-space:nowrap;overflow-x:auto;background:#091a2c;border:1px solid #223e5b;color:#85b9e8;padding:15px;border-radius:7px;font-size:11px;line-height:1.8;margin-top:15px}.budget-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:23px 0}.budget-grid strong{display:block;font-size:27px;font-weight:550;letter-spacing:-.5px}.budget-grid span{display:block;font-size:11px;color:#7e9bbd;margin-top:6px}.inline-notice{margin:20px 0 0;display:block;color:#8eacca;font-size:11px}.inline-notice code{display:inline;background:none;border:0;padding:0;margin:0;font-size:11px;color:#c3d7ef}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:#6e8db1;border-top:1px solid #1c344c;margin-top:23px;padding:14px 2px 0}footer>span:first-child{display:flex;align-items:center;gap:8px}footer .dot{width:6px;height:6px}
dialog{border:1px solid #345273;border-radius:13px;background:#10243a;color:var(--ink);width:760px;max-width:95vw;max-height:88vh;padding:25px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#030b17bd;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.eyebrow{color:#7ba1cc;letter-spacing:1.6px;font-size:10px}.detail-title{font-size:19px;line-height:1.6;overflow-wrap:anywhere}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;background:#0b1c2f;padding:19px;border:1px solid #223d5b;border-radius:7px;margin:22px 0}.detail-grid dt{font-size:10px;color:#7195bc}.detail-grid dd{margin:5px 0 0;font-size:12px;color:#c7daf0;overflow-wrap:anywhere}.detail-trace{background:#071727;color:#9dbce1;border:1px solid #1d3958;border-radius:7px;padding:17px;font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.detail-actions{display:flex;align-items:center;gap:10px;margin-top:20px}.detail-actions select{border:1px solid #345577;border-radius:6px;background:#102840;color:#c2d7ef;font-size:12px;padding:8px 10px}.detail-actions .muted{margin-left:auto;font-size:11px}.primary{background:#1c65b3;border-color:#3587d5;color:#eef7ff}.primary:hover{background:#2a77c8}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 0,#15365888,transparent 70%),var(--bg)}.login-card{width:405px;max-width:92vw;background:#102337;border:1px solid #28435f;border-radius:15px;padding:36px;box-shadow:0 25px 100px #0003}.login-card .brand-mark{margin-bottom:27px}.login-card h1{font-size:28px;margin:9px 0 12px}.login-card .muted{font-size:12px;line-height:1.8}.login-card label{display:block;margin-top:22px;font-size:12px;color:#9db9dd}.login-card input{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid #2e4c6b;border-radius:6px;background:#0b1a2b;color:#e4efff}.login-card .button{width:100%;margin-top:25px;justify-content:space-between;padding:11px 14px}.login-card small{display:block;text-align:center;font-size:10px;color:#6787ad;margin-top:22px}.login-error{padding:11px;background:#3f2431;border:1px solid #714051;border-radius:6px;font-size:12px;color:#ffb1bf;margin-top:15px}
@media(min-width:1700px){main{padding:29px 32px 22px}.metrics-grid,.performance-grid,.lower-grid{gap:18px}.metric-card{padding:20px 21px 15px}.metric-value{font-size:49px}.bytes-value{font-size:38px}.metric-body{min-height:125px}.performance-chart-wrap{height:280px}.capacity-content{padding:8px 23px 0}.capacity-caption{margin-bottom:30px}.load-row{margin-top:24px}.error-chart-wrap{height:202px}.small-chart-wrap:not(.error-chart-wrap){height:138px}.recent-row{min-height:96px}.metric-foot{font-size:12px}}
@media(max-width:1320px){.sidebar{width:188px}.workspace{margin-left:188px}.brand{font-size:19px;gap:8px}.brand-mark{transform:scale(.9);transform-origin:center}.project-picker{padding:0 5px}.nav-item{padding:13px 10px;gap:13px}main{padding:23px 18px}.page-heading{gap:15px;flex-wrap:wrap}.header-controls{gap:9px}.page-heading h1{font-size:28px}.live-pill{font-size:10px}.metric-card{padding:15px 13px 11px}.metric-card h2{font-size:12px;gap:8px}.metric-value{font-size:36px}.metric-value small{font-size:23px}.bytes-value{font-size:28px}.bytes-value small{font-size:15px}.gauge{width:92px;height:102px}.metric-foot{font-size:10px}.metric-body{min-height:111px}.disk-legend{gap:5px}.disk-legend span{font-size:8px;gap:5px}.disk-legend strong{font-size:9px}.panel-heading{padding:17px 14px 12px}h2{font-size:13px}.performance-grid{grid-template-columns:minmax(0,1.9fr) minmax(255px,1fr)}.lower-grid{grid-template-columns:1fr 1fr}.problems-panel{grid-column:1/-1}#recent-issues{display:flex}#recent-issues .recent-row{width:50%;border-right:1px solid #20394e;min-height:95px}#recent-issues .small-empty{width:100%;padding:24px}.capacity-content{padding:5px 14px 0}.capacity-heading{font-size:11px}.capacity-heading small{font-size:10px}.capacity-caption{font-size:10px}.load-row{gap:9px}.load-row p{font-size:9px;max-width:105px}.error-card-body{gap:8px}.error-card-body .metric-value{font-size:39px}.error-card-body>div:nth-child(2){font-size:10px}}
@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-value{font-size:43px}.bytes-value{font-size:34px}.metric-card{padding:17px 20px 13px}.metric-card h2{font-size:14px}.metric-body{min-height:106px}.gauge{width:112px;height:112px}.spark-chart{height:65px}.disk-legend{padding-top:10px}.disk-legend span{font-size:10px}.disk-legend strong{font-size:11px}.performance-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr)}.performance-chart-wrap{height:250px}.panel-heading{flex-wrap:wrap;gap:8px}.chart-legend{gap:18px}.capacity-heading small{display:none}.header-controls{width:100%;justify-content:flex-end}.error-card-body{min-height:110px}.error-card-body>div:nth-child(2){font-size:12px}.error-list-heading{gap:17px}.filter-controls{width:100%}.issue-row{grid-template-columns:minmax(0,1fr) 65px 85px 85px;gap:9px}.connect-grid{gap:13px}.connect-card{padding:21px}.budget-grid{grid-template-columns:1fr 1fr;gap:20px}.byte-value small{font-size:20px}}
@media(max-width:820px){.sidebar{width:68px;padding:23px 10px}.workspace{margin-left:68px}.brand{margin:0 3px 35px}.brand>span:last-child,.project-picker,.nav-item>span,.sidebar-bottom{display:none}.brand-mark{transform:scale(.9)}.nav-item{padding:12px 10px;width:46px;gap:0;margin-bottom:13px}.nav-item svg{width:24px;height:24px;flex-shrink:0}.mobile-project{display:block;font-size:11px;color:#b3cae9;background:#11243a;border:1px solid #28415d;border-radius:6px;padding:8px;max-width:140px;margin-right:auto}.mobile-logout{display:inline-flex;font-size:16px}.performance-grid{grid-template-columns:1fr}.capacity-content{padding:0 19px 18px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.capacity-content .capacity-heading:first-child{grid-area:1/1}.capacity-content #bar-memory{grid-area:2/1}.capacity-content .capacity-caption:nth-of-type(2){grid-area:3/1}.capacity-content .capacity-heading:nth-of-type(3){grid-area:1/2}.capacity-content #bar-disk{grid-area:2/2}.capacity-content .capacity-caption:nth-of-type(4){grid-area:3/2}.capacity-content .load-row{grid-area:4/1/5/3;margin-top:0}.capacity-heading small{display:inline;font-size:10px}.load-row p{max-width:240px;font-size:10px}.performance-chart-wrap{height:255px}.issue-row{padding:15px;grid-template-columns:minmax(0,1fr) 60px 80px}.issue-time,.issue-row.header>span:last-child{display:none}.connect-grid{grid-template-columns:1fr}.connect-card.wide{grid-column:auto}.server-state{margin-right:0}.servers-row{flex-wrap:wrap}.metric-card{padding:17px 16px 13px}.gauge{width:100px;height:106px}}
@media(max-width:580px){.sidebar{width:55px;padding:18px 6px}.workspace{margin-left:55px}.brand{margin:0 1px 28px}.brand-mark{width:34px;transform:scale(.8);transform-origin:left center}.nav-item{width:41px;padding:10px}.nav-item svg{width:21px;height:21px}main{padding:20px 12px 15px}.page-heading{margin-bottom:16px;gap:13px}.page-heading h1{font-size:27px}#page-subtitle{font-size:12px}#server{max-width:150px;font-size:12px}#project-name{max-width:140px}.header-controls{gap:7px;justify-content:flex-start;flex-wrap:wrap}.live-pill{margin-left:auto}.auto-button{min-width:125px}.period-control{flex:1;justify-content:flex-start}.period-control select{font-size:11px;width:100%;max-width:none}.mobile-project{max-width:132px;margin-right:0}.mobile-logout{margin-left:auto;order:2}.live-pill{order:1}.auto-button{order:3}.header-controls>#refresh{order:4}.period-control{order:5}.metrics-grid{gap:10px}.metric-card{padding:13px 12px 11px}.metric-card h2{font-size:11px;gap:7px}.metric-card h2 svg{width:17px;height:17px}.metric-body{min-height:122px;position:relative;align-items:flex-start;padding-top:12px;flex-direction:column;gap:0}.metric-value{font-size:32px}.metric-value small{font-size:21px}.metric-foot{font-size:9px}.gauge{position:absolute;right:-4px;bottom:0;width:65px;height:65px;opacity:.9}.spark-chart{height:52px}.bytes-value{font-size:25px}.bytes-value small{font-size:12px;letter-spacing:0;margin-left:3px}.disk-card .metric-body{min-height:111px}.disk-legend{display:block;padding:5px 0 0}.disk-legend>div{display:flex;justify-content:space-between;gap:3px;margin-top:5px;flex-wrap:wrap}.disk-legend span{font-size:8px;gap:4px}.disk-legend strong{font-size:9px;margin-top:0}.error-card-body{min-height:128px;position:relative;display:block;padding-top:11px}.error-card-body .metric-value{font-size:36px}.error-card-body>div:nth-child(2){font-size:10px;margin-top:5px}.error-card-body>div:nth-child(2) strong{font-size:10px;margin-top:4px}.error-card-body .text-button{position:absolute;right:1px;top:16px;margin:0}.errors-card .spark-chart{height:40px}.errors-card .metric-foot{font-size:8px;white-space:nowrap}.lower-grid{grid-template-columns:1fr}.problems-panel{grid-column:auto}.performance-grid,.lower-grid{gap:12px}.performance-chart-wrap{height:235px;margin:0 4px}.panel-heading{padding:16px 14px 10px}.panel-heading h2{font-size:13px;gap:8px}.panel-heading h2 svg{width:19px;height:19px}.chart-legend{gap:12px}.chart-legend button{font-size:11px;gap:5px}.chart-caption{font-size:8px;padding:5px 12px 11px;gap:6px}.chart-empty{inset:20px 20px 35px}.chart-empty strong{font-size:11px}.chart-empty>span{font-size:9px}.chart-tooltip{font-size:10px;min-width:140px;padding:8px}.capacity-content{padding:0 14px 14px;column-gap:14px}.capacity-heading{font-size:10px;gap:5px}.capacity-heading strong{font-size:14px}.capacity-heading small{display:none}.capacity-caption{font-size:9px;gap:5px;margin:7px 0 18px;flex-wrap:wrap}.capacity-caption span:last-child{text-align:left}progress{height:10px}.load-row{padding-top:13px}.load-row p{font-size:9px;max-width:140px}.load-row strong{font-size:25px}.small-chart-wrap:not(.error-chart-wrap){height:120px}.error-chart-wrap{height:172px}#recent-issues{display:block}#recent-issues .recent-row{width:100%;min-height:85px}.issue-row{padding:13px 12px;grid-template-columns:minmax(0,1fr) 42px 66px;gap:7px}.issue-row.header{font-size:8px}.issue-main{gap:7px}.severity-icon{width:21px;height:24px;font-size:11px}.issue-description .recent-title{font-size:10px}.issue-description .recent-meta{font-size:9px}.issue-count{font-size:10px}.status-tag{font-size:8px;padding:3px 5px}.filter-controls{gap:7px}.filter-controls input,.filter-controls select{padding:7px;font-size:10px;max-width:100%}.filter-controls input{width:100%;max-width:none}.filter-controls select{flex:1}.table-note{font-size:9px;padding:12px}.server-info strong{font-size:12px}.servers-row{padding:16px 13px;gap:9px}.server-info{min-width:130px}.server-state{font-size:10px}.servers-row>.button{margin-left:30px}.budget-grid strong{font-size:23px}.budget-grid span{font-size:10px}.connect-card{padding:19px}.connect-card code{font-size:10px}.connect-card p{font-size:11px}.notice{font-size:11px;align-items:flex-start;padding:11px}.notice>.dot{margin-top:7px}.notice .text-button{font-size:11px;margin-left:0;display:block}footer{align-items:flex-start;flex-direction:column;gap:7px;font-size:9px;margin-top:19px}.detail-grid{grid-template-columns:1fr}.detail-title{font-size:16px}.detail-actions{flex-wrap:wrap}.detail-actions .muted{margin-left:0}.login-card{padding:28px}.chart-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Web installation uses the same visual language as login. */
.login-page:has(.install-card){padding:32px 0}.install-card{width:540px}.install-card textarea{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid #2e4c6b;border-radius:6px;background:#0b1a2b;color:#e4efff;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;overflow-wrap:anywhere}.install-card>p:not(.eyebrow):not(.muted){margin-top:20px;font-size:13px}.install-card form small{text-align:left;margin-top:7px}.install-card a.button{text-decoration:none}.install-card textarea:focus-visible{outline:2px solid var(--cpu);outline-offset:4px}