:root{color:#18202a;font-synthesis:none;background:#f4f5f2;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{font:inherit}button{cursor:pointer}.login-shell{background:radial-gradient(circle at 20% 10%,#f1dfc5 0,#0000 34%),#121a23;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:28px;width:min(440px,100%);padding:48px;box-shadow:0 30px 80px #0006}.brand-mark{color:#fff;background:#bf7a36;border-radius:18px;place-items:center;width:58px;height:58px;font:700 28px/1 Georgia,serif;display:grid;box-shadow:inset 0 0 0 1px #fff3}.brand-mark.small{border-radius:12px;width:40px;height:40px;font-size:20px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;margin:24px 0 6px;font-weight:800;color:#a96528!important;font-size:12px!important}.login-card h1,.page-header h1{letter-spacing:-.04em;margin:0}.login-card h1{font-size:34px}.muted,.page-header>p:last-child{color:#68717d;line-height:1.6}.login-form{gap:18px;margin-top:30px;display:grid}.login-form label{gap:8px;font-size:13px;font-weight:700;display:grid}.login-form input{background:#fafaf8;border:1px solid #d9dcd8;border-radius:12px;outline:none;width:100%;padding:14px 16px}.login-form input:focus{border-color:#bf7a36;box-shadow:0 0 0 3px #bf7a3622}.form-error{color:#9f2f2f;background:#fff0f0;border-radius:10px;padding:12px 14px;font-size:13px}.primary-button,.secondary-button{border:0;border-radius:12px;padding:14px 20px;font-weight:800}.primary-button{color:#fff;background:#18202a}.primary-button:disabled{opacity:.65;cursor:wait}.secondary-button{color:#18202a;background:#e8e9e5}.app-shell{min-height:100vh}.sidebar{z-index:20;color:#dfe5eb;background:#151e28;flex-direction:column;width:270px;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{align-items:center;gap:12px;padding:0 8px 30px;display:flex}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{color:#fff;font-size:17px}.sidebar-brand span{color:#8693a0;text-transform:uppercase;letter-spacing:.1em;margin-top:3px;font-size:11px}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:#9da8b3;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:13px;width:100%;padding:12px 14px;font-weight:700;display:flex}.sidebar nav button span{color:#c99158;text-align:center;width:24px;font-size:18px}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#25313d}.sidebar-user{border-top:1px solid #ffffff12;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:10px;margin-top:auto;padding:14px 8px 0;display:grid}.avatar{color:#fff;background:#bf7a36;border-radius:50%;place-items:center;width:54px;height:54px;font-weight:800;display:grid}.avatar.small{width:34px;height:34px;font-size:13px}.sidebar-user strong,.sidebar-user span{text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-user strong{color:#fff;font-size:11px}.sidebar-user span{color:#788795;margin-top:3px;font-size:10px}.sidebar-user>button{color:#93a0ac;background:0 0;border:0;font-size:18px}.content{min-height:100vh;margin-left:270px;padding:54px clamp(28px,5vw,74px) 80px}.page-header{max-width:760px;margin-bottom:34px}.page-header .eyebrow{margin-top:0}.page-header h1{font-size:clamp(34px,4vw,52px)}.page-header>p:last-child{margin:12px 0 0;font-size:16px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.metric-card,.panel,.integration-card,.empty-state{background:#fff;border:1px solid #e2e3df;border-radius:18px;box-shadow:0 8px 28px #18202a08}.metric-card{min-height:160px;padding:22px;display:grid}.metric-card>span{color:#717984;font-size:13px;font-weight:700}.metric-card strong{letter-spacing:-.04em;align-self:center;font-size:42px}.metric-card small{color:#9a7a58}.panel{padding:28px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.panel-heading .eyebrow{margin:0 0 4px}.panel h2,.integration-card h2{margin:0}.status-pill,.status-dot{color:#23724a;background:#e8f6ed;border-radius:999px;font-size:11px;font-weight:800}.status-pill{padding:8px 11px}.pipeline{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:28px;display:grid}.pipeline-step{background:#f5f6f3;border-radius:14px;gap:8px;padding:18px;display:grid;position:relative}.pipeline-step>span{color:#b2b7b4;font:700 12px/1 monospace}.pipeline-step strong{font-size:14px}.pipeline-step small{color:#7c858e}.pipeline-step.ready{box-shadow:inset 0 3px #bf7a36}.integration-grid{gap:12px;display:grid}.integration-card{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;display:grid}.integration-icon{color:#23724a;background:#e8f6ed;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.integration-card h2{font-size:15px}.integration-card p{color:#747e89;margin:4px 0;font:12px/1.4 monospace}.integration-card small{color:#9c7b59}.status-dot{padding:7px 10px}.runtime-panel{margin-top:18px}.runtime-panel dl{grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 0;display:grid}.runtime-panel dl div{background:#f5f6f3;border-radius:12px;padding:14px}.runtime-panel dt{color:#7b848d;text-transform:uppercase;font-size:11px}.runtime-panel dd{overflow-wrap:anywhere;margin:7px 0 0;font-weight:800}.empty-state{text-align:center;align-content:center;place-items:center;min-height:340px;padding:40px;display:grid}.empty-state>div{color:#fff;background:#bf7a36;border-radius:16px;place-items:center;width:52px;height:52px;font-size:28px;display:grid}.empty-state h2{margin:20px 0 0}.empty-state p{color:#707984;max-width:460px;line-height:1.6}.account-panel{align-items:center;gap:20px;display:flex}.account-panel p{color:#a96528;font-weight:800}.account-panel small{color:#7b848d}.loading{color:#68717d;justify-content:center;align-items:center;gap:10px;min-height:100vh;display:flex}.loading span{background:#bf7a36;border-radius:50%;width:10px;height:10px;animation:1s infinite alternate pulse}.mobile-menu,.backdrop{display:none}@keyframes pulse{to{opacity:.2;transform:scale(.7)}}@media (width<=1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.pipeline{grid-template-columns:repeat(3,1fr)}.runtime-panel dl{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.mobile-menu{z-index:40;color:#fff;background:#151e28;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;position:fixed;top:16px;left:16px}.sidebar{transition:transform .2s;transform:translate(-102%)}.sidebar.open{transform:translate(0)}.backdrop{z-index:10;background:#0b101799;border:0;display:block;position:fixed;inset:0}.content{margin-left:0;padding:82px 18px 50px}.metric-grid,.pipeline,.runtime-panel dl{grid-template-columns:1fr}.integration-card{grid-template-columns:42px minmax(0,1fr)}.integration-card .status-dot{grid-column:2;justify-self:start}.login-card{border-radius:22px;padding:34px 24px}}