@font-face{font-family:Inter;src:url('/fonts/inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/inter-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/inter-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/inter-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{font-family:Inter,system-ui,sans-serif;color:#eff2f0;background:#0b0e0d;color-scheme:dark;font-synthesis:none;-webkit-font-smoothing:antialiased;--bg:#0b0e0d;--panel:#121614;--raised:#1a1f1c;--line:#ffffff0d;--line-strong:#ffffff19;--muted:#8d9a93;--dim:#6e7c74;--mint:#a4ebbb;--purple:#b9a7ed;--cyan:#85cfdf;--amber:#e9bf81;--red:#eda4aa;--radius:16px;--sidebar:228px}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button svg,a svg{flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button,a{transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}button:active{transform:translateY(1px)}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1.1px;font-weight:600;line-height:1.3}h2{font-size:16px;letter-spacing:-.3px;font-weight:500}h3{font-size:16px;font-weight:500}p{font-size:14px;line-height:1.65}small{font-size:12px;line-height:1.5}::selection{color:#fff;background:#779f8260}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#37423b;border-radius:9px}.muted{color:var(--muted)}.dim{color:var(--dim)}.mint{color:var(--mint)}.purple{color:var(--purple)}.cyan{color:var(--cyan)}.amber{color:var(--amber)}.danger{color:var(--red)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:var(--mint);color:#122016;padding:12px;border-radius:6px}.skip-link:focus{top:12px}.boot{display:grid;place-content:center;gap:24px;min-height:100vh;text-align:center;color:var(--muted)}.boot-mark{color:#f1f5f2;font-size:72px;letter-spacing:-7px;font-weight:700}.boot-mark span{font-size:15px;letter-spacing:0;vertical-align:top;color:var(--mint)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#101513,#0e1210);border-right:1px solid var(--line-strong);z-index:40;display:flex;flex-direction:column;padding:29px 18px 17px;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:0 12px;margin-bottom:35px}.brand-symbol{font-weight:700;font-size:32px;line-height:1;letter-spacing:-3px}.brand-symbol i{font-style:normal;color:var(--mint);font-size:29px;margin-left:2px}.brand-word{font-size:14px;font-weight:500;letter-spacing:3.5px;margin-top:5px}.workspace{display:flex;align-items:center;gap:10px;border:1px solid var(--line-strong);background:#ffffff03;border-radius:10px;padding:11px;margin-bottom:28px}.workspace-symbol{display:grid;place-items:center;width:30px;height:30px;background:#c2dac511;border:1px solid #bedcc21a;border-radius:7px;color:#c7d9ca}.workspace-text{flex:1;line-height:1.2}.workspace-text strong{font-size:13px;font-weight:500}.workspace-text small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.workspace>svg{color:var(--dim)}.nav-section-label{font-size:10px;letter-spacing:1.8px;font-weight:600;color:#78857d;padding:0 13px;margin-bottom:11px}.nav-list{display:grid;gap:4px}.nav-link{display:flex;gap:12px;align-items:center;text-align:left;min-height:41px;padding:10px 12px;border-radius:8px;color:#94a299;font-size:13px;font-weight:400;border:1px solid transparent;position:relative}.nav-link:hover{color:#e6ece8;background:#ffffff04}.nav-link.active{color:#d9fbe5;border-color:#b8e4c018;background:linear-gradient(95deg,#a4dcb915,#a4dcb905);box-shadow:inset 2px 0 0 #a1e3b9}.nav-link.active svg{color:var(--mint)}.nav-link .nav-count{margin-left:auto;background:#e9bf8119;color:var(--amber);font-size:10px;min-width:18px;padding:2px 5px;border-radius:4px;text-align:center}.sidebar-projects{margin-top:28px}.project-nav{display:flex;align-items:center;gap:11px;font-size:13px;color:#97a29b;width:100%;padding:10px 13px;text-align:left;border-radius:7px}.project-nav:hover{background:#ffffff06;color:white}.project-dot{width:8px;height:8px;border-radius:3px;background:currentColor;box-shadow:0 0 12px #a4ebbb16}.project-nav svg{margin-left:auto;opacity:.45}.sidebar-bottom{margin-top:auto;padding-top:25px}.local-card{border:1px solid #a6ddbc15;border-radius:10px;background:linear-gradient(120deg,#9fe0ba0a,transparent);padding:14px;margin-bottom:19px;position:relative;overflow:hidden}.local-card:after{content:'';position:absolute;inset:auto -40px -80px auto;width:170px;height:120px;background:#a4ebbb0b;filter:blur(30px);pointer-events:none}.local-card-top{display:flex;align-items:center;gap:7px;font-size:12px;color:#dce8df}.status-light{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #a4ebbb45}.local-card p{font-size:11px;color:var(--muted);margin-top:7px}.local-card .mono{font-size:10px;color:#84928a;margin-top:12px}.profile{display:flex;gap:11px;align-items:center;border-top:1px solid var(--line);padding:17px 8px 0}.avatar{display:grid;place-items:center;width:32px;height:32px;border:1px solid #c9ddd12b;border-radius:50%;background:radial-gradient(ellipse at top right,#c8e8bf25,#34413a30);color:#d8eadc;font-weight:500;font-size:13px;flex-shrink:0}.profile strong{display:block;font-size:12px;font-weight:500}.profile small{color:var(--muted);font-size:11px}.profile>svg{margin-left:auto;color:var(--dim)}
.shell{margin-left:var(--sidebar);min-height:100vh;background:radial-gradient(ellipse at 55% -30%,#758f6510,transparent 55%)}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);gap:20px}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:12px;color:var(--muted)}.breadcrumb .slash{color:#48564d}.breadcrumb .current{color:#dbe2de}.top-actions{display:flex;align-items:center;gap:15px}.search-button{display:flex;align-items:center;gap:9px;color:#7f8d84;font-size:12px;margin-right:15px}.search-button kbd{font-size:10px;border:1px solid var(--line-strong);border-radius:4px;padding:3px 5px;font-family:inherit;margin-left:14px}.icon-button{height:34px;width:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:var(--muted);position:relative}.icon-button:hover{background:#ffffff07;color:#e7eeea}.notification-count{position:absolute;right:5px;top:4px;width:5px;height:5px;border-radius:50%;background:var(--amber);border:1px solid var(--bg)}.top-separator{height:22px;width:1px;background:var(--line-strong)}.private-label{display:flex;gap:6px;align-items:center;font-size:11px;color:#99a59e}.mobile-menu{display:none}.main{padding:31px 34px 20px;max-width:1740px;margin:auto;outline:none}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{color:#8a9c90;letter-spacing:2px;font-size:10px;font-weight:500;margin-bottom:9px;display:flex;align-items:center;gap:7px}.eyebrow span{color:#48594e}.page-head p{font-size:13px;color:var(--muted);margin-top:7px}.page-tools{display:flex;align-items:center;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:37px;padding:8px 13px;border:1px solid var(--line-strong);background:#ffffff03;border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap}.button:hover{background:#ffffff08;border-color:#ffffff30}.button.primary{position:relative;background:#c5ebbd;color:#18251c;border-color:#e0f2c950;box-shadow:0 0 15px #b8e4ac09,inset 0 1px 0 #ffffff33;overflow:hidden}.button.primary:before{content:'';position:absolute;inset:-60px;background:linear-gradient(110deg,transparent 30%,#fff6 45%,#b5d0ff77 50%,transparent 60%);transform:translateX(-100%);animation:button-sheen 8s ease-in-out infinite;pointer-events:none}.button.primary:hover{background:#dbf5cd;box-shadow:0 0 18px #c8edb724}.button svg,.button span{position:relative}.button.text{border-color:transparent;background:none;padding:5px 0;color:#a0afa5;min-height:30px}.button.text:hover{color:var(--mint)}.button.danger{color:var(--red);border-color:#eda4aa30;background:#eda4aa08}.select-wrap{display:flex;align-items:center;border:1px solid var(--line-strong);border-radius:8px;background:#ffffff03;position:relative;padding-left:11px;color:var(--muted)}.select-wrap>svg{position:absolute;right:10px;pointer-events:none}.select-wrap select{padding:9px 31px 9px 1px;border:0;background:transparent;color:#d5ddd8;font-size:12px;outline-offset:2px;min-height:35px;cursor:pointer}.select-wrap option{background:#171c19;color:#e1e8e4}.data-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #c3d4a818;border-radius:8px;background:linear-gradient(90deg,#c7dfa709,#c7dfa702);padding:9px 13px;margin-bottom:22px;min-height:37px}.data-banner .banner-copy{display:flex;align-items:center;gap:8px;font-size:11px;color:#9aa98f;line-height:1.5}.data-banner .banner-copy strong{font-weight:500;color:#c8d7bd}.data-banner button{font-size:11px;color:#c3d3b7;display:flex;align-items:center;gap:7px;white-space:nowrap}.data-banner.live{border-color:#a4ebbb1c;background:#a4ebbb05}.data-banner.error{border-color:#eda4aa35;color:var(--red)}.mode-dot{width:5px;height:5px;border-radius:50%;background:#adc586;flex-shrink:0}
.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.metric{border:1px solid var(--line-strong);border-radius:var(--radius);padding:19px 20px 16px;background:linear-gradient(140deg,#171d18a8,#111612a8);position:relative;overflow:hidden;min-height:142px;transition:border-color .2s,transform .2s}.metric:hover{border-color:#b8d1c12c;transform:translateY(-2px)}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#a0afa5;font-size:12px}.metric-top svg{color:#7e9588}.metric-value{font-size:31px;line-height:1.15;letter-spacing:-1px;font-weight:500;margin-top:15px;font-variant-numeric:tabular-nums;position:relative;z-index:1}.metric-value small{font-size:16px;color:#809489;letter-spacing:-.5px}.metric-foot{display:flex;align-items:center;gap:6px;font-size:10px;color:#829388;margin-top:13px;position:relative;z-index:1}.trend{color:var(--mint);display:flex;align-items:center;gap:2px;font-weight:500}.spark{position:absolute;right:17px;bottom:16px;width:92px;height:31px;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 35%)}.metric:last-child .spark{opacity:.4}.overview-row{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(280px,1fr);gap:20px;margin-bottom:24px}.panel{border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(160deg,#141a16c9,#101512e0);overflow:hidden;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 22px 0}.panel-head p{font-size:11px;color:var(--muted);margin-top:5px}.panel-head .head-label{display:flex;align-items:center;gap:8px;font-size:12px}.panel-head .head-label svg{color:#779583}.panel-body{padding:22px}.panel-head .button.text{font-size:11px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;line-height:1.3;min-height:22px;padding:4px 7px;border-radius:5px;color:#a3b2a8;background:#ffffff06;border:1px solid #ffffff08;white-space:nowrap}.badge.success{color:var(--mint);background:#a4ebbb08;border-color:#a4ebbb12}.badge.warning{color:var(--amber);background:#e9bf810a;border-color:#e9bf8117}.badge.danger{color:var(--red);background:#eda4aa0a;border-color:#eda4aa14}.badge.purple{color:var(--purple);background:#b9a7ed0a;border-color:#b9a7ed15}.badge .dot{width:4px;height:4px;background:currentColor;border-radius:50%}.segment{display:inline-flex;gap:2px;background:#060a0840;border:1px solid var(--line);padding:3px;border-radius:7px}.segment button{padding:5px 9px;border-radius:5px;font-size:10px;color:#81938a;min-width:30px}.segment button.active{background:#c9decc0d;color:#d5e6db;box-shadow:0 1px 4px #0003}.segment button:hover{color:#d5e6db}.chart-metrics{display:flex;align-items:center;gap:27px;padding:21px 22px 8px}.chart-metric-label{display:flex;align-items:center;gap:6px;color:#9aaba0;font-size:11px}.legend-dot{width:6px;height:6px;border-radius:2px;background:currentColor;display:inline-block}.chart-metric-value{font-size:22px;font-weight:500;letter-spacing:-.6px;margin:7px 0 0 12px;font-variant-numeric:tabular-nums}.chart-divider{height:37px;width:1px;background:var(--line-strong)}.chart{height:210px;margin:4px 18px 2px;position:relative}.chart svg{height:100%;width:100%;overflow:visible}.chart .chart-grid{stroke:#acccb310;stroke-dasharray:3 4;stroke-width:1}.chart text{fill:#7c8e82;font-family:Inter,sans-serif;font-size:11px}.chart .chart-line{fill:none;stroke-width:2.3;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1600;stroke-dashoffset:1600;animation:chart-enter 1.7s cubic-bezier(.2,.7,.1,1) forwards}.chart .chart-point{transition:opacity .2s;cursor:crosshair}.chart-tooltip{position:absolute;z-index:5;pointer-events:none;background:#1a241deb;border:1px solid #aacbb22e;box-shadow:0 10px 35px #0005;padding:10px 12px;border-radius:8px;font-size:11px;min-width:150px;backdrop-filter:blur(12px);line-height:1.8;opacity:0;transition:opacity .1s}.chart-tooltip.visible{opacity:1}.chart-tooltip b{font-weight:500}.chart-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 22px 17px;border-top:1px solid var(--line);font-size:10px;color:#7c9081}.chart-bottom span{display:flex;align-items:center;gap:5px}.budget-top{display:flex;align-items:baseline;gap:7px}.budget-top strong{font-size:22px;font-weight:500;letter-spacing:-.7px}.budget-top span{font-size:11px;color:var(--muted)}.budget-visual{display:flex;align-items:center;justify-content:center;position:relative;height:163px;margin-top:5px}.budget-visual svg{width:156px;height:156px;transform:rotate(-90deg)}.budget-visual circle{fill:none;stroke-width:8;stroke-linecap:round}.donut-inner{position:absolute;text-align:center}.donut-inner strong{font-size:29px;letter-spacing:-1px;font-weight:500;display:block}.donut-inner span{font-size:10px;color:var(--muted);display:block;margin-top:5px}.budget-legend{padding:0 23px 18px;display:grid;gap:10px}.budget-line{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#9bada0}.budget-line span{display:flex;align-items:center;gap:8px}.budget-line b{font-size:12px;font-weight:400;color:#e0e9e3}.budget-footer{display:flex;justify-content:space-between;gap:10px;margin:0 21px;padding:13px 0 17px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.budget-footer b{font-weight:500;color:var(--mint)}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading h2{font-size:15px;display:flex;gap:9px;align-items:center}.section-heading h2 .count{font-size:11px;font-weight:400;color:#86948b;border:1px solid var(--line-strong);padding:2px 6px;border-radius:5px}.section-heading .button.text{font-size:11px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.project-card{position:relative;border:1px solid #a4ebbb20;border-radius:var(--radius);background:linear-gradient(135deg,#17221b,#111713 68%);padding:21px 22px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.project-card.purple-card{border-color:#b9a7ed22;background:linear-gradient(135deg,#1c1c26,#15141b 68%)}.project-card:after{content:'';position:absolute;pointer-events:none;width:250px;height:200px;right:-130px;top:-115px;border-radius:50%;background:#a4ebbb09;filter:blur(10px)}.purple-card:after{background:#b9a7ed0c}.project-card:hover{border-color:#a4ebbb40;box-shadow:0 5px 40px #0002}.purple-card:hover{border-color:#b9a7ed40}.project-header{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.project-logo{width:43px;height:43px;border:1px solid #a4ebbb35;background:radial-gradient(ellipse at top,#a4ebbb20,#a4ebbb02);box-shadow:inset 0 1px 0 #d9ffe312;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--mint);flex-shrink:0}.purple-card .project-logo,.project-logo.purple{color:var(--purple);border-color:#b9a7ed30;background:radial-gradient(ellipse at top,#b9a7ed21,#b9a7ed02)}.project-logo .cz-glyph{font-size:20px;font-weight:700;letter-spacing:-1.8px;padding-right:2px}.project-title{flex:1;min-width:0}.project-title h3{font-size:16px;letter-spacing:-.3px}.project-title p{font-size:10px;color:#839b8a;margin-top:4px}.purple-card .project-title p{color:#9690a6}.project-header>.icon-button{align-self:flex-start;margin:-3px -6px 0 0}.project-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:23px 0 20px}.project-kpi strong{font-size:23px;font-weight:500;letter-spacing:-.5px;font-variant-numeric:tabular-nums;display:block}.project-kpi small{font-size:10px;color:#899e90;display:block;margin-bottom:7px}.purple-card .project-kpi small{color:#9690a6}.project-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #a4ebbb10;padding-top:13px}.purple-card .project-bottom{border-color:#b9a7ed12}.project-domain{font-size:10px;color:#8ba393;display:flex;gap:6px;align-items:center}.purple-card .project-domain{color:#9a91ab}.project-bottom .button.text{font-size:10px;min-height:24px}.project-bottom .badge{min-height:20px;font-size:9px}.bottom-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px;margin-bottom:22px}.server-list{padding:3px 21px 10px}.server-row{display:grid;grid-template-columns:1fr 68px 68px 73px;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.server-row:last-child{border-bottom:0}.server-name{display:flex;align-items:center;gap:11px;min-width:0}.server-icon{width:34px;height:34px;border:1px solid var(--line-strong);background:#ffffff03;border-radius:8px;display:grid;place-items:center;color:#a0b5a7;flex-shrink:0}.server-name strong{font-size:11px;font-weight:500;display:block;white-space:nowrap}.server-name small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.resource-label{display:flex;justify-content:space-between;gap:4px;font-size:9px;color:#829388;margin-bottom:7px}.resource-label b{font-size:10px;color:#bdcfc2;font-weight:400}.progress-track{height:3px;background:#a4bbac10;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--mint);border-radius:2px;box-shadow:0 0 6px #a4ebbb33;transition:width .7s}.progress-fill.warning{background:var(--amber);box-shadow:0 0 6px #e9bf8133}.progress-fill.purple{background:var(--purple)}.server-footer{display:flex;justify-content:space-between;gap:10px;padding:12px 22px;border-top:1px solid var(--line);font-size:10px;color:#8b9f91}.server-footer span{display:flex;gap:6px;align-items:center}.activity-list{padding:11px 22px 17px}.activity-item{display:flex;align-items:flex-start;gap:10px;padding:11px 0;position:relative}.activity-item:not(:last-child):after{content:'';position:absolute;top:30px;left:10px;bottom:-8px;width:1px;background:var(--line-strong)}.activity-icon{width:22px;height:22px;display:grid;place-items:center;flex-shrink:0;border:1px solid #a4ebbb1a;border-radius:50%;background:#a4ebbb08;color:var(--mint);position:relative;z-index:1}.activity-icon.warning{color:var(--amber);background:#e9bf8108;border-color:#e9bf8120}.activity-icon.info{color:var(--purple);background:#b9a7ed08;border-color:#b9a7ed20}.activity-icon.danger{color:var(--red);background:#eda4aa08;border-color:#eda4aa20}.activity-text{flex:1;min-width:0}.activity-text strong{display:block;font-size:11px;font-weight:400;line-height:1.6;color:#c4d3c9}.activity-text p{font-size:10px;color:#7e9586;margin-top:2px;line-height:1.5}.activity-item time{font-size:9px;color:#6f8979;margin-top:4px;white-space:nowrap}.footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:18px 0 3px;font-size:10px;color:#667e6e}.footer-left{display:flex;align-items:center;gap:8px}.footer .mono{font-size:9px;letter-spacing:.5px}.footer .footer-brand{font-weight:600;color:#96ab9d}.view-enter{animation:view-enter .35s ease both}.metrics-grid .metric:nth-child(2){animation-delay:40ms}.metrics-grid .metric:nth-child(3){animation-delay:80ms}.metrics-grid .metric:nth-child(4){animation-delay:120ms}
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:45px 20px;min-height:200px;text-align:center}.empty-state>svg{color:#779282;margin-bottom:3px}.empty-state h3{font-size:15px}.empty-state p{font-size:12px;color:var(--muted);max-width:370px}.empty-state .button{margin-top:6px}.details-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.table-scroll{overflow:auto}.details-table th{color:#8fa095;font-weight:400;font-size:11px;padding:14px 20px;background:#070b0928;border-bottom:1px solid var(--line-strong);white-space:nowrap}.details-table td{padding:16px 20px;border-bottom:1px solid var(--line);color:#c5d3c9;white-space:nowrap}.details-table tr:last-child td{border-bottom:0}.details-table tbody tr:hover{background:#b5d2bd04}.details-table .row-name{font-size:12px;color:#e2ebe5}.details-table .row-meta{display:block;font-size:10px;color:#7f9387;margin-top:5px}.details-table .amount{font-variant-numeric:tabular-nums;font-size:13px}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 21px}.table-toolbar h2{font-size:15px}.table-toolbar input{max-width:230px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:22px}.full-width{grid-column:1/-1}.stack{display:grid;gap:20px}.spacing-top{margin-top:22px}.note{font-size:11px;color:#91a699;line-height:1.8;border:1px solid var(--line-strong);background:#c1dbbd03;padding:13px 15px;border-radius:9px;display:flex;gap:9px;align-items:flex-start}.note svg{flex-shrink:0;margin-top:2px;color:#a4bdac}.note.warning{border-color:#e9bf811c;color:#bea47e;background:#e9bf8104}.inline-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}.inline-stats>div{padding-right:12px;border-right:1px solid var(--line-strong)}.inline-stats>div:last-child{border:0}.inline-stats small{font-size:10px;color:var(--muted);display:block}.inline-stats strong{display:block;font-size:23px;font-weight:500;margin-top:8px;letter-spacing:-.5px}.server-card{padding:23px}.server-card .server-name strong{font-size:14px}.server-card .server-name small{font-size:11px}.server-card .server-name .badge{margin-left:auto}.server-card .resources{display:grid;gap:21px;margin:26px 0}.server-card .resource-label{font-size:11px}.server-card .resource-label b{font-size:12px}.server-card .progress-track{height:5px}.server-card-foot{border-top:1px solid var(--line-strong);padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.server-card.local{border-color:#a4ebbb25}.server-card.local .server-icon{color:var(--mint);border-color:#a4ebbb20}.site-card{padding:22px}.site-card-head{display:flex;gap:12px;align-items:center;margin-bottom:19px}.site-card-head h3{font-size:15px;margin-bottom:6px}.site-card-head p{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.site-card .site-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:21px;padding-top:16px;border-top:1px solid var(--line-strong)}.site-card .button{font-size:11px;min-height:33px}.connector-icon{width:44px;height:44px;border:1px solid #c7ddcc1c;border-radius:11px;background:linear-gradient(135deg,#bedaca12,#92d8ac03);display:grid;place-items:center;color:#b5cdbd;margin-bottom:20px}.connector-card{padding:24px;display:flex;flex-direction:column}.connector-card h3{font-size:16px;margin-bottom:9px}.connector-card p{font-size:12px;color:var(--muted);min-height:55px}.connector-card .badge{align-self:flex-start;margin-top:17px}.connector-card .button{margin-top:20px;width:100%}.connector-card.connected{border-color:#a4ebbb29;background:radial-gradient(ellipse at top right,#a4ebbb0b,transparent 75%),var(--panel)}.alert-tabs{display:flex;gap:20px;margin-bottom:22px;border-bottom:1px solid var(--line-strong)}.alert-tabs button{padding:0 0 13px;font-size:12px;color:var(--muted);border-bottom:2px solid transparent;display:flex;align-items:center;gap:7px}.alert-tabs button.active{color:var(--mint);border-color:var(--mint)}.alert-row{display:flex;align-items:center;gap:15px;padding:22px;border-bottom:1px solid var(--line)}.alert-row:last-child{border:0}.alert-row .activity-icon{width:34px;height:34px}.alert-row .alert-copy{flex:1;min-width:0}.alert-row h3{font-size:13px;margin-bottom:5px}.alert-row p{font-size:12px;color:var(--muted)}.alert-row small{display:block;font-size:10px;color:#809187;margin-top:9px}.alert-row .button{font-size:11px;min-height:32px}.alert-row.resolved{opacity:.65}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.settings-row:last-child{border:0}.settings-row h3{font-size:13px;margin-bottom:5px}.settings-row p{font-size:11px;color:var(--muted)}.switch{width:38px;height:22px;background:#3f5545;border:1px solid #9dc9a92d;border-radius:15px;position:relative;flex-shrink:0}.switch:after{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:var(--mint);top:3px;right:3px;transition:transform .2s}.switch[aria-checked=false]{background:#252e27;border-color:#ffffff10}.switch[aria-checked=false]:after{background:#789080;transform:translateX(-16px)}
input,textarea,select.field{background:#090e0b;border:1px solid #9fbea323;border-radius:8px;color:#e0e9e3;min-height:40px;padding:10px 12px;font-size:13px;width:100%;transition:border-color .2s}input::placeholder,textarea::placeholder{color:#6d8676}input:hover,textarea:hover{border-color:#9fbea343}input:focus,textarea:focus{border-color:#b8e0b975;outline:0;box-shadow:0 0 0 2px #a4ebbb0a}label.field-label{display:block;font-size:12px;color:#b2c5b8;margin-bottom:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-field.full{grid-column:1/-1}.form-help{font-size:10px;color:#789081;margin-top:8px;line-height:1.6}.form-error{font-size:12px;color:var(--red);line-height:1.6;min-height:20px;margin-top:15px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:19px;border-top:1px solid var(--line-strong)}.form-actions .button{min-height:39px;padding:10px 16px}dialog{color:#edf3ef;border:1px solid #a9c7b62e;background:radial-gradient(ellipse at top right,#80be940b,transparent 80%),#131b16;border-radius:18px;width:min(560px,calc(100vw - 32px));padding:28px;box-shadow:0 40px 100px #0009;max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#030805a8;backdrop-filter:blur(8px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:26px}.modal-head h2{font-size:20px;font-weight:500;letter-spacing:-.5px}.modal-head p{font-size:12px;color:var(--muted);margin-top:8px}.modal-head .icon-button{margin:-6px -8px 0 0;flex-shrink:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:11px;color:#c5dbc9;background:#070d09;padding:16px;border:1px solid var(--line-strong);border-radius:9px;line-height:1.8;max-height:300px;overflow:auto}.modal-copy{font-size:13px;line-height:1.8;color:#a7bbae}.modal-copy p{font-size:13px;margin-bottom:14px}.modal-copy ul{padding-left:18px;line-height:2}.search-results{display:grid;gap:5px;margin-top:15px}.search-result{padding:13px 12px;border-radius:8px;display:flex;gap:12px;align-items:center;text-align:left;border:1px solid transparent}.search-result:hover,.search-result:focus-visible{background:#b8d8be09;border-color:#b8d8be20}.search-result>svg{color:#9cb5a5}.search-result strong{font-size:13px;font-weight:500;display:block}.search-result small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.search-result .search-key{margin-left:auto;color:#597363;font-size:10px}#toast{position:fixed;left:calc(50% + var(--sidebar)/2);bottom:27px;transform:translate(-50%,20px);padding:12px 19px;border-radius:10px;background:#213127f5;border:1px solid #a4ebbb3a;color:#deefe2;box-shadow:0 10px 30px #0004;z-index:100;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);line-height:1.6}#toast.visible{opacity:1;transform:translate(-50%,0)}#toast.error{border-color:#eda4aa40;background:#332427;color:#f3c3c8}.connection-state{display:flex;align-items:center;gap:8px}.loading-icon{animation:spin .8s linear infinite}.sidebar-overlay{display:none}.big-number{font-size:39px;font-weight:500;letter-spacing:-1.5px;line-height:1.3}.price-caption{font-size:11px;color:var(--muted);margin-top:5px}.cost-summary{padding:25px}.cost-summary .cost-summary-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#98b09f;margin-bottom:16px}.budget-progress{margin:20px 0 12px}.budget-progress .resource-label{font-size:11px;margin-bottom:12px}.budget-progress .progress-track{height:6px}.cost-breakdown{display:grid;gap:16px;margin-top:22px}.cost-breakdown .budget-line{font-size:12px}.total-row td{background:#acc7af04;color:#e8f2eb!important}.code-badge{font-size:10px;border:1px solid var(--line-strong);padding:4px 7px;border-radius:5px;color:#a8baad;background:#050a0740}.chart-table{padding-top:10px}.table-details{padding:0 22px 14px}.table-details summary{font-size:10px;color:#8ba294;cursor:pointer;padding:7px 0}.table-details .details-table td,.table-details .details-table th{padding:9px 10px;font-size:10px}.detail-hero{display:flex;align-items:center;gap:17px;padding:24px}.detail-hero .project-logo{width:58px;height:58px;border-radius:14px}.detail-hero h2{font-size:22px;margin-bottom:7px}.detail-hero p{font-size:12px;color:var(--muted)}.detail-hero .project-actions{margin-left:auto;display:flex;gap:8px}.project-subtabs{display:flex;gap:20px;padding:0 24px;border-top:1px solid var(--line)}.project-subtabs span{font-size:11px;padding:16px 0;color:#9eafa4}.project-subtabs span:first-child{color:var(--mint);border-bottom:2px solid var(--mint)}.kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:24px}.kpi-strip>div{border-right:1px solid var(--line-strong)}.kpi-strip>div:last-child{border-right:0}.kpi-strip small{display:block;font-size:11px;color:var(--muted);margin-bottom:12px}.kpi-strip strong{font-size:27px;font-weight:500;letter-spacing:-.8px}.source-detail{font-size:11px;color:#829f8d;line-height:1.9;margin-top:18px}.source-detail b{font-weight:500;color:#b6cbbe}
@keyframes chart-enter{to{stroke-dashoffset:0}}@keyframes view-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes button-sheen{0%,65%{transform:translateX(-100%) rotate(-10deg)}85%,100%{transform:translateX(100%) rotate(-10deg)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.main{padding:36px 46px 22px}.topbar{padding:0 46px}.metric{padding:23px 25px 20px;min-height:158px}.metric-value{font-size:35px}.chart{height:230px}.project-card{padding:25px}.project-kpis{margin:27px 0 24px}.project-kpi strong{font-size:27px}.overview-row{grid-template-columns:2.1fr 1fr}}
@media(max-width:1250px){:root{--sidebar:208px}.sidebar{padding-left:12px;padding-right:12px}.main{padding:26px 24px 18px}.topbar{padding:0 24px}.overview-row{grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr)}.bottom-row{grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr)}.metric{padding:17px 15px 15px}.metric-value{font-size:28px}.spark{width:62px;opacity:.45}.server-row{grid-template-columns:1fr 50px 50px;gap:12px}.server-row>.badge{display:none}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-button{margin-right:0}.search-button span{display:none}.page-tools{gap:7px}.project-card{padding:19px}.chart{height:208px}.project-domain{font-size:9px}}
@media(max-width:1050px){:root{--sidebar:190px}.brand{gap:9px;padding-left:10px}.brand-word{font-size:12px;letter-spacing:2px}.nav-link{font-size:12px;gap:10px}.page-head{align-items:flex-start}.page-tools{flex-wrap:wrap;justify-content:flex-end;max-width:275px}.metric-value{font-size:24px}.metric-foot{font-size:9px}.metric-top{font-size:11px}.metric-top svg{width:15px}.overview-row{grid-template-columns:1fr}.budget-panel{display:grid;grid-template-columns:1fr 150px 1.1fr}.budget-panel .panel-head{grid-column:1/-1;padding-bottom:6px}.budget-panel .budget-visual{height:142px;grid-column:2;grid-row:2/4;margin:0}.budget-panel .budget-visual svg{width:130px;height:130px}.budget-panel .budget-top{padding-left:22px;align-self:center}.budget-panel .budget-legend{grid-column:3;grid-row:2/4;align-self:center;padding:14px 22px}.budget-panel .budget-footer{grid-column:1;grid-row:3;margin:0 0 0 22px;padding-right:12px;flex-wrap:wrap;align-self:start;border:0}.bottom-row{grid-template-columns:1fr}.server-row{grid-template-columns:1fr 85px 85px 80px}.server-row>.badge{display:inline-flex;justify-self:end}.project-kpis{gap:7px}.project-kpi strong{font-size:21px}.project-bottom{flex-wrap:wrap}.settings-grid{grid-template-columns:1fr}.chart{height:230px}.private-label{display:none}}
@media(max-width:800px){:root{--sidebar:0px}.sidebar{width:238px;transform:translateX(-100%);transition:transform .25s;box-shadow:20px 0 50px #0005}.sidebar.open{transform:translateX(0)}.sidebar.open+.sidebar-overlay{position:fixed;inset:0;background:#0007;display:block;z-index:35;backdrop-filter:blur(3px)}.mobile-menu{display:inline-flex}.topbar{height:62px;padding:0 20px}.breadcrumb{font-size:11px;gap:10px}.top-actions{gap:10px}.search-button kbd{display:none}.main{padding:24px 20px 16px}.page-head{margin-bottom:20px}.page-head h1{font-size:26px}.page-head p{font-size:12px}.eyebrow{font-size:9px}.page-tools{max-width:none}.page-tools .export-label{display:none}.metrics-grid{gap:12px}.metric{min-height:133px}.metric-value{font-size:26px}.metric-foot{font-size:9px;max-width:100px;flex-wrap:wrap;line-height:1.5}.spark{width:50px;height:25px}.project-domain{font-size:10px}.project-kpi strong{font-size:23px}.metric-top{font-size:10px}.data-banner .banner-copy{font-size:10px}.data-banner .banner-explanation{display:none}.data-banner button{font-size:10px}.data-banner{padding:9px 11px;margin-bottom:18px}.topbar .avatar{width:29px;height:29px}.topbar .top-separator{display:none}.footer{font-size:9px}.footer .mono{font-size:8px}.cards-grid{gap:15px}.detail-hero{flex-wrap:wrap}.detail-hero .project-actions{margin-left:0}.kpi-strip{gap:12px}.kpi-strip strong{font-size:23px}#toast{left:50%}}
@media(max-width:600px){.main{padding:23px 16px 16px}.topbar{padding:0 13px}.breadcrumb{gap:8px}.breadcrumb .workspace-crumb{display:none}.breadcrumb .slash{display:none}.top-actions{gap:7px}.topbar .search-button{padding:7px}.page-head{align-items:flex-start;flex-wrap:wrap;gap:18px}.page-head h1{font-size:27px}.page-tools{justify-content:flex-start;width:100%}.page-tools .select-wrap{flex:1}.page-tools .select-wrap select{width:100%}.page-tools .button{min-height:36px}.metrics-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.metric{min-height:137px;padding:16px}.metric-top{font-size:11px}.metric-value{font-size:28px;margin-top:17px}.metric-foot{font-size:9px;max-width:unset}.spark{width:58px;opacity:.5}.overview-row{gap:18px;margin-bottom:22px}.panel-head{padding:18px 18px 0}.panel-head h2{font-size:14px}.chart-metrics{padding:22px 18px 9px;gap:22px}.chart{height:205px;margin-left:12px;margin-right:12px}.chart text{font-size:11px}.chart-bottom{padding:9px 17px 15px;font-size:9px}.chart-bottom>span{max-width:65%;line-height:1.5}.chart-bottom .button{font-size:10px}.chart-metric-value{font-size:21px}.budget-panel{grid-template-columns:1fr 1fr}.budget-panel .panel-head{grid-column:1/-1}.budget-panel .budget-top{padding-left:18px;grid-column:1;grid-row:2;align-self:end;padding-top:17px}.budget-panel .budget-visual{grid-column:2;grid-row:2/4;align-self:center;margin:10px 0}.budget-panel .budget-legend{grid-column:1/-1;grid-row:4;padding:6px 18px 18px}.budget-panel .budget-footer{grid-column:1;grid-row:3;margin-left:18px;align-self:start;padding-top:12px;gap:5px}.projects-grid{grid-template-columns:1fr;gap:16px;margin-bottom:23px}.project-card{padding:20px}.project-title p{font-size:11px}.project-kpi small{font-size:11px}.project-kpi strong{font-size:25px}.project-kpis{margin:23px 0 21px;gap:14px}.project-bottom .button.text{font-size:11px}.project-domain{font-size:10px}.bottom-row{gap:18px}.server-list{padding:3px 17px 8px}.server-row{grid-template-columns:1fr 61px 61px;gap:13px}.server-row>.badge{display:none}.server-name strong{font-size:11px}.server-name small{font-size:9px}.server-icon{width:30px;height:30px}.server-footer{padding:12px 17px;font-size:9px}.activity-list{padding:11px 18px 17px}.activity-text strong{font-size:12px}.activity-text p{font-size:11px}.activity-item time{font-size:10px}.activity-item{padding:12px 0}.footer{align-items:flex-start;line-height:1.7}.footer-right{max-width:125px;text-align:right}.cards-grid,.settings-grid{grid-template-columns:1fr}.panel-body{padding:18px}.table-toolbar{padding:17px;flex-wrap:wrap}.table-toolbar input{max-width:none}.details-table th,.details-table td{padding:14px 17px}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:1}.alert-row{padding:18px;flex-wrap:wrap;gap:12px}.alert-row .alert-copy{width:calc(100% - 50px);flex:initial}.alert-row>.button{margin-left:46px}.settings-row{gap:15px}.data-banner button svg{display:none}.detail-hero{padding:20px}.detail-hero .project-logo{width:48px;height:48px}.detail-hero h2{font-size:21px}.project-subtabs{padding:0 20px;gap:17px;flex-wrap:wrap}.project-subtabs span{font-size:10px}.kpi-strip{grid-template-columns:1fr 1fr;padding:21px;gap:23px}.kpi-strip>div:nth-child(2){border:0}.kpi-strip strong{font-size:28px}.kpi-strip small{font-size:11px}.inline-stats{gap:11px}.inline-stats strong{font-size:22px}.server-card{padding:22px}.source-detail{font-size:11px}.note{font-size:11px}.table-details{padding:0 18px 12px}dialog{padding:23px}.modal-head h2{font-size:19px}.alert-tabs{gap:17px}.alert-tabs button{font-size:11px}.section-heading h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.chart .chart-line{stroke-dashoffset:0}.button.primary:before{display:none}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}html[data-motion=off] .chart .chart-line{stroke-dashoffset:0}html[data-motion=off] .button.primary:before{display:none}

/* Shared CZ typography, with readable working labels at every viewport. */
.workspace-symbol{flex-shrink:0}.workspace-text strong{font-size:13px;white-space:nowrap}.workspace-text small{font-size:12px}.workspace{padding:10px;gap:9px;min-height:55px}.workspace-text{min-width:0}.workspace>svg{flex-shrink:0}
.nav-link,.project-nav{font-size:14px}.nav-link{gap:10px}.sidebar .brand{margin-bottom:25px}.nav-section-label{font-size:11px;letter-spacing:1.5px}.sidebar-projects{margin-top:22px}.local-card p,.local-card .mono,.profile small{font-size:12px}.profile strong{font-size:14px}
.metric-top{font-size:14px}.metric-foot{font-size:12px;line-height:1.5;min-height:18px;flex-wrap:wrap;gap:4px}.metric .spark{bottom:46px;width:76px;opacity:.35}.metric-value{margin-top:15px}.metric{min-height:151px;padding-bottom:16px}.metric-top svg{opacity:.7}.metric-foot:has(.trend){padding-right:0}.metric-foot>span:last-child{font-size:11px}.metric-value{font-size:32px}
.button,.select-wrap select{font-size:13px}.panel-head h2,.section-heading h2{font-size:16px}.panel-head p,.chart-metric-label,.chart-bottom,.budget-line,.budget-footer,.project-title p,.project-kpi small,.project-domain,.project-bottom .button.text,.project-bottom .badge{font-size:12px}.badge{font-size:12px}.panel-head .button.text,.section-heading .button.text{font-size:12px}.chart-metric-value{font-size:25px}.chart-divider{height:44px}.segment button{font-size:12px;padding:5px 10px}.budget-top span{font-size:12px}.donut-inner span{font-size:12px}.project-kpi strong{font-size:26px}.project-kpis{margin:25px 0 21px}.project-title h3{font-size:18px}.project-logo{width:46px;height:46px}.project-domain{font-size:11px}.project-bottom{flex-wrap:wrap}.project-bottom .badge{font-size:10px}.project-card{background:radial-gradient(ellipse at 5% 0%,#6be0b70c,transparent 65%),#121613}.project-card.purple-card{background:radial-gradient(ellipse at 5% 0%,#b9a7ed0b,transparent 65%),#16151b}.project-card:before{content:'';position:absolute;top:0;left:22px;right:22px;height:1px;background:linear-gradient(90deg,#6be0b760,transparent 75%);pointer-events:none}.project-card.purple-card:before{background:linear-gradient(90deg,#b9a7ed65,transparent 75%)}
.server-name strong{font-size:13px}.server-name small{font-size:11px}.resource-label{font-size:11px}.resource-label b{font-size:12px}.server-row{grid-template-columns:1fr 76px 76px 91px;gap:15px}.server-footer{font-size:11px}.activity-text strong{font-size:13px}.activity-text p{font-size:12px}.activity-item time{font-size:11px}.activity-item{padding:13px 0}.activity-icon{width:24px;height:24px}.activity-item:not(:last-child):after{left:11px;top:33px}.activity-list{padding-top:13px}.footer{font-size:11px}.footer .mono{font-size:10px}
.data-banner .banner-copy,.data-banner button{font-size:12px}.data-banner{padding:10px 13px}.page-head p{font-size:14px}.page-head{margin-bottom:21px}.main{padding-top:27px}.page-head .eyebrow{font-size:11px}.topbar{height:66px}.breadcrumb{font-size:12px}.private-label{font-size:12px}.search-button{font-size:12px}.search-button kbd{font-size:11px}.form-help,.form-error{font-size:12px}.field-label{font-size:14px!important}input,textarea,select.field{font-size:14px}.details-table,.details-table .row-name{font-size:13px}.details-table th{font-size:12px}.details-table .row-meta{font-size:12px}.details-table .amount{font-size:14px}.note,.source-detail{font-size:12px}.connector-card p{font-size:14px;line-height:1.7;min-height:75px}.connector-card .badge{font-size:11px;white-space:normal}.connector-card .button{font-size:13px}.connector-card h3{font-size:18px}.server-card .resource-label,.server-card .resource-label b{font-size:13px}.inline-stats small{font-size:12px}.server-card-foot{font-size:11px}.server-card .server-name small{font-size:12px}.alert-row h3{font-size:14px}.alert-row p{font-size:13px}.alert-row small{font-size:12px}.alert-row .button{font-size:12px}.alert-tabs button{font-size:14px}.settings-row h3{font-size:14px}.settings-row p{font-size:12px}.site-card-head p,.site-card .button{font-size:12px}.site-card-head h3{font-size:17px}.price-caption{font-size:12px}.kpi-strip small{font-size:13px}.detail-hero p{font-size:13px}.table-details summary{font-size:12px}.search-result strong{font-size:14px}.search-result small{font-size:12px}.modal-head p,.modal-copy,.modal-copy p{font-size:14px}.local-card-top{font-size:12px}.nav-link.active{box-shadow:inset 2px 0 0 #6be0b7,0 0 24px #6be0b703}
@media(min-width:1200px){.overview-row{grid-template-columns:minmax(0,2.1fr) minmax(300px,1fr)}.chart{height:195px}.budget-visual{height:151px}.budget-visual svg{height:145px;width:145px}}
@media(max-height:930px) and (min-width:801px){.sidebar{padding-top:24px}.sidebar .workspace{margin-bottom:22px}.sidebar .brand{margin-bottom:22px}.sidebar .local-card{display:none}.sidebar .nav-link{min-height:38px;padding-top:8px;padding-bottom:8px}.sidebar .sidebar-bottom{padding-top:18px}.sidebar .profile{padding-top:14px}.sidebar-projects{margin-top:20px}.sidebar .nav-section-label{margin-bottom:8px}}
@media(max-height:810px) and (min-width:801px){.sidebar .workspace{display:none}.sidebar .brand{margin-bottom:30px}.sidebar-projects{margin-top:22px}.sidebar-bottom .nav-list{margin-bottom:12px!important}}
@media(max-width:1200px){.server-row{grid-template-columns:1fr 70px 70px}.server-row>.badge{display:none}.metric-top{font-size:13px}.metric-value{font-size:29px}.project-bottom .project-domain{font-size:11px}}
@media(max-width:1050px){.metric-top{font-size:12px}.metric-value{font-size:26px}.metric .spark{display:none}.nav-link,.project-nav{font-size:13px}.nav-link{gap:9px}.workspace-text strong{font-size:12px}.sidebar .workspace>svg{display:none}.budget-panel .budget-top{padding-top:14px!important}.metric-foot{font-size:11px}.server-row{grid-template-columns:1fr 90px 90px 95px}.server-row>.badge{display:inline-flex}.project-kpi strong{font-size:23px}}
@media(max-width:800px){.nav-link,.project-nav{font-size:14px}.workspace-text strong{font-size:13px}.sidebar .workspace>svg{display:block}.sidebar .local-card{display:none}.sidebar{padding-top:25px}.sidebar .brand{margin-bottom:25px}.sidebar .workspace{margin-bottom:22px}.sidebar .nav-link{min-height:38px;padding-top:8px;padding-bottom:8px}.sidebar-bottom{padding-top:20px}.topbar{height:62px}.page-head .eyebrow{font-size:10px}.page-head p{font-size:13px}.data-banner .banner-copy,.data-banner button{font-size:11px}.metric-top{font-size:12px}.metric-value{font-size:28px}.metric-foot{font-size:11px}.metric-foot>span:last-child{font-size:10px}.page-tools .select-wrap select{font-size:12px}.project-kpi strong{font-size:26px}.project-kpi small{font-size:12px}}
@media(max-width:600px){.main{padding-top:24px}.metric{min-height:146px;padding:16px 15px}.metric-top{font-size:13px}.metric-value{font-size:29px}.metric-foot{font-size:12px;max-width:none;margin-top:10px}.metric-foot>span:last-child{font-size:10px}.metric-top svg{width:15px}.metric .spark{display:none}.server-row{grid-template-columns:1fr 61px 61px;gap:12px}.server-row>.badge{display:none}.server-name strong{font-size:12px}.server-name small{font-size:10px}.resource-label{font-size:10px}.resource-label b{font-size:11px}.project-card{padding:20px}.project-bottom .button.text{font-size:12px}.project-domain{font-size:11px}.data-banner .banner-copy{font-size:10px}.data-banner button{font-size:10px}.data-banner{padding:10px 11px}.page-head p{font-size:13px}.chart-bottom{font-size:11px}.chart-bottom>span{max-width:75%}.chart-bottom .button{font-size:12px}.chart text{font-size:12px}.chart-metric-label{font-size:12px}.chart-metric-value{font-size:25px}.chart-metrics{gap:23px}.budget-footer{font-size:12px}.activity-text strong{font-size:13px}.activity-text p{font-size:12px}.footer{font-size:10px}.footer .mono{font-size:9px}.site-card .inline-stats{grid-template-columns:1fr 1fr}.site-card .inline-stats>div:last-child{grid-column:1/-1}.inline-stats strong{font-size:23px}.form-grid{gap:17px}.topbar .search-button kbd{display:none}.connector-card p{min-height:0}.panel-head h2,.section-heading h2{font-size:15px}.data-banner .banner-copy strong{font-weight:400}.detail-hero .project-actions{width:100%}}

/* Stable live updates: only user navigation replays entrances. */
#app.quiet-refresh .view-enter{animation:none}
#app.quiet-refresh .chart-line{animation:none;stroke-dashoffset:0}
.source-link{color:var(--mint)!important;margin-top:5px;display:block}
.source-link:hover{text-decoration:underline}
.connector-card p.source-detail{min-height:0;font-size:12px;margin-bottom:18px}
.connector-card .button{margin-top:auto}
.server-card .source-detail{line-height:1.7;margin-top:16px}
.server-card .server-name{min-width:0}.server-card .server-name small{overflow-wrap:anywhere}
.details-table .row-meta{max-width:370px;white-space:normal;line-height:1.6}
.chart-bottom>span{line-height:1.5}
@media(max-height:700px) and (min-width:801px){.sidebar .brand{margin-bottom:22px}.sidebar-projects{margin-top:15px}.sidebar-bottom{padding-top:10px}.sidebar .nav-link{min-height:35px;padding-top:6px;padding-bottom:6px}.sidebar .project-nav{padding-top:8px;padding-bottom:8px}.sidebar .profile{padding-top:11px}}

.table-scroll{position:relative;max-width:100%;contain:inline-size}.panel{min-width:0}

/* Four project accents keep the common graphite / Inter identity. */
.project-card{border-top-color:color-mix(in srgb,var(--project-color,var(--mint)) 24%,transparent)}
.project-card .project-logo{color:var(--project-color,var(--mint));background:color-mix(in srgb,var(--project-color,var(--mint)) 9%,transparent);border-color:color-mix(in srgb,var(--project-color,var(--mint)) 15%,transparent)}
.project-dot.blue{background:#8dcaf9}.project-dot.pearl{background:#e4dfef}.project-logo.blue{color:#8dcaf9}.project-logo.pearl{color:#e4dfef}
.chart-metrics{flex-wrap:wrap;row-gap:18px}.project-kpi strong{overflow-wrap:anywhere}.project-kpi small{line-height:1.5}
@media(min-width:801px) and (max-height:860px){.sidebar-projects{margin-top:14px}.sidebar-projects .nav-section-label{margin-bottom:8px}.project-nav{padding-top:8px;padding-bottom:8px}.sidebar-bottom .nav-list{margin-bottom:10px!important}.local-card{padding:12px}.sidebar .profile{padding-top:12px;margin-top:12px}}

/* V2 — santé de l’écosystème, historiques et vues épurées. */
.status-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line-strong);border-radius:10px;padding:11px 14px;margin-bottom:22px;background:#ffffff03;min-height:46px}
.status-main{display:flex;align-items:center;gap:10px;min-width:0;font-size:13px}.status-main strong{font-weight:500;white-space:nowrap}.status-copy{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.status-pulse{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #a4ebbb14;flex-shrink:0;animation:pulse 2.4s ease-in-out infinite}
.status-bar.success{border-color:#a4ebbb1f;background:linear-gradient(90deg,#a4ebbb08,transparent 60%)}
.status-bar.warning{border-color:#e9bf8126;background:linear-gradient(90deg,#e9bf810a,transparent 60%)}.status-bar.warning .status-pulse{background:var(--amber);box-shadow:0 0 0 4px #e9bf8114}
.status-bar.danger{border-color:#eda4aa30;background:linear-gradient(90deg,#eda4aa0c,transparent 60%)}.status-bar.danger .status-pulse{background:var(--red);box-shadow:0 0 0 4px #eda4aa18}
.status-bar.demo .status-pulse{background:var(--purple);box-shadow:0 0 0 4px #b9a7ed14}
.status-side{display:flex;align-items:center;gap:12px;flex-shrink:0}.status-side>button{font-size:12px;color:#c3d3b7;display:flex;align-items:center;gap:6px}
.status-sources{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}.status-sources i{width:6px;height:14px;border-radius:2px;background:#ffffff14}.status-sources i.on{background:var(--mint)}.status-sources i.err{background:var(--red)}.status-sources span{margin-left:6px}.status-sources:hover span{color:#e4ece7}
.button.small{min-height:30px;padding:5px 10px;font-size:12px}
@keyframes pulse{50%{box-shadow:0 0 0 7px transparent}}
.tiles-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:26px}.tiles-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.metric.tile{display:block;min-height:128px;padding:17px 18px 15px}.metric.tile .metric-value{font-size:29px;margin-top:12px}.metric.tile .metric-value small{font-size:15px;color:#7f9388;margin-left:2px}.metric.tile .metric-foot{font-size:12px;margin-top:10px}.metric.tile .spark{bottom:44px;opacity:.5}
.metric.tile.warn{border-color:#e9bf8126;background:linear-gradient(140deg,#1f1c15a8,#14130fa8)}.metric.tile:hover{border-color:#b8d1c140}
.about{margin-top:18px;border:1px solid var(--line);border-radius:9px;background:#ffffff02}.about summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 13px;font-size:12px;color:#8ea397}.about summary::-webkit-details-marker{display:none}.about summary:hover{color:#d5e2d9}.about[open] summary{border-bottom:1px solid var(--line)}.about>div{padding:12px 14px 14px;font-size:12px;line-height:1.8;color:#94a99c}.about b{font-weight:500;color:#c3d4c8}.panel .about{margin:16px 0 0}.panel>.about{margin:0 22px 20px}
.time-chart{display:grid;grid-template-columns:44px 1fr;grid-template-rows:1fr 20px;margin:10px 20px 14px 10px}.tc-y{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:#6f8377;text-align:right;padding-right:8px;margin:-6px 0}.tc-plot{position:relative;min-height:0;border-bottom:1px solid var(--line-strong)}.tc-plot svg{width:100%;height:100%;display:block;overflow:visible}.tc-plot .chart-grid{stroke:#acccb310;stroke-dasharray:3 4}.tc-plot .chart-line{fill:none;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:3000;stroke-dashoffset:3000;animation:chart-enter 1.6s cubic-bezier(.2,.7,.1,1) forwards}.tc-x{grid-column:2;display:flex;justify-content:space-between;font-size:10px;color:#6f8377;padding-top:6px}
html[data-motion=off] .tc-plot .chart-line{stroke-dashoffset:0}
.panel-body .time-chart{margin:4px 0 0 -8px}
.legend-row{display:flex;flex-wrap:wrap;gap:10px 22px;padding:16px 22px 0;font-size:12px;color:var(--muted)}.legend-row.tight{padding:10px 0 0;gap:8px 16px}.server-card .legend-row.tight{padding:0 0 4px}.legend-row b{font-weight:500;color:#d4e0d8;margin-left:3px}.legend-row span{display:inline-flex;align-items:center;gap:6px}
.legend-item{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.legend-item strong{font-weight:500;color:#dbe5df}
.attention-list{padding:10px 14px 14px}.attention-item{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:8px}.attention-item:hover{background:#ffffff04}.attention-item>div{flex:1;min-width:0}.attention-item strong{display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attention-item small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.attention-item .sev{width:3px;align-self:stretch;border-radius:3px;background:var(--dim)}.attention-item.danger .sev{background:var(--red)}.attention-item.warning .sev{background:var(--amber)}.attention-item.info .sev{background:var(--cyan)}.attention-item .icon-button{opacity:.6}.attention-item:hover .icon-button{opacity:1}
.panel-more{font-size:12px;color:var(--muted);padding:0 22px 18px}
.empty-state.compact{min-height:0;padding:30px 20px}
.health-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:4px 9px;border-radius:20px;border:1px solid #ffffff12;color:#a3b2a8;white-space:nowrap;align-self:flex-start}.health-chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.health-chip.success{color:var(--mint);border-color:#a4ebbb22;background:#a4ebbb08}.health-chip.warning{color:var(--amber);border-color:#e9bf8122;background:#e9bf8108}.health-chip.danger{color:var(--red);border-color:#eda4aa26;background:#eda4aa0a}
.project-bottom .updated{font-size:11px;color:var(--dim);margin-left:auto}.project-bottom .button.text{margin-left:4px}.site-mini{font-size:10px;margin-left:6px;padding:1px 5px;border-radius:4px;background:#ffffff08;color:var(--muted)}.site-mini.success{color:var(--mint)}.site-mini.danger{color:var(--red)}
.cards-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.server-card .server-name>.badge{margin-left:auto}.server-card .resources{margin:22px 0 18px;gap:16px}.server-card .time-chart{margin:4px 0 8px -8px}.mini-title{font-size:11px;color:var(--dim);letter-spacing:.4px;margin:4px 0 6px}.server-card .inline-stats{margin:18px 0 12px}.small-value{font-size:13px!important;letter-spacing:0!important;margin-top:12px!important;font-weight:500}
.server-card.is-stale .resources,.server-card.is-stale .inline-stats strong{opacity:.55}.server-card.is-stale .progress-fill{background:#6e7c74!important}
.docker-disk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.docker-disk>div{border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:#ffffff02}.docker-disk span{display:block;font-size:10px;color:var(--muted)}.docker-disk b{display:block;font-size:13px;font-weight:500;margin-top:5px}.docker-disk small{display:block;font-size:10px;color:var(--dim);margin-top:2px}
.cell-bar{position:relative;min-width:120px}.cell-bar span{position:relative;z-index:1}.cell-bar small{color:var(--dim);font-size:11px}.cell-bar i{display:block;height:3px;border-radius:3px;background:var(--mint);opacity:.6;margin-top:6px;min-width:2px;max-width:100%}.cell-bar.mem i{background:var(--cyan)}
.project-tag{font-size:11px;color:var(--c);border:1px solid color-mix(in srgb,var(--c) 25%,transparent);background:color-mix(in srgb,var(--c) 6%,transparent);padding:2px 7px;border-radius:5px}
.details-table tr.stale-row td{color:#7e8d84}.details-table.compact td{padding:12px 20px}.details-table.compact th{padding:11px 20px}
.site-list{display:grid;gap:10px;margin-bottom:8px}.site-row{display:grid;grid-template-columns:minmax(200px,1.1fr) minmax(0,2.4fr) 124px;grid-template-areas:'id metrics actions' 'ticks ticks ticks' 'error error error';align-items:center;gap:14px 22px;padding:16px 20px}
.site-id{grid-area:id;display:flex;align-items:center;gap:12px;min-width:0}.site-id h3{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-id a{font-size:12px;color:var(--muted);display:inline-flex;gap:5px;align-items:center;margin-top:3px;overflow-wrap:anywhere}.site-id a:hover{color:#dbe5df}.site-id>div{min-width:0}
.status-dot{width:9px;height:9px;border-radius:50%;background:var(--dim);flex-shrink:0}.status-dot.success{background:var(--mint);box-shadow:0 0 10px #a4ebbb55}.status-dot.warning{background:var(--amber)}.status-dot.danger{background:var(--red);box-shadow:0 0 10px #eda4aa66}.status-dot.purple{background:var(--purple)}
.site-metrics{grid-area:metrics;display:grid;grid-template-columns:1.2fr .6fr 1fr .8fr .9fr;gap:14px}.site-metrics small{display:block;font-size:10px;color:var(--dim);margin-bottom:5px;letter-spacing:.3px}.site-metrics strong{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.site-metrics .dim{display:block;font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-ticks{grid-area:ticks;display:flex;gap:2px;height:16px;align-items:stretch}.site-ticks i{flex:1;max-width:12px;border-radius:2px;background:var(--mint);opacity:.75}.site-ticks i.blocked{background:var(--purple)}.site-ticks i.error,.site-ticks i.unknown{background:var(--red);opacity:1}.site-ticks .dim{font-size:11px}
.site-actions{grid-area:actions;display:flex;gap:4px;align-items:center;justify-content:flex-end}.site-error{grid-area:error;font-size:12px;color:var(--red);overflow-wrap:anywhere}
.stack-bar{display:flex;height:9px;border-radius:5px;overflow:hidden;gap:2px;background:#ffffff06}.stack-bar i{display:block;min-width:3px}
.panel-body.tight{padding:6px 22px 20px}
.chips-row{display:flex;flex-wrap:wrap;gap:8px;padding:16px 22px 14px}.stat-chip{display:inline-flex;align-items:baseline;gap:6px;font-size:12px;color:var(--muted);border:1px solid var(--line-strong);border-radius:7px;padding:6px 10px}.stat-chip b{font-size:15px;font-weight:500;color:#e2ebe5}.stat-chip.success b{color:var(--mint)}.stat-chip.danger b{color:var(--red)}.stat-chip.purple b{color:var(--purple)}
.check-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:12px}.check-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:6px;border:1px solid var(--line-strong);color:var(--muted)}.check-chip.ok{color:var(--mint);border-color:#a4ebbb22}.check-chip.ko{color:var(--red);border-color:#eda4aa26}.check-row .dim{margin-left:auto;font-size:11px}
.auto-tag{font-size:10px;color:var(--cyan);border:1px solid #85cfdf26;border-radius:4px;padding:1px 5px;margin-right:6px}
.small-copy{font-size:12px}
.stack>.panel+.panel{margin-top:0}
@media(max-width:1350px){.tiles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tiles-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.site-row{grid-template-columns:1fr auto;grid-template-areas:'id actions' 'metrics metrics' 'ticks ticks' 'error error'}}
@media(max-width:1100px){.cards-grid.two{grid-template-columns:1fr}.status-copy{display:none}}
@media(max-width:800px){.status-bar{flex-wrap:wrap;gap:10px}.status-side{width:100%;justify-content:space-between}.docker-disk{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.tiles-grid,.tiles-grid.four{grid-template-columns:1fr 1fr;gap:10px}.metric.tile{min-height:116px;padding:14px}.metric.tile .metric-value{font-size:24px}.metric.tile .metric-foot{font-size:11px}.metric.tile .spark{display:none}.site-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.site-row{padding:14px 16px}.time-chart{margin-right:12px}.legend-row{padding:14px 18px 0}.project-bottom .updated{display:none}.check-row .dim{margin-left:0}.chips-row{padding:14px 18px 12px}.panel-body.tight{padding:6px 18px 18px}.panel>.about{margin:0 18px 18px}}
@media(max-width:600px){.tiles-grid:not(.four)>.tile:last-child{grid-column:1/-1}}
.project-title h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:601px) and (max-width:1150px){.health-chip .chip-label{display:none}.health-chip{padding:6px}}