:root{--ink:#eaf2f5;--muted:#82949d;--line:#ffffff17;--panel:#111c23b8;--cyan:#78e7d4;--cyan2:#2ebba8;--night:#071014;--shadow:0 24px 80px #0000004d}*{box-sizing:border-box}html,body{background:var(--night);min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 70% -20%,#2ebba81f,#0000 36%),radial-gradient(circle at 10% 100%,#31627e1a,#0000 32%),#071014}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:30;background:#071014e6;flex-direction:column;width:226px;padding:25px 15px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 7px 38px;display:flex}.brand-orb{color:#071412;background:linear-gradient(135deg,#b8fff0,#3bc3ae);border-radius:13px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 32px #3dd5bc33,inset 0 1px #ffffffb3}.brand strong,.brand span{display:block}.brand strong{font-size:14px;font-weight:700}.brand span{color:#6e858e;letter-spacing:1px;text-transform:uppercase;margin-top:2px;font-size:9px}.sidebar nav{flex:1}.nav-item{color:#778b94;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;height:45px;margin:3px 0;padding:0 12px;font-size:12px;display:flex;position:relative}.nav-item:hover{color:#dce9ec;background:#ffffff09}.nav-item.active{color:#eafffb;background:linear-gradient(90deg,#49d8c026,#49d8c00a);box-shadow:inset 0 0 0 1px #63e6d014}.nav-item.active:before{content:"";background:var(--cyan);width:3px;height:20px;box-shadow:0 0 14px var(--cyan);border-radius:3px;position:absolute;left:0}.nav-item b{color:#71858d;margin-left:auto;font-size:8px;font-weight:600}.safe-mode{background:linear-gradient(145deg,#78e7d40f,#ffffff04);border:1px solid #78e7d41f;border-radius:13px;margin:8px 2px 17px;padding:14px}.safe-row{align-items:center;gap:8px;display:flex}.safe-row strong{font-size:10px}.pulse{background:#e2ab56;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e2ab561a}.safe-mode p{color:#71838a;margin:8px 0 0;font-size:8px;line-height:1.55}.owner{border-top:1px solid var(--line);align-items:center;gap:9px;padding:17px 6px 0;display:flex}.avatar{background:linear-gradient(145deg,#263c46,#15262e);border-radius:10px;place-items:center;width:30px;height:30px;font-size:9px;display:grid}.owner div:nth-child(2){flex:1}.owner strong,.owner span{display:block}.owner strong{font-size:9px}.owner span{color:#61747c;margin-top:2px;font-size:8px}.owner svg{color:#536870}.main{min-height:100vh;margin-left:226px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:#07101499;align-items:center;height:70px;padding:0 34px;display:flex;position:sticky;top:0}.crumb{align-items:center;gap:9px;font-size:10px;display:flex}.crumb span,.crumb b{color:#596d75}.crumb b{font-weight:400}.top-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.environment{border:1px solid var(--line);color:#809199;background:#ffffff06;border-radius:20px;align-items:center;gap:7px;height:31px;padding:0 11px;font-size:8px;display:flex}.environment span{background:#e0a84e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #e0a84e80}.icon-button{border:1px solid var(--line);color:#84979e;background:#ffffff09;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.button{min-height:36px;color:var(--ink);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:9px;font-weight:700;display:inline-flex}.button.primary{color:#061310;background:linear-gradient(135deg,#a5f5e6,#46cbb5);box-shadow:0 8px 25px #31c7ae29,inset 0 1px #ffffffb3}.button.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.button.primary:disabled{opacity:.65;cursor:wait}.button.ghost{border-color:var(--line);color:#a7b6bc;background:#ffffff09}.button.ghost:hover{color:#e9fffb;background:#78e7d40f;border-color:#78e7d440}.menu{color:#fff;background:0 0;border:0;display:none}.content{max-width:1420px;margin:auto;padding:52px 44px 70px}.hero{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px;display:flex}.kicker{letter-spacing:1.8px;color:#5eada2;font-size:8px;font-weight:700}.hero h1{letter-spacing:-2.5px;margin:13px 0 17px;font-size:clamp(34px,4vw,57px);font-weight:600;line-height:1.04}.hero h1 em{color:#8cebd9;text-shadow:0 0 40px #5be2cb26;font-style:normal}.hero>div>p{color:#83949b;max-width:570px;margin:0;font-size:12px;line-height:1.65}.readiness{border:1px solid var(--line);width:390px;min-height:112px;box-shadow:var(--shadow),inset 0 1px #ffffff0d;background:linear-gradient(145deg,#ffffff0e,#ffffff04);border-radius:18px;align-items:center;gap:18px;padding:17px 20px;display:flex}.readiness-ring{--progress:0%;background:radial-gradient(circle at center,#101c22 55%,transparent 57%),conic-gradient(var(--cyan) var(--progress),#ffffff0f 0);border-radius:50%;align-content:center;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 0 25px #46cbb514}.readiness-ring span{font-size:20px;font-weight:600}.readiness-ring small{color:#71868e;font-size:7px}.readiness strong{font-size:11px}.readiness p{color:#71848c;margin:5px 0 0;font-size:9px;line-height:1.5}.stat-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:13px;display:grid}.stat-grid article,.glass-panel,.principle,.workspace-empty,.action-console{border:1px solid var(--line);box-shadow:var(--shadow),inset 0 1px #ffffff0b;background:linear-gradient(145deg,#ffffff0d,#ffffff05);border-radius:17px}.stat-grid article{padding:19px 21px}.stat-grid span,.stat-grid small{display:block}.stat-grid span{color:#7e9199;font-size:9px}.stat-grid strong{margin:8px 0 3px;font-size:28px;font-weight:600;display:block}.stat-grid small{color:#586c74;font-size:8px}.overview-grid{grid-template-columns:.9fr 1.25fr;gap:13px;margin-bottom:13px;display:grid}.glass-panel{padding:24px}.next-step h2,.panel-title h2,.section-bar h2,.action-form h2{letter-spacing:-.5px;margin:12px 0 6px;font-size:18px;font-weight:600}.next-step>p,.section-bar p{color:#778990;margin:0;font-size:10px;line-height:1.55}.step-icon{color:#91ebdc;background:linear-gradient(145deg,#69e8d226,#69e8d20a);border:1px solid #69e8d21f;border-radius:14px;place-items:center;width:45px;height:45px;margin-top:22px;display:grid;box-shadow:inset 0 1px #ffffff12}.stack-list{margin-top:19px}.stack-list button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-top:1px solid #fff1;align-items:center;gap:11px;padding:13px 2px;display:flex}.stack-list button:hover{padding-left:6px}.stack-list button div:nth-child(2){flex:1}.stack-list strong,.stack-list small{display:block}.stack-list strong{font-size:10px}.stack-list small{color:#60747c;margin-top:3px;font-size:8px}.stack-status{color:#72868e;background:#ffffff0d;border-radius:8px;place-items:center;width:23px;height:23px;font-size:8px;display:grid}.stack-status.done{color:#07120f;background:var(--cyan)}.panel-title{justify-content:space-between;display:flex}.panel-title h2{margin-top:5px}.live-chip,.count-chip{color:#7e9299;border:1px solid var(--line);border-radius:20px;height:fit-content;padding:6px 9px;font-size:8px}.live-chip i,.connection i{background:#5ad2bc;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block;box-shadow:0 0 8px #5ad2bc}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:35px;display:flex}.empty-icon{color:#77d7c7;background:linear-gradient(145deg,#78e7d41c,#ffffff05);border:1px solid #78e7d41a;border-radius:17px;place-items:center;width:52px;height:52px;display:grid}.empty-state h3{margin:15px 0 7px;font-size:16px;font-weight:600}.empty-state p{color:#657981;max-width:430px;margin:0 0 17px;font-size:10px;line-height:1.6}.stream .empty-state{min-height:285px}.principle{align-items:center;gap:12px;padding:15px 18px;display:flex}.principle>svg{color:#78ddcc}.principle div{flex:1}.principle strong{font-size:9px}.principle p{color:#64777f;margin:3px 0 0;font-size:8px}.section-bar{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.section-bar h2{margin:0 0 5px}.integration-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.integration-card{border:1px solid var(--line);min-height:245px;box-shadow:var(--shadow),inset 0 1px #ffffff0d;background:linear-gradient(145deg,#ffffff0d,#ffffff04);border-radius:17px;padding:19px;transition:all .2s}.integration-card:hover{border-color:#78e7d42e;transform:translateY(-2px)}.card-top{justify-content:space-between;display:flex}.provider-mark{color:#b4fff1;background:linear-gradient(145deg,#28464e,#13252c);border:1px solid #ffffff14;border-radius:12px;place-items:center;width:38px;height:38px;font-size:9px;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff1a}.connection{color:#697c83;font-size:7px}.connection i{box-shadow:none;background:#566870}.connection.connected{color:#7bcfbe}.category{color:#5eada2;letter-spacing:1.2px;text-transform:uppercase;margin-top:22px;font-size:7px;display:block}.integration-card h3{margin:6px 0;font-size:16px;font-weight:600}.integration-card p{color:#71838b;height:42px;margin:0 0 18px;font-size:9px;line-height:1.55}.full{width:100%}.loader{text-align:center;color:#70838b;grid-column:1/-1;padding:80px}.workspace-empty{padding-top:10px}.channel-tabs{border-bottom:1px solid var(--line);gap:5px;padding:7px;display:flex}.channel-tabs button{color:#6e8189;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:8px 12px;font-size:9px;display:flex}.channel-tabs button.active{color:#aaf3e6;background:#78e7d414}.action-form{max-width:650px;padding:42px}.action-form>p{color:#74878e;font-size:10px;line-height:1.6}.field textarea{resize:vertical;border:1px solid var(--line);color:#e9f3f5;background:#0000002e;border-radius:10px;outline:0;width:100%;min-height:130px;padding:12px;font-size:10px}.action-result{white-space:pre-wrap;color:#a6dcd2;background:#78e7d40b;border:1px solid #78e7d41f;border-radius:11px;margin-top:17px;padding:14px;font:9px/1.6 ui-monospace,monospace}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#010608c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(145deg,#142229,#0b151a);border:1px solid #ffffff1f;border-radius:22px;width:min(480px,100%);max-height:90vh;padding:23px;overflow:auto;box-shadow:0 35px 120px #000000a6,inset 0 1px #ffffff12}.modal-head{align-items:center;gap:12px;display:flex}.modal-head h2{margin:3px 0;font-size:19px;font-weight:600}.modal-head .icon-button{margin-left:auto;font-size:20px}.modal-copy{color:#788a91;border-bottom:1px solid var(--line);padding:15px 0;font-size:9px;line-height:1.6}.field{margin:14px 0;display:block}.field span{color:#9aabb0;margin-bottom:7px;font-size:8px;font-weight:700;display:block}.field input{border:1px solid var(--line);color:#e9f3f5;background:#0000002e;border-radius:10px;outline:0;width:100%;height:42px;padding:0 12px;font-size:10px}.field input:focus,.field textarea:focus{border-color:#78e7d46b;box-shadow:0 0 0 3px #78e7d40f}.result{color:#e69b93;background:#d9645b14;border-radius:10px;align-items:center;gap:8px;padding:11px;font-size:9px;display:flex}.result.success{color:#8ae1d0;background:#58d0b714}.modal-actions{justify-content:flex-end;gap:8px;margin-top:19px;display:flex}.security-note{color:#60747b;gap:7px;margin-top:16px;font-size:7px;line-height:1.5;display:flex}.security-note svg{flex:none}.modal input::placeholder,.field textarea::placeholder{color:#455960}@media (max-width:1050px){.integration-grid{grid-template-columns:repeat(2,1fr)}.hero{align-items:flex-start}.readiness{width:330px}}@media (max-width:800px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{margin-left:0}.menu{margin-right:12px;display:block}.topbar{padding:0 16px}.content{padding:35px 18px}.hero{display:block}.readiness{width:100%;margin-top:25px}.overview-grid{grid-template-columns:1fr}.environment{display:none}}@media (max-width:560px){.top-actions .icon-button,.crumb span,.crumb b{display:none}.top-actions .button{padding:0 11px;font-size:0}.hero h1{letter-spacing:-1.8px;font-size:36px}.stat-grid,.integration-grid{grid-template-columns:1fr}.principle{align-items:flex-start}.principle .button{display:none}.content{padding-top:28px}.action-form{padding:27px 18px}}
.app-shell{--cyan:#d3bb89;--cyan2:#a98a54;--night:#0b0d11}body{background:radial-gradient(circle at 74% -20%,#ac915e17,#0000 38%),radial-gradient(circle at 8% 100%,#4753671f,#0000 34%),#0b0d11}.brand-orb{color:#17140d;background:linear-gradient(145deg,#ead8ac,#aa8953);box-shadow:0 9px 32px #ad8b5029,inset 0 1px #ffffffb3}.button.primary{color:#17130c;background:linear-gradient(135deg,#e6d3a8,#b7955d);box-shadow:0 8px 25px #a7844821,inset 0 1px #ffffffa6}.hero h1 em{color:#d9c28f;text-shadow:0 0 42px #b28f521f}.kicker,.category{color:#b49a69}.step-icon,.empty-icon{color:#c9b17e;background:linear-gradient(145deg,#be9e631f,#ffffff05);border-color:#be9e631c}.nav-item.active{color:#f3ead7;background:linear-gradient(90deg,#be9e6321,#be9e6306);box-shadow:inset 0 0 0 1px #be9e6312}.nav-item.active:before{background:#d1b77f;box-shadow:0 0 12px #d1b77f59}.system-strip{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px;display:grid}.system-strip>div{border:1px solid var(--line);background:#ffffff06;border-radius:14px;align-items:flex-start;gap:11px;padding:14px 16px;display:flex}.system-strip svg{color:#8a9ba2}.system-strip span,.system-strip strong,.system-strip small{display:block}.system-strip strong{font-size:9px}.system-strip small{color:#63767d;margin-top:3px;font-size:7px;line-height:1.5}.growth-flow{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.growth-flow article{border:1px solid var(--line);min-height:260px;box-shadow:var(--shadow), inset 0 1px #ffffff0a;background:linear-gradient(145deg,#ffffff0b,#ffffff03);border-radius:18px;padding:22px}.growth-flow article>span{color:#52666e;letter-spacing:1px;font-size:8px}.growth-flow h3{margin:20px 0 7px;font-size:15px}.growth-flow p{color:#6e8188;margin:0;font-size:9px;line-height:1.6}@media (max-width:900px){.growth-flow{grid-template-columns:repeat(2,1fr)}.system-strip{grid-template-columns:1fr}}@media (max-width:560px){.growth-flow{grid-template-columns:1fr}}.growth-workspace{gap:14px;display:grid}.growth-launch,.orders-panel{border:1px solid var(--line);box-shadow:var(--shadow), inset 0 1px #ffffff0a;background:linear-gradient(145deg,#ffffff0b,#ffffff03);border-radius:18px}.growth-launch{grid-template-columns:.9fr 1.1fr;gap:50px;padding:30px;display:grid}.growth-launch h2{letter-spacing:-.8px;margin:9px 0;font-size:24px}.growth-launch>div>p{color:#74868d;max-width:440px;font-size:10px;line-height:1.7}.growth-launch form{grid-template-columns:1fr 1.35fr;align-items:end;gap:10px;display:grid}.growth-launch form .field{margin:0}.growth-launch form .button{grid-column:1/-1;height:42px}.launch-message{color:#9eb2b8;grid-column:1/-1;margin:0;font-size:9px}.orders-panel{padding:24px}.orders-panel .empty-state{min-height:240px}.order-list{gap:8px;display:grid}.order-list article{background:#ffffff05;border:1px solid #fff1;border-radius:13px;grid-template-columns:1.35fr .55fr 1.4fr .65fr auto;align-items:center;gap:16px;padding:13px;display:grid}.order-company{align-items:center;gap:10px;min-width:0;display:flex}.order-company strong,.order-company a{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.order-company strong{font-size:10px}.order-company a{color:#657a82;max-width:180px;margin-top:3px;font-size:8px;text-decoration:none}.order-state{color:#c7a972;text-transform:uppercase;background:#c1944c0f;border:1px solid #ddb77a29;border-radius:20px;justify-self:start;padding:5px 8px;font-size:7px}.order-step small,.order-step strong,.order-findings small,.order-findings strong{display:block}.order-step small,.order-findings small{color:#52666e;letter-spacing:.8px;margin-bottom:4px;font-size:6px}.order-step strong,.order-findings strong{font-size:8px;line-height:1.4}.persistence-warning{background:#c1944c09;border:1px solid #ddb77a1f;border-radius:13px;align-items:center;gap:11px;margin-top:14px;padding:13px 15px;display:flex}.persistence-warning svg{color:#b89a67}.persistence-warning div{flex:1}.persistence-warning strong{font-size:9px}.persistence-warning p{color:#687b82;margin:3px 0 0;font-size:8px}@media (max-width:980px){.growth-launch{grid-template-columns:1fr;gap:22px}.order-list article{grid-template-columns:1fr auto}.order-step,.order-findings{grid-column:1/-1}}@media (max-width:560px){.growth-launch{padding:20px}.growth-launch form{grid-template-columns:1fr}.growth-launch form .button{grid-column:auto}.persistence-warning .button{display:none}}.operations-center{border:1px solid var(--line);box-shadow:var(--shadow),inset 0 1px #ffffff0b;background:linear-gradient(145deg,#ffffff0d,#ffffff05);border-radius:17px;margin:0 0 13px;padding:22px}.operations-center .section-bar{margin-bottom:16px}.operations-center .section-bar h2{margin-top:6px}.count-chip.attention{color:#ffd99d;background:#e2ab5612;border-color:#e2ab5640}.ops-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.ops-grid>article{background:#030a0d3d;border:1px solid #ffffff12;border-radius:13px;min-height:138px;padding:14px}.ops-title{color:#80dfcf;align-items:center;gap:9px;display:flex}.ops-title div{flex:1;justify-content:space-between;align-items:center;gap:12px;display:flex}.ops-title strong{color:#dce9eb;font-size:10px}.ops-title small{color:#6f838a;font-size:8px}.ops-empty{color:#5f737b;margin:25px 0 0;font-size:9px}.ops-row{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.ops-row:first-of-type{margin-top:9px}.ops-row strong,.ops-row small{display:block}.ops-row strong{text-transform:capitalize;font-size:9px}.ops-row small{color:#6e8188;max-width:420px;margin-top:3px;font-size:7px}.ops-row span{gap:5px;display:flex}.ops-row button{border:1px solid var(--line);color:#9aaeb4;background:#ffffff09;border-radius:7px;padding:6px 8px;font-size:7px}.ops-row button.approve{color:#9cf0e1;background:#78e7d41f;border-color:#78e7d42e}.ops-message{color:#9ddfd4;margin:-7px 0 12px;font-size:8px}@media (max-width:800px){.ops-grid{grid-template-columns:1fr}}.order-modal{width:min(660px,100%)}.order-detail,.order-plan{border:1px solid var(--line);background:#00000029;border-radius:12px;margin-top:16px;padding:14px}.order-detail small,.order-plan small{color:#647980;letter-spacing:1px;margin-bottom:6px;font-size:7px;display:block}.order-detail strong{font-size:11px}.detail-checks{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px;display:grid}.detail-checks>div{border:1px solid var(--line);border-radius:10px;align-items:center;gap:7px;padding:10px;font-size:8px;display:flex}.detail-checks span{flex:1}.detail-checks b{font-size:7px}.detail-checks .passed{color:#8fe4d5}.detail-checks .gap{color:#dfb577}.order-plan pre{white-space:pre-wrap;color:#9eb0b6;margin:0;font:8px/1.65 ui-monospace,monospace}@media (max-width:560px){.detail-checks{grid-template-columns:1fr}}
.setup-banner{background:linear-gradient(115deg,#d3bb891a,#141e22e0);border:1px solid #d3bb8933;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;padding:16px 18px;display:flex;box-shadow:inset 0 1px #ffffff0d,0 16px 50px #0000002e}.login-create{text-align:center;margin-top:18px!important;font-size:11px!important}.login-create a{color:var(--cyan)}.calendar-workspace{gap:20px;display:grid}.calendar-list{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(145deg,#ffffff0d,#ffffff05);border-radius:17px;overflow:hidden}.calendar-list article{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr auto;align-items:center;gap:18px;padding:18px 22px;display:grid}.calendar-list article:last-child{border-bottom:0}.calendar-list strong,.calendar-list small{display:block}.calendar-list small{color:var(--muted);margin-top:5px;font-size:9px}.calendar-date{border-right:1px solid var(--line);padding-right:18px}.calendar-date strong{font-size:16px}.calendar-list article>span{color:var(--cyan);border:1px solid #78e7d433;border-radius:20px;padding:6px 9px;font-size:8px}@media (max-width:640px){.calendar-list article{grid-template-columns:80px 1fr}.calendar-list article>span{display:none}}.setup-banner>div{grid-template-columns:auto 1fr;align-items:center;column-gap:10px;display:grid}.setup-banner strong{color:#e2d2ad;font-size:11px}.setup-banner p{color:#819198;grid-column:2;margin:3px 0 0;font-size:9px}.setup-pulse{background:#d2b87e;border-radius:50%;grid-row:1/3;width:9px;height:9px;box-shadow:0 0 0 6px #d2b87e14,0 0 22px #d2b87e4d}@media (max-width:680px){.setup-banner{flex-direction:column;align-items:flex-start}}.runtime-panel,.connector-catalog{background:linear-gradient(145deg,#1e2025f0,#0b0d11eb);border:1px solid #e1ca9921;border-radius:22px;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000052,inset 0 1px #ffffff0e}.runtime-panel:before,.connector-catalog:before{content:"";pointer-events:none;background:radial-gradient(circle,#cdae701a,#0000 68%);border-radius:50%;width:420px;height:250px;position:absolute;top:-140px;right:-120px}.runtime-head,.catalog-head{justify-content:space-between;align-items:flex-start;gap:30px;padding:28px 30px;display:flex}.runtime-head h2,.catalog-head h2{letter-spacing:-1.3px;margin:8px 0 7px;font:600 clamp(22px,2.5vw,34px)/1.05 Inter,sans-serif}.runtime-head p,.catalog-head p{color:#76868e;max-width:650px;margin:0;font-size:10px;line-height:1.65}.eyebrow{color:#bfa777;letter-spacing:1.5px;align-items:center;gap:8px;font-size:7px;font-weight:800;display:flex}.live-dot,.idle-dot{border-radius:50%;width:7px;height:7px;display:block}.live-dot{background:#7fe2bd;box-shadow:0 0 0 5px #7fe2bd14,0 0 18px #7fe2bd80}.idle-dot{background:#a17849;box-shadow:0 0 0 5px #a1784914}.runtime-actions{align-items:center;gap:10px;display:flex}.toggle{background:#171b20;border:1px solid #ffffff1a;border-radius:30px;width:54px;height:30px;padding:3px}.toggle span{background:#657178;border-radius:50%;width:22px;height:22px;transition:all .25s;display:block}.toggle.on{background:#7fe2bd1f;border-color:#7fe2bd40}.toggle.on span{background:#9ae9cd;transform:translate(23px);box-shadow:0 0 18px #7fe2bd66}.runtime-message{color:#b9ad94;background:#d3bb890a;border:1px solid #d3bb891f;border-radius:10px;margin:0 30px 16px;padding:10px 12px;font-size:8px}.runtime-metrics{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.runtime-metrics article{border-right:1px solid var(--line);padding:20px 30px}.runtime-metrics article:last-child{border:0}.runtime-metrics strong,.runtime-metrics span{display:block}.runtime-metrics strong{letter-spacing:-1px;font-size:27px;font-weight:550}.runtime-metrics span{color:#64757d;margin-top:3px;font-size:8px}.runtime-settings{border-top:1px solid var(--line);background:#0000001f;grid-template-columns:1.4fr 1fr 1fr auto;align-items:end;gap:10px;padding:22px 30px;display:grid}.runtime-settings label span{color:#78888f;margin-bottom:7px;font-size:7px;display:block}.runtime-settings select,.runtime-settings input,.search-box input{border:1px solid var(--line);color:#cbd5d8;background:#11161b;border-radius:10px;outline:none;width:100%;height:39px;padding:0 11px;font-size:9px}.job-list{padding:4px 30px 24px}.job-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px 0;display:grid}.job-state{background:#7c8990;border-radius:50%;width:8px;height:8px}.job-state.completed{background:#72d3b3}.job-state.approval{background:#d6aa68}.job-state.failed,.job-state.dead_letter{background:#d2786d}.job-row strong,.job-row small{display:block}.job-row strong{text-transform:capitalize;font-size:10px}.job-row small{color:#66777e;margin-top:4px;font-size:7px}.job-row b{border:1px solid var(--line);color:#8c9ba0;text-transform:uppercase;border-radius:20px;padding:5px 8px;font-size:7px}.catalog-head{padding-bottom:22px}.catalog-score{text-align:center;background:#d3bb890a;border:1px solid #d3bb8921;border-radius:16px;min-width:120px;padding:17px}.catalog-score strong,.catalog-score span{display:block}.catalog-score strong{color:#d7c08e;font-size:24px}.catalog-score span{color:#6f7d82;margin-top:3px;font-size:7px}.catalog-tools{z-index:1;padding:0 30px 22px;position:relative}.search-box{color:#75868d;align-items:center;gap:9px;max-width:560px;display:flex}.search-box input{background:0 0;border:0;padding:0}.search-box{border:1px solid var(--line);background:#0000002e;border-radius:12px;height:43px;padding:0 13px}.category-tabs{gap:5px;padding-top:12px;display:flex;overflow:auto}.category-tabs button{border:1px solid var(--line);color:#6f7f85;background:0 0;border-radius:20px;flex:none;padding:7px 10px;font-size:7px}.category-tabs button.active{color:#d9c69d;background:#d3bb8914;border-color:#d3bb8938}.connector-catalog>.integration-grid{grid-template-columns:repeat(4,1fr);padding:0 30px 30px}.connector-catalog .integration-card{background:linear-gradient(150deg,#ffffff0b,#ffffff03);min-height:265px}.connector-meta{border-top:1px solid var(--line);margin:0 0 13px;padding-top:10px}.connector-meta span,.connector-meta strong{display:block}.connector-meta span{color:#5d6c72;text-transform:uppercase;letter-spacing:.8px;font-size:6px}.connector-meta strong{color:#8b999e;margin-top:3px;font-size:7px}.connection.needs_credentials{color:#8b999e}.connection.degraded{color:#dbad6d}.connection.connected{color:#86d6b8}@media (max-width:1150px){.connector-catalog>.integration-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:850px){.runtime-head,.catalog-head{flex-direction:column}.runtime-metrics{grid-template-columns:repeat(2,1fr)}.runtime-metrics article:nth-child(2){border-right:0}.runtime-metrics article:nth-child(-n+2){border-bottom:1px solid var(--line)}.runtime-settings{grid-template-columns:1fr 1fr}.connector-catalog>.integration-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.runtime-head,.catalog-head,.catalog-tools{padding-left:19px;padding-right:19px}.runtime-metrics article{padding:17px 19px}.runtime-settings{grid-template-columns:1fr;padding:18px}.job-list{padding:3px 19px 20px}.connector-catalog>.integration-grid{grid-template-columns:1fr;padding:0 19px 20px}}