:root{color:#202622;font-synthesis:none;letter-spacing:0;background:#f4f6f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit;letter-spacing:0}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}.app-shell{min-height:100vh}.topbar{color:#fff;background:#17211b;border-bottom:1px solid #29352e;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-mark{color:#193322;background:#e1f2e6;border-radius:6px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.brand-lockup div{flex-direction:column;gap:2px;display:flex}.brand-lockup strong{font-size:14px}.brand-lockup div span{color:#aebbb2;font-size:12px}.readiness{border:1px solid #46534a;border-radius:5px;align-items:center;gap:8px;min-height:30px;padding:0 10px;font-size:12px;font-weight:700;display:flex}.status-dot{background:#d6a839;border-radius:50%;width:7px;height:7px}.readiness-internally-ready .status-dot,.readiness-publicly-ready .status-dot{background:#5fc781}.readiness-externally-blocked .status-dot{background:#de6b62}.workspace{grid-template-columns:214px minmax(0,1fr);min-height:calc(100vh - 64px);display:grid}.sidebar{background:#fff;border-right:1px solid #dfe4df;flex-direction:column;gap:4px;padding:18px 10px;display:flex}.sidebar button{color:#545d57;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px;font-size:13px;display:flex}.sidebar button svg{width:17px;height:17px}.sidebar button:hover{color:#202622;background:#f1f4f1}.sidebar button.active{color:#173d24;background:#e8f0ea;font-weight:700}main{padding:30px clamp(22px,4vw,54px) 60px;overflow:hidden}main>section{max-width:1240px;margin:0 auto}.page-title{justify-content:space-between;align-items:flex-end;gap:20px;min-height:58px;margin-bottom:24px;display:flex}.page-title h1{margin:0 0 5px;font-size:25px;line-height:1.2}.page-title p{color:#6b736e;margin:0;font-size:13px}.page-actions{align-items:center;gap:8px;display:flex}.metric-grid{background:#dce2dd;border:1px solid #dce2dd;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.metric{background:#fff;border-top:3px solid #9ca59f;flex-direction:column;justify-content:space-between;min-height:96px;padding:18px;display:flex}.metric span{color:#737b76;font-size:12px}.metric strong{font-size:18px}.metric-good{border-top-color:#2f8a4c}.metric-warn{border-top-color:#c18d22}.metric-bad{border-top-color:#c6534c}.status-band{color:#fff;background:#213128;justify-content:space-between;align-items:center;min-height:74px;margin-top:18px;padding:15px 18px;display:flex}.status-band>div,.release-strip,.subscription-row,.draft-success{align-items:center;gap:12px;display:flex}.status-band svg{width:22px}.status-band span,.release-strip span,.subscription-row span,.draft-success span{flex-direction:column;gap:3px;display:flex}.status-band small{color:#b8c4bc}.mode-tag{color:#dbe4de;border:1px solid #68776d;border-radius:4px;padding:5px 7px;font-size:10px;font-weight:800;display:inline-flex!important}.plain-section{margin-top:30px}.plain-section h2{margin:0 0 12px;font-size:15px}.empty-state{color:#277841;border-top:1px solid #d8dfd9;border-bottom:1px solid #d8dfd9;align-items:center;gap:10px;min-height:58px;display:flex}.empty-state svg{width:18px}.blocker-list{border-top:1px solid #e2d6c0;margin:0;padding:0;list-style:none}.blocker-list li{color:#775818;border-bottom:1px solid #e2d6c0;align-items:center;gap:10px;min-height:48px;font-size:13px;display:flex}.blocker-list svg{width:17px}.alert{align-items:center;gap:10px;max-width:1240px;margin:0 auto 18px;padding:12px 14px;font-size:13px;display:flex}.alert.error,.inline-error{color:#8d302b;background:#f9e7e5;border:1px solid #eac2be}.alert svg{width:17px}.onboarding-grid{grid-template-columns:minmax(270px,.8fr) 1.2fr;align-items:start;gap:30px;display:grid}.connection-panel{background:#fff;border:1px solid #dce2dd;border-left:4px solid #2f8a4c;gap:16px;padding:22px;display:flex}.connection-panel>svg{color:#2f6840;width:28px}.connection-panel div{flex-direction:column;gap:7px;min-width:0;display:flex}.connection-panel span{color:#656e68;font-size:13px}.connection-panel code{overflow-wrap:anywhere;color:#6a716d;font-size:11px}.check-list{border-top:1px solid #dce2dd}.check-list>div{border-bottom:1px solid #dce2dd;align-items:center;gap:12px;min-height:50px;font-size:13px;display:flex}.check{border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.check svg{width:14px}.check.good{color:#267642;background:#e1f2e6}.check.bad{color:#a23d36;background:#fae5e2}.table-wrap{background:#fff;border:1px solid #dce2dd;overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}th{text-align:left;color:#69716c;background:#f1f4f1;border-bottom:1px solid #dce2dd;height:42px;padding:0 14px;font-weight:700}td{border-bottom:1px solid #edf0ed;height:48px;padding:0 14px}tr:last-child td{border-bottom:0}td code{color:#3a4540;font-size:11px}.status-pill{border-radius:4px;align-items:center;gap:5px;min-height:23px;padding:0 7px;font-size:10px;font-weight:800;display:inline-flex}.status-pill svg{width:12px}.status-pill.ok{color:#24703e;background:#e1f2e6}.status-pill.pending{color:#765615;background:#f4ead4}.activation{text-transform:uppercase;border-radius:4px;padding:4px 7px;font-size:10px;font-weight:800}.activation-internal{color:#315a7a;background:#e7edf5}.activation-public{color:#24703e;background:#e1f2e6}.activation-inactive{color:#69716c;background:#eceeed}.activation-toggle{align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.activation-toggle input{accent-color:#246d3c}.icon-button{color:#334139;background:#fff;border:1px solid #cad1cc;border-radius:5px;place-items:center;width:38px;height:38px;display:grid}.icon-button svg{width:17px}.primary-command,.secondary-command{border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-size:12px;font-weight:700;display:inline-flex}.primary-command{color:#fff;background:#246d3c;border:1px solid #1f5f34}.secondary-command{color:#28352d;background:#fff;border:1px solid #9ba9a0}.primary-command svg,.secondary-command svg{width:16px}.release-strip,.subscription-row{border-top:1px solid #dce2dd;border-bottom:1px solid #dce2dd;min-height:66px;margin-top:18px;padding:10px 4px}.release-strip svg,.subscription-row svg{color:#477156;width:21px}.release-strip small,.subscription-row small{color:#747c77}.test-layout{background:#fff;border:1px solid #dce2dd;grid-template-columns:minmax(300px,.8fr) minmax(330px,1.2fr);display:grid}.test-controls{border-right:1px solid #dce2dd;flex-direction:column;gap:16px;padding:22px;display:flex}.test-controls label:not(.toggle-row){color:#646d67;flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.test-controls select,.test-controls input[type=number]{color:#202622;background:#fff;border:1px solid #bcc6bf;border-radius:4px;height:40px;padding:0 10px}.toggle-row{border-top:1px solid #e4e8e5;border-bottom:1px solid #e4e8e5;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;min-height:42px;font-size:12px;display:grid}.toggle-row input{accent-color:#246d3c}.test-result{flex-direction:column;gap:12px;min-height:330px;padding:22px;display:flex}.result-placeholder{color:#8a918d;flex:1;place-items:center;font-size:13px;display:grid}.result-line{border-bottom:1px solid #e6eae7;justify-content:space-between;align-items:center;gap:16px;min-height:42px;font-size:12px;display:flex}.result-line code{overflow-wrap:anywhere;text-align:right}.inline-error{padding:10px;font-size:12px}.draft-success{color:#23673a;background:#e7f3ea;margin-top:4px;padding:12px}.draft-success svg{width:18px}.draft-success code{font-size:10px}.billing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.plan{background:#fff;border:1px solid #dce2dd;flex-direction:column;align-items:flex-start;min-height:210px;padding:20px;display:flex}.plan.active-plan{border-top:4px solid #2f8a4c;padding-top:17px}.plan-kicker{color:#68716b;font-size:9px;font-weight:900}.plan h2{margin:10px 0 5px;font-size:18px}.plan>strong{font-size:14px}.plan p{color:#68716b;min-height:42px;margin:16px 0;font-size:12px;line-height:1.5}.app-loading{color:#566059;justify-content:center;align-items:center;gap:10px;min-height:100vh;display:flex}.app-loading svg,.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.workspace{grid-template-columns:64px minmax(0,1fr)}.sidebar{padding:14px 8px}.sidebar button{justify-content:center;padding:0;font-size:0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-grid{grid-template-columns:1fr}}@media (width<=620px){.topbar{height:58px;padding:0 14px}.brand-lockup div span{display:none}.readiness{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.workspace{min-height:calc(100vh - 58px);display:block}.sidebar{z-index:5;border-bottom:1px solid #dfe4df;border-right:0;flex-direction:row;height:58px;padding:8px;position:sticky;top:0;overflow-x:auto}.sidebar button{flex:0 0 44px;width:44px}main{padding:20px 14px 40px}.page-title{flex-direction:column;align-items:flex-start;margin-bottom:18px}.page-title h1{font-size:22px}.metric-grid{grid-template-columns:1fr 1fr}.metric{min-height:82px;padding:13px}.metric strong{overflow-wrap:anywhere;font-size:15px}.status-band{align-items:flex-start;gap:12px}.onboarding-grid,.test-layout{grid-template-columns:1fr}.test-controls{border-bottom:1px solid #dce2dd;border-right:0}.test-result{min-height:270px}.billing-grid{grid-template-columns:1fr}}