:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e7edf4;background:#0d1219;--panel:#141b25;--line:#27313d;--muted:#96a4b6;--accent:#7bd7a2;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.accent{color:var(--accent)}.muted{color:var(--muted);line-height:1.7}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;color:#8797a9;margin:0 0 10px}.hint{font-size:12px;line-height:1.7;color:#8291a4}.tiny-muted{color:#708198;font-size:12px}.brand-symbol{display:inline-grid;place-items:center;background:#18372d;color:#86e9b4;border:1px solid #2c6b51;border-radius:15px;font-size:34px;width:60px;height:60px}.brand-symbol.small{font-size:22px;width:40px;height:40px;border-radius:12px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse 65% 65% at 50% 15%,#173328 0,transparent 70%),#0d1219}.login-card{width:min(100%,430px);padding:44px;background:#151d27;border:1px solid #2a3846;border-radius:22px;box-shadow:0 30px 100px #0005}.login-card h1{font-size:38px;letter-spacing:-1.5px;margin:6px 0}.login-card .eyebrow{margin-top:25px}.login-card .button{margin-top:25px}.wide{width:100%;justify-content:center}.button{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:12px 17px;background:#252f3b;color:#e5edf5;border:1px solid #3a4553;border-radius:10px;font-weight:650;font-size:13px;transition:.15s}.button:hover:not(:disabled){background:#303d4b;border-color:#7c8c9e}.button.primary{background:#a1e7ba;color:#13221a;border-color:#b7f7d0}.button.primary:hover:not(:disabled){background:#c1f6d3}.button.warning{background:#302c22;border-color:#63573a;color:#efd89e}.button:disabled{opacity:.35;cursor:not-allowed}.layout{display:grid;grid-template-columns:234px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:25px 16px;display:flex;flex-direction:column;background:#111821}.brand{display:flex;align-items:center;gap:10px;padding:0 5px 32px}.brand strong{font-size:15px;white-space:nowrap}.brand small{font-size:8px;letter-spacing:2px;color:#6b7c90;position:absolute;top:63px;left:76px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;padding:13px 14px;color:#91a0b3;border-radius:10px;font-size:13px}.nav-item span{font-size:18px}.nav-item.selected,.nav-item:hover{color:#defbea;background:#21392f}.sidebar-bottom{margin-top:auto;padding:22px 13px}.content{width:min(100%,1260px);padding:38px 52px 70px;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}.topbar h1{font-size:27px;margin:0;letter-spacing:-.6px}.account{display:flex;align-items:center;gap:12px}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#354b45;color:#bcf9d8;border-radius:50%;font-weight:700}.account-name{font-size:13px}.text-button{background:none;border:0;color:#8399ad;font-size:12px}.text-button:hover{color:white}.hero{background:radial-gradient(ellipse at 85% -45%,#1e513b,transparent 68%),linear-gradient(130deg,#1a2730,#14241e);border:1px solid #345044;border-radius:16px;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:30px}.hero h2{font-size:25px;letter-spacing:-.5px;margin:3px 0 9px}.hero p:last-child{max-width:620px;font-size:13px;margin-bottom:0}.hero-glyph{font-size:110px;color:#2d704f;opacity:.35;line-height:1}.status{display:inline-block;vertical-align:middle;font-size:11px;padding:6px 10px;margin-left:9px;background:#374250;color:#b2c1d1;border-radius:100px;letter-spacing:0}.status.good{background:#24503c;color:#a5e7c3}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:15px;margin:19px 0 36px}.stat,.panel-section{background:var(--panel);border:1px solid var(--line);border-radius:14px}.stat{padding:22px;display:flex;flex-direction:column;gap:9px}.stat-label{font-size:12px;color:#9ba9ba}.stat strong{font-size:27px;font-weight:650;letter-spacing:-.7px}.stat-foot{font-size:11px;color:#70849b}.panel-section{padding:25px;margin:17px 0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-head h3{font-size:17px;margin:0}.controls{display:flex;gap:11px;flex-wrap:wrap}.notice{margin-top:17px;border:1px solid #39594d;background:#1a322b;padding:14px 16px;border-radius:10px;color:#addbbf;font-size:13px}.notice.danger{border-color:#744943;background:#382627;color:#ffbdb0}.notice.hidden{display:none}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-weight:550;color:#8090a4;padding:13px 10px;border-bottom:1px solid var(--line)}td{padding:14px 10px;border-bottom:1px solid #25313b;white-space:nowrap}.job-succeeded{color:#8fe8b0}.job-failed,.job-unknown{color:#edb0a2}.job-queued,.job-running{color:#d9c493}@media(max-width:960px){.content{padding:28px}.sidebar{width:70px;padding:20px 9px}.layout{grid-template-columns:70px 1fr}.brand strong,.brand small,.nav-item{font-size:0}.brand{padding:0 3px 30px}.nav-item{justify-content:center;padding:10px}.nav-item span{font-size:20px}}@media(max-width:650px){.layout{display:block}.sidebar{width:100%;padding:9px 16px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.sidebar nav{display:flex}.sidebar-bottom{display:none}.brand{padding:0}.content{padding:25px 17px}.topbar{align-items:flex-start}.account-name{display:none}.hero{padding:23px}.hero h2{font-size:20px}.hero-glyph{display:none}.stats{grid-template-columns:1fr;gap:9px}.stat{padding:15px}.panel-section{padding:18px}.controls .button{flex:1 1 45%}.status{margin-left:0;margin-top:7px}}

