:root{color:#192126;--bg:#f4f5f2;--sidebar:#262b2f;--sidebar-soft:#33383d;--surface:#fff;--surface-alt:#f9faf8;--ink:#192126;--muted:#63717a;--line:#d9ded8;--line-strong:#bdc6bf;--accent:#176b5d;--accent-strong:#0f5448;--blue:#315f8d;--amber:#8a5b00;--red:#a13a36;--green:#1f6f43;--shadow:0 14px 34px #1c231f14;background:#f4f5f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:var(--bg);min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{border:1px solid var(--line-strong);background:var(--surface);min-height:36px;color:var(--ink);cursor:pointer;border-radius:7px;padding:7px 12px}button:hover{border-color:#6f7f74}button:disabled{cursor:not-allowed;opacity:.55}input,textarea,select{border:1px solid var(--line-strong);width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:7px;padding:8px 10px}textarea{resize:vertical}label{color:#415059;gap:5px;min-width:0;font-size:.82rem;font-weight:650;display:grid}h1,h2,h3,p{margin:0}h1{font-size:1.35rem;line-height:1.2}h2{font-size:1rem;line-height:1.3}h3{font-size:.92rem;line-height:1.3}pre{border:1px solid var(--line);color:#26343b;white-space:pre-wrap;word-break:break-word;background:#fbfcfb;border-radius:7px;max-width:100%;margin:0;padding:10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;line-height:1.45;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:11px 12px}th{color:#56656d;text-transform:uppercase;font-size:.78rem;font-weight:700}td{color:#223039;font-size:.88rem}.app-shell{grid-template-columns:284px minmax(0,1fr);min-height:100vh;display:grid}.auth-shell{grid-template-columns:minmax(320px,520px);justify-content:center;align-items:start;gap:20px;min-height:100vh;padding:56px 20px;display:grid}.auth-main{align-content:start;gap:16px;min-width:0;display:grid}.auth-brand{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;display:grid}.auth-brand .brand-mark{width:48px;height:48px}.auth-brand h1{font-size:1.3rem}.auth-brand p{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem}.auth-main .status-stack{padding:0}.auth-main .account-layout{grid-template-columns:1fr}.sidebar{background:var(--sidebar);color:#f5f7f4;border-right:1px solid #1c2023;grid-template-rows:auto 1fr auto;gap:18px;height:100vh;padding:18px 14px;display:grid;position:sticky;top:0}.brand-block{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-height:52px;display:grid}.brand-mark{color:#17201b;background:#eef4ef;border:1px solid #667068;border-radius:8px;place-items:center;width:42px;height:42px;font-size:.82rem;font-weight:800;display:grid}.brand-block strong,.brand-block span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.brand-block strong{font-size:.98rem}.brand-block span{color:#c2cac4;margin-top:3px;font-size:.78rem}.side-nav{align-content:start;gap:17px;padding-right:2px;display:grid;overflow:auto}.nav-group{gap:7px;display:grid}.nav-group h2{color:#b4bdb7;text-transform:uppercase;padding:0 9px;font-size:.72rem;font-weight:700}.nav-item{color:#e9eeea;text-align:left;background:0 0;border-color:#0000;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:38px;display:grid}.nav-item:hover{background:var(--sidebar-soft);border-color:#59615b}.nav-item.selected{color:#17221c;background:#edf4ee;border-color:#82a698}.workspace-chip{color:#d9e0dc;background:#202427;border:1px solid #59615b;border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-height:38px;padding:8px 10px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem;display:grid}.workspace-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.main-shell{grid-template-rows:auto auto 1fr;min-width:0;display:grid}.topbar{z-index:5;border-bottom:1px solid var(--line);background:#fffffff5;grid-template-columns:minmax(260px,.9fr) minmax(520px,1.8fr);align-items:center;gap:18px;min-height:82px;padding:14px 20px;display:grid;position:sticky;top:0}.page-title{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:11px;display:grid}.page-title p{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem}.page-icon{border:1px solid var(--line);width:40px;height:40px;color:var(--accent);background:#f8faf8;border-radius:8px;place-items:center;display:grid}.topbar-actions{grid-template-columns:minmax(220px,1fr) auto;justify-self:end;align-items:end;gap:9px;width:min(100%,520px);display:grid}.topbar-actions label{font-size:.74rem}.content{min-width:0;padding:20px}.status-stack{gap:8px;padding:12px 20px 0;display:grid}.status-banner{border-radius:7px;align-items:center;gap:8px;width:fit-content;max-width:100%;padding:9px 11px;font-size:.86rem;font-weight:650;display:flex}.status-banner span{overflow-wrap:anywhere}.muted{color:#4e5c55;background:#e8ece7}.success{color:var(--green);background:#e3f2e7}.danger{color:var(--red);background:#f8e7e6}.warning{color:var(--amber);background:#fff3d4}.primary{border-color:var(--accent);background:var(--accent);color:#fff}.primary:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.compact-danger{color:var(--red);border-color:#dfaaa5}.icon-button{white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-width:0;display:inline-flex}.icon-button.small{min-height:32px;padding:5px 9px;font-size:.82rem}.icon-only{place-items:center;width:38px;min-width:38px;padding:0;display:grid}.page-stack,.page-grid{gap:16px;display:grid}.account-layout,.workspace-layout{grid-template-columns:minmax(280px,360px) minmax(280px,360px) minmax(0,1fr)}.panel{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:16px;display:grid}.panel.wide{grid-column:span 1}.panel-header{color:#25313a;align-items:center;gap:9px;min-height:26px;display:flex}.panel-header svg{color:var(--accent);flex:none}.auth-card{gap:16px}.auth-mode-tabs{border:1px solid var(--line);background:var(--surface-alt);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}.auth-mode-tabs button{background:0 0;border-color:#0000;min-height:34px;font-weight:700}.auth-mode-tabs button.selected{border-color:var(--line-strong);background:var(--surface);color:var(--accent)}.form-stack{gap:12px;display:grid}.inline-form{align-items:end;gap:10px;display:grid}.key-form{grid-template-columns:minmax(160px,.8fr) minmax(300px,1.4fr) auto}.settings-form{grid-template-columns:repeat(3,minmax(140px,1fr)) auto}.secret-form{grid-template-columns:minmax(160px,.8fr) minmax(220px,1.4fr) auto auto}.member-invite-form{grid-template-columns:minmax(240px,1fr) minmax(140px,.35fr) auto}.runs-page{gap:16px;display:grid}.run-create-form{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end;gap:10px;display:grid}.run-create-form .span-2{grid-column:span 2}.run-create-form .span-all{grid-column:1/-1}.budget-form{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end;gap:10px;display:grid}.budget-form button{grid-column:4}.workspace-list,.collection-list{gap:9px;min-width:0;display:grid}.resource-row{text-align:left;grid-template-columns:minmax(180px,1.1fr) auto minmax(80px,.4fr) minmax(180px,1fr);align-items:center;gap:12px;width:100%;min-height:58px;display:grid}.resource-row.selected,.run-card.selected{border-color:var(--accent);background:#edf6f1}.resource-row strong,.resource-row small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.resource-row small{color:var(--muted);margin-top:3px}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.muted-text{color:var(--muted)}.empty-state{border:1px dashed var(--line-strong);background:var(--surface-alt);min-height:76px;color:var(--muted);text-align:center;border-radius:8px;place-items:center;padding:14px;display:grid}.secret-reveal{color:#5f4100;background:#fff8e3;border:1px solid #e6ce8b;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.secret-reveal code{overflow-wrap:anywhere;margin-top:7px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.84rem;display:block}.table-wrap{max-width:100%;overflow:auto}.row-actions,.scope-list{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.scope{color:#34443c;background:#f5f8f5;border:1px solid #cdd7d0;border-radius:999px;align-items:center;min-height:24px;padding:2px 8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.75rem;display:inline-flex}.scope.danger{color:var(--red);background:#fae9e7;border-color:#e2aaa6}.pill{color:#4e5c55;text-transform:capitalize;white-space:nowrap;background:#e8ece7;border-radius:999px;align-items:center;width:fit-content;min-height:24px;padding:3px 9px;font-size:.76rem;font-weight:750;display:inline-flex}.pill.success{color:var(--green);background:#e3f2e7}.pill.warning{color:var(--amber);background:#fff3d4}.pill.danger{color:var(--red);background:#f8e7e6}.pill.muted{color:#4e5c55;background:#e8ece7}.metric-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;display:grid}.metric{border:1px solid var(--line);background:var(--surface-alt);border-radius:8px;gap:5px;min-width:0;min-height:76px;padding:11px;display:grid}.metric span{color:var(--muted);font-size:.78rem;font-weight:650}.metric strong{overflow-wrap:anywhere;min-width:0;font-size:.95rem;line-height:1.35}.kv-list{gap:0;margin:0;display:grid}.kv-list div{border-bottom:1px solid #edf0ec;grid-template-columns:minmax(150px,230px) minmax(0,1fr);gap:14px;padding:9px 0;display:grid}.kv-list div:first-child{padding-top:0}.kv-list div:last-child{border-bottom:0;padding-bottom:0}.kv-list dt{color:var(--muted);font-size:.82rem;font-weight:700}.kv-list dd{overflow-wrap:anywhere;min-width:0;margin:0}.split-view{grid-template-columns:minmax(280px,370px) minmax(0,1fr);gap:16px;min-height:calc(100vh - 122px);display:grid}.collection-pane,.detail-pane{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:8px}.collection-pane{grid-template-rows:auto minmax(0,1fr);align-content:start;gap:10px;padding:12px;display:grid}.detail-pane{padding:16px}.search-row{grid-template-columns:minmax(0,1fr) 38px;gap:8px;display:grid}.run-card{text-align:left;gap:7px;width:100%;min-height:92px;padding:11px;display:grid}.run-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:750;overflow:hidden}.run-line{color:#3c4a52;flex-wrap:wrap;align-items:center;gap:8px;font-size:.82rem;display:flex}.run-meta{color:var(--muted);overflow-wrap:anywhere;font-size:.8rem}.detail-stack{gap:16px;display:grid}.detail-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:14px;padding-bottom:14px;display:flex}.detail-header h2{margin-bottom:5px;font-size:1.08rem}.detail-header p{color:var(--muted);overflow-wrap:anywhere;font-size:.8rem}.subsection{gap:10px;display:grid}.timeline{gap:11px;display:grid}.event-row{border-left:3px solid var(--blue);gap:8px;padding-left:12px;display:grid}.event-stamp{color:var(--muted);flex-wrap:wrap;align-items:center;gap:9px;font-size:.82rem;display:flex}.review-layout{grid-template-columns:minmax(300px,390px) minmax(0,1fr)}.filter-panel{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:9px;padding-bottom:11px;display:grid}.filter-panel button{grid-column:span 2}.action-panel{box-shadow:none}.action-grid{grid-template-columns:repeat(2,minmax(190px,1fr)) auto;align-items:end;gap:10px;display:grid}.action-grid .span-all{grid-column:1/-1}.dashboard-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:16px;display:grid}@media (width<=1180px){.app-shell{grid-template-columns:236px minmax(0,1fr)}.topbar{grid-template-columns:1fr;position:static}.topbar-actions{justify-self:stretch;width:100%}.account-layout,.workspace-layout{grid-template-columns:repeat(2,minmax(260px,1fr))}.account-layout .wide,.workspace-layout .wide{grid-column:1/-1}.metric-grid,.budget-form{grid-template-columns:repeat(2,minmax(150px,1fr))}.budget-form button{grid-column:auto}}@media (width<=880px){.app-shell,.auth-shell,.split-view,.review-layout,.account-layout,.workspace-layout,.dashboard-grid,.metric-grid,.key-form,.settings-form,.secret-form,.member-invite-form,.run-create-form,.budget-form,.action-grid{grid-template-columns:1fr}.run-create-form .span-2,.run-create-form .span-all{grid-column:auto}.sidebar{height:auto;position:static}.side-nav{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.nav-group{align-content:start}.topbar-actions{grid-template-columns:1fr}.filter-panel button{grid-column:auto}.content{padding:14px}.resource-row,.kv-list div,.filter-panel{grid-template-columns:1fr}.collection-pane,.detail-pane{box-shadow:none}}