:root{--bg:#101713;--surface:#162019;--surface2:#1c2920;--border:#2a392e;--text:#e9f0ea;--muted:#8b9c8e;--green:#a1d4b0}
body{font-size:13px;line-height:1.5;font-weight:400}.sidebar{width:220px;padding:30px 16px;background:#111a14;border-color:#ffffff09}.workspace{margin-left:220px;width:calc(100% - 220px)}.brand{font-size:23px;letter-spacing:-.8px;padding:0 14px}.brand-icon{width:34px;height:34px;font-size:29px;line-height:29px;border-radius:10px;background:#a1d4b0}nav{margin-top:38px}nav a{padding:11px 14px;margin:5px 0;font-size:12px;gap:11px;color:#93a597}nav a.active{background:#233627;border-color:#ffffff08;color:#c5e5c8}nav a span{font-size:17px;opacity:.8}.sidebar-bottom{padding:22px 14px 0;border-color:#ffffff09}.sidebar-bottom small{font-size:10px;margin:6px 0 0}.sidebar-bottom strong{font-size:11px;font-weight:450}.server-dot{width:5px;height:5px}
header{height:68px;background:transparent;padding:0 38px;border-color:#ffffff08}.breadcrumbs{font-size:12px}.top-actions{gap:18px}.avatar{display:none}.connection{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#9eaa9f}.connection::before{content:'';width:5px;height:5px;border-radius:50%;background:#8b948c}.connection.online::before{background:#9ac9a7}.connection.online{color:#acbcac}#mode-toggle{padding:6px 12px;background:transparent;color:#a5b5a7;border-color:#344636;border-radius:20px;font-size:10px}#notifications{display:flex;align-items:center;gap:4px;color:#9eafa1}#notifications svg{width:19px;height:19px}#notification-count{font-size:9px;background:#314b36;border-radius:10px;padding:1px 4px}#notification-count:empty{display:none}
main{max-width:1480px;padding:32px 38px 42px}h1{font-size:27px;letter-spacing:-.7px;font-weight:540;margin:0}h2{font-size:14px;font-weight:540;letter-spacing:-.1px}h3{font-size:12px;font-weight:500}.page-head{margin-bottom:26px;align-items:center}.subtitle{font-size:11px;margin-top:7px;color:#8b9d8d}.eyebrow{display:none}.actions{gap:8px}button{font-size:12px;padding:8px 13px;box-shadow:none;border-radius:7px;background:#1b2b20;border-color:#354638}button:hover{border-color:#6a8670;background:#23392a}button.primary{background:#b5d2a7;border-color:#b5d2a7;font-weight:550;color:#15291a}button.primary:hover{background:#c1dcb4;border-color:#c1dcb4}input,textarea,select{font-size:12px;padding:10px 11px;background:#111b14;border-color:#344336}select#period{width:auto;min-width:105px;padding:8px 30px 8px 11px;border-color:#344638;border-radius:7px;color:#b1c0b1}label{font-size:11px}.check:has(input:disabled){display:none}
.grid{gap:18px}.grid>*{min-width:0}.stats,.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:0}.stat{padding:19px 21px;border-color:#ffffff0b;background:#17231a;border-radius:11px}.stat-label{font-size:10px;font-weight:450;color:#9bab9c}.stat-number{font-size:32px;line-height:1.25;margin:9px 0 0;letter-spacing:-1px;font-weight:450;color:#e4eee3}.stat.emphasis{background:#1e3021;border-color:#486344}.stat.emphasis .stat-number{color:#c2e1b4}.stat-note{font-size:10px;margin-top:7px;color:#819887}.stat-icon{display:none}.summary-strip{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding:17px 3px 23px;color:#849989;font-size:11px}.summary-strip span{display:inline-flex;gap:9px}.summary-strip b{color:#c2d0c2;font-weight:500}.summary-strip .subtle-link{margin-left:auto;font-size:10px;color:#839689}.summary-strip .link{font-size:10px}
.panel{padding:22px;border-radius:12px;border-color:#ffffff0c;background:#162219}.panel-head{margin-bottom:19px}.pill{font-size:9px;padding:4px 8px;background:#22362a;color:#9dbba4}.columns{grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr)}.section-space{margin-top:20px}.chart-wrap{height:275px}.chart-panel{position:relative;overflow:hidden}.chart-panel .panel-head{min-height:22px;margin-bottom:16px}.chart-unit{font-size:10px;color:#7f9786}.round-chart .chart-wrap{height:214px}.chart-empty{height:275px;border:0;border-radius:6px;background:repeating-linear-gradient(0deg,transparent,transparent 54px,#ffffff06 55px,transparent 56px);font-size:11px;color:#698473;gap:5px}.chart-empty-symbol{font-size:29px;color:#486b53;font-weight:300;margin:0 0 8px}.chart-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;margin-top:15px}.chart-legend:empty{display:none}.legend-item{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#9eb3a3;min-width:0}.legend-item>span{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis}.legend-item b{color:#dce8dc;font-size:11px;font-weight:500}.swatch{display:inline-block;flex:0 0 6px;height:6px;border-radius:50%}.swatch-0{background:#91d5b5}.swatch-1{background:#8caff0}.swatch-2{background:#d6bd85}.swatch-3{background:#b6a0db}.swatch-4{background:#df9297}.swatch-5{background:#8abdc5}.swatch-6{background:#8b9895}.swatch-7{background:#c8d992}.analytics-grid>.chart-panel:first-child{grid-column:1/-1}.analytics-grid>.chart-panel:first-child .chart-wrap,.analytics-grid>.chart-panel:first-child .chart-empty{height:300px}
.toolbar{margin:0 0 16px}.toolbar input{max-width:300px;background:transparent;border-color:#354638}th{font-size:9px;letter-spacing:.65px;padding:11px 12px;color:#809986;border-color:#ffffff0b}td{font-size:11px;padding:15px 12px;border-color:#ffffff09}td strong{font-weight:500;color:#d9e5d9}td small{font-size:10px;color:#7d9885}.badge{font-size:9px;letter-spacing:0;border-radius:5px;padding:3px 7px;border-width:0;white-space:nowrap}.badge.READY,.badge.completed{background:#29452e;color:#b4dcae}.badge.WARMING,.badge.running{background:#243a42;color:#a6c2d4}.row-open{display:block;padding:6px;text-align:right;font-size:17px;color:#829e8a}.row-open:hover{color:#c0d8c1}.empty{padding:45px 15px;color:#6f8978}.empty-mark{font-size:24px;color:#42664d;display:block;margin-bottom:12px}.empty strong{font-size:12px;color:#afc2b1;font-weight:450;margin-bottom:14px}.empty p{font-size:11px;max-width:340px;line-height:1.65}.queue-empty{padding:13px 0;color:#7c9885;font-size:11px}.status-note{display:flex;align-items:center;gap:8px;margin:-8px 0 21px;color:#8fa895;font-size:11px;line-height:1.6}.status-dot{width:5px;height:5px;flex:0 0 5px;background:#ac9673;border-radius:50%}.status-dot.on{background:#93ba99}.error-text{color:#d49393}
.help-details{margin-top:17px;border-top:1px solid #ffffff0a;padding-top:13px}.help-details summary,.form-section summary,.settings-fold>summary{font-size:11px;color:#9eb3a0;cursor:pointer;list-style:none;display:flex;align-items:center;gap:9px}.help-details summary::before,.form-section summary::before,.settings-fold>summary::before{content:'›';display:inline-block;transition:transform .15s;color:#6e8974;font-size:15px}.help-details[open]>summary::before,.form-section[open]>summary::before,.settings-fold[open]>summary::before{transform:rotate(90deg)}.help-details .help{padding:10px 0 1px;max-width:600px;font-size:11px;color:#8da291;line-height:1.8}.form-section{margin-top:19px;padding-top:15px;border-top:1px solid #ffffff0b}.form-section[open]>summary{margin-bottom:8px}.form-actions{margin-top:22px}.settings-fold>summary{font-size:12px;font-weight:500;min-height:18px;color:#bfd0bf}.settings-fold>summary .pill{margin-left:auto}.settings-fold[open]>summary{margin-bottom:18px}.service-list{display:flex;flex-wrap:wrap;gap:7px;padding:0;list-style:none;margin:18px 0}.service-list li{font-size:10px;background:#213328;border:1px solid #35483a;border-radius:5px;padding:5px 8px;color:#9fb9a5}.paused-fold>summary{color:#b9b893}pre{font-size:10px;background:#111c15;border-color:#2e4133;line-height:1.8}.compact-panel{max-width:650px}.notice{padding:10px 14px;font-size:11px;border-radius:7px;border-left-width:2px}.tabs{margin-top:20px;margin-bottom:22px;gap:7px}.tabs button{font-size:11px;padding:11px 12px}.tabs button.active{color:#bdd7b6;border-bottom-color:#aacba2}.metric-line{font-size:11px;padding:12px 0;border-color:#ffffff09}.timeline{border-color:#ffffff09}.timeline p{font-size:11px}.timeline small{font-size:9px}.lab-actions{display:flex;gap:8px;flex-wrap:wrap}.lab-grid .panel h2{margin-bottom:17px}.lab-steps{display:flex;gap:7px;align-items:center;margin:17px 0;color:#6e8b75;font-size:10px}.lab-steps span{color:#a5bba7}.lab-caption{font-size:11px;color:#859f8b;margin:10px 0 21px}.lab-account-select{margin-bottom:15px}.lab-grid select{font-size:11px}.test-mode .brand-icon{background:#d1bd91}
#mode-banner{margin:0;padding:10px 38px;border:0;border-bottom:1px solid #6a5a322a;border-radius:0;background:#b69b4710;color:#c6ba94;font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}#mode-banner[hidden]{display:none}#mode-banner>span{display:flex;gap:8px;align-items:center}#mode-banner small{color:#a29475;font-size:10px}.mode-dot{width:5px;height:5px;border-radius:50%;background:#c9b075}#mode-banner button{background:transparent;border:0;color:#c6ba94;font-size:10px;padding:1px 5px}.test-mode header{border-color:#ffffff09}.mode-badge{font-size:10px;color:#bca67b}.test-mode #mode-toggle{color:#cbb27d;border-color:#65593d}.access-card{margin:8vh auto;max-width:440px;padding:28px}.access-card h1{font-size:24px;margin-bottom:14px}
@media(max-width:1100px){.sidebar{width:195px;padding:28px 12px}.workspace{margin-left:195px;width:calc(100% - 195px)}main{padding:28px 24px 35px}header{padding:0 24px}.brand{padding:0 10px}nav a{font-size:11px;padding:11px 12px}.columns{grid-template-columns:1.5fr 1fr}.stat{padding:17px}.summary-strip{gap:15px}.summary-strip .subtle-link{font-size:9px}.chart-legend{gap:9px 11px}.legend-item{font-size:9px}#mode-banner{padding:10px 24px}}
@media(max-width:900px){.columns{grid-template-columns:1fr}.round-chart .chart-wrap{height:225px}.round-chart .chart-legend{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-strip .subtle-link{margin-left:0}.stat-number{font-size:29px}}
@media(max-width:760px){.sidebar{width:228px}.workspace{margin:0;width:100%}header{height:59px;padding:0 16px}.top-actions{gap:11px}main{padding:25px 16px 32px}h1{font-size:25px}.page-head{align-items:flex-start;gap:16px;margin-bottom:22px}.page-head>.actions{width:auto;flex-wrap:wrap}.stats,.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.stat{padding:16px}.stat-number{font-size:30px;margin-top:7px}.stat-label{font-size:10px}.stat-note{font-size:9px}.summary-strip{font-size:10px;padding:16px 1px 21px;gap:10px 20px}.summary-strip span{gap:7px}.summary-strip .subtle-link{font-size:9px}.panel{padding:19px 16px}.panel-head{margin-bottom:16px}.chart-wrap,.chart-empty{height:230px}.round-chart .chart-wrap{height:215px}.chart-legend,.round-chart .chart-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.legend-item{font-size:10px}.analytics-grid>.chart-panel:first-child .chart-wrap,.analytics-grid>.chart-panel:first-child .chart-empty{height:245px}.analytics-grid{grid-template-columns:1fr}.analytics-grid>.chart-panel:first-child{grid-column:auto}.two{grid-template-columns:1fr}.toolbar input{max-width:none}.section-space{margin-top:17px}#mode-banner{padding:9px 16px;font-size:9px}#mode-banner>span{gap:6px}#mode-banner small{font-size:9px}.test-mode .connection{display:inline-flex}.connection{font-size:0;gap:0}.connection::before{width:6px;height:6px}#mode-toggle{font-size:9px;padding:5px 9px}.breadcrumbs{font-size:11px}.tabs{gap:0}.tabs button{font-size:10px;padding:10px}.help-details summary,.form-section summary{font-size:10px}dialog{padding:20px}.settings-fold>summary{font-size:11px}.lab-grid .lab-actions button{font-size:10px}.access-card{margin:5vh auto;padding:24px}.status-note{font-size:10px;align-items:flex-start}.status-dot{margin-top:5px}}