.log-view{max-height:330px;overflow:auto;margin:0;padding:18px;background:#0a1119;border:1px solid #293440;border-radius:10px;color:#acbfcc;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}

.console-command-form{margin-top:23px;display:grid;gap:10px}.console-command-form label{font-size:12px;color:#b2c3d4;font-weight:650}.console-command-row{display:flex;gap:10px}.console-command-row input{min-width:0;flex:1;background:#0b1219;border:1px solid #354557;border-radius:10px;padding:12px 14px;color:#eef6fa;font:13px ui-monospace,SFMono-Regular,Consolas,monospace}.console-command-row input:focus-visible{outline:2px solid #7bd7a2;outline-offset:2px}.console-output{max-height:140px;min-height:65px;font-size:11px}@media(max-width:650px){.console-command-row{flex-wrap:wrap}.console-command-row button{width:100%}}

/* SPA dashboard shell */
.app-shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh}
.app-shell .sidebar{position:sticky;top:0;height:100dvh;overflow:auto;padding:24px 14px 15px;z-index:21;background:#111821}
.app-shell .brand{position:relative;padding:4px 9px 32px;min-height:74px}
.app-shell .brand small{top:50px;left:64px}
.app-nav{display:flex!important;flex-direction:column;align-items:stretch;gap:3px!important}
.nav-category{margin:20px 13px 8px;color:#76869a;font-weight:750;font-size:10px;letter-spacing:1.8px}
.app-shell .nav-item{display:flex!important;gap:11px;align-items:center;padding:12px 13px;font-size:13px!important;white-space:nowrap;line-height:1.3}
.app-shell .nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;font-size:20px!important}
.app-shell .nav-label{font-size:13px!important}
.app-shell .nav-item.selected{background:#223d32;color:#d9ffea;border:1px solid #335644}
.app-shell .nav-item:not(.selected){border:1px solid transparent}
.app-shell .nav-item:focus-visible,.quick-nav a:focus-visible,.nav-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.app-shell .sidebar-bottom{padding:22px 13px}
.app-content{max-width:1560px;min-width:0;width:100%;margin:0 auto;padding:0 42px 60px}
.app-topbar{position:sticky;top:0;z-index:9;margin:0 -42px 28px;padding:20px 42px;background:#0d1219f2;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);min-height:90px}
.topbar-heading,.topbar-right{display:flex;align-items:center;gap:18px}
.topbar-heading h1{font-size:22px}
.topbar-heading .eyebrow{margin-bottom:5px}
.topbar-right{gap:18px}
.top-status{font-size:11px;border:1px solid #394453;border-radius:999px;padding:8px 12px;background:#1a2630;color:#9aabbc;white-space:nowrap}
.top-status.good{border-color:#336b50;background:#183b2d;color:#adf1ca}
.nav-toggle{display:none;flex:0 0 43px;height:43px;border:1px solid #364858;border-radius:10px;background:#1c2934;color:#e6f1f4;font-size:18px}
.nav-backdrop{display:none}
.spa-view[hidden]{display:none!important}
.spa-view{animation:spa-in .18s ease-out}
@keyframes spa-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.page-heading{margin:0 0 20px}
.page-heading h2{font-size:24px;letter-spacing:-.6px;margin:0}
.page-heading .eyebrow{margin-bottom:7px}
.spa-view .panel-section{margin:0}
.spa-view .hero{margin-bottom:0}
.spa-view .stats{margin:17px 0 24px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.spa-view .stat{min-width:0}
.spa-view .stat strong{overflow-wrap:anywhere}
.spa-view .table-scroll{max-width:100%;overflow:auto}
.spa-view td{overflow-wrap:anywhere}
.quick-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.quick-nav a{display:flex;min-width:0;flex-direction:column;gap:8px;padding:21px;border:1px solid var(--line);background:var(--panel);border-radius:14px}
.quick-nav a:hover{border-color:#436d59;background:#1a2a2c}
.quick-nav a span{font-size:24px;color:#a6ebbd}
.quick-nav a strong{font-size:14px}
.quick-nav a small{font-size:11px;color:#91a3b7}
.view-actions{margin:5px 0 21px}
.spa-view .log-expanded{max-height:none;min-height:360px;height:min(65vh,700px);white-space:pre;overflow:auto;overflow-wrap:normal}
.log-tools{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-bottom:14px}
.log-tools label{font-size:12px;color:#a0acbd}
.log-tools input{flex:1;min-width:170px;background:#0b131b;color:#e6f1f5;padding:12px;border:1px solid #384758;border-radius:10px}
.log-tools input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:1140px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.app-content{padding:0 25px 50px}.app-topbar{margin:0 -25px 24px;padding:16px 25px}.quick-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.top-status{display:none}}
@media(max-width:820px){.app-shell{display:block}.app-shell .sidebar{position:fixed;inset:0 auto 0 0;width:260px;height:100dvh;transform:translateX(-105%);transition:transform .2s;box-shadow:16px 0 55px #0008}.app-shell .sidebar.is-open{transform:translateX(0)}.app-shell .sidebar .brand strong{font-size:15px}.app-shell .sidebar .brand small{font-size:9px}.app-shell .nav-item{justify-content:flex-start}.nav-backdrop.is-open{display:block;position:fixed;inset:0;width:100vw;height:100dvh;background:#0009;border:0;z-index:20}.nav-toggle{display:inline-grid;place-items:center}.app-content{padding:0 18px 35px}.app-topbar{margin:0 -18px 20px;padding:13px 18px}.app-shell .sidebar-bottom{display:block}}
@media(max-width:600px){.app-topbar .avatar,.app-topbar .account-name{display:none}.topbar-heading h1{font-size:20px}.page-heading h2{font-size:21px}.spa-view .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spa-view .stat{padding:15px}.spa-view .stat strong{font-size:22px}.spa-view .hero{padding:21px}.quick-nav a{padding:15px}.spa-view .panel-section{padding:17px}}
@media(prefers-reduced-motion:reduce){.spa-view{animation:none}.app-shell .sidebar{transition:none}}

/* Override the legacy collapsible sidebar rules at tablet widths. */
.app-shell .sidebar{display:flex;flex-direction:column;width:auto;justify-content:flex-start}
.app-shell .brand strong{font-size:15px}
.app-shell .brand small{font-size:9px}
@media(max-width:820px){.app-shell .sidebar{width:260px;flex-direction:column;justify-content:flex-start}}