.sales-tool.locked-tool{border-color:#8f3945!important;background:radial-gradient(150px 85px at 100% 0,#ff647020,transparent 74%),linear-gradient(105deg,#261016,#130b0e)!important;box-shadow:inset 3px 0 #e94e5f,0 9px 22px #0004!important}.sales-tool.locked-tool:hover{border-color:#d45462!important;background:radial-gradient(160px 90px at 100% 0,#ff697527,transparent 72%),linear-gradient(105deg,#34131b,#190c11)!important}.sales-tool.locked-tool>i{border-color:#9b4550!important;background:linear-gradient(145deg,#3b1920,#211015)!important;color:#ff8790!important}.sales-tool.locked-tool .tool-status{border-color:#a84853!important;background:#3a151c!important;color:#ffb1b7!important}.pro-tool:not(.locked-tool) .tool-status{border-color:#72de9d;background:#62d59412;color:#baff86}
.integration-heading{align-items:center}.integration-mode{padding:9px 12px;border:1px solid #baff685c;border-radius:9px;background:#baff680d;color:#d8ff96;font:800 10px var(--mono);font-style:normal}.pro-access-lock{display:grid;grid-template-columns:88px minmax(0,1fr) 250px;align-items:center;gap:24px;padding:31px;border:1px solid #796a39;border-radius:20px;background:radial-gradient(420px 220px at 100% 0,#ffd36d1a,transparent),linear-gradient(135deg,#211d10,#0a1710)}.pro-access-lock>i{display:grid;place-items:center;width:88px;height:88px;border:1px solid #ffd36d63;border-radius:27px;background:#ffd36d0f;color:#ffdc82;font:900 31px var(--mono);font-style:normal}.pro-access-lock>div>p{margin:0;color:#e7c76f;font:800 9px var(--mono)}.pro-access-lock h2{margin:7px 0 8px;font-size:28px}.pro-access-lock>div>span{color:#9eaa9d;font-size:13px;line-height:1.6}.pro-access-lock ul{display:grid;grid-template-columns:1fr 1fr;gap:7px 18px;margin:18px 0;padding:0;list-style:none}.pro-access-lock li{font-size:12px}.pro-access-lock li:before{content:"✓";margin-right:7px;color:#ffd36d}.pro-access-lock button,.level-access-dialog [data-activate-test-level]{min-height:47px;padding:0 16px;border:0;border-radius:10px;background:linear-gradient(105deg,#ffd76d,#91e779);color:#172013;font-weight:900}.pro-access-lock>aside{display:grid;gap:9px;padding:18px;border:1px solid #695c35;border-radius:14px;background:#17180f}.pro-access-lock>aside small{color:#a19465;font:8px var(--mono)}.pro-access-lock>aside strong{color:#ffdb7c;font-size:35px}.pro-access-lock>aside progress{width:100%;accent-color:#ffd36d}.pro-access-lock>aside span{font-size:11px}
.integrations-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:14px}.integration-tabs{position:sticky;top:121px;display:grid;gap:7px;padding:10px;border:1px solid #315d44;border-radius:16px;background:#091811}.integration-tabs button{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;min-height:66px;padding:9px;border:1px solid transparent;border-radius:11px;background:transparent;color:#91aa99;text-align:left}.integration-tabs button>i{display:grid;place-items:center;width:40px;height:40px;border:1px solid #355e46;border-radius:10px;background:#0e2117;color:#79dfa3;font-style:normal}.integration-tabs button>span{display:grid;gap:4px}.integration-tabs b{font-size:13px}.integration-tabs small{color:#6f8b78;font-size:10px}.integration-tabs button.active{border-color:#72dc9e65;background:#163625;color:#effff4}
.integration-panel{padding:27px;border:1px solid #315e44;border-radius:18px;background:radial-gradient(520px 240px at 100% 0,#5ddb9a0c,transparent),#091811}.integration-panel>header,.dns-card>header,.delivery-log>header,.api-console>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.integration-panel>header p{margin:0 0 7px;color:#76dfa1;font:800 9px var(--mono)}.integration-panel>header h2{margin:0;font-size:27px}.integration-panel>header span{display:block;max-width:760px;margin-top:8px;color:#839e8b;font-size:13px;line-height:1.55}.integration-panel>header>em,.dns-card>header>em{padding:7px 9px;border:1px solid #4b7358;border-radius:8px;color:#96b8a1;font:800 8px var(--mono);font-style:normal}.integration-panel>header>em.success{color:#b5f0c7}.integration-panel>header>em.error{border-color:#d1766d68;color:#efa59f}.domain-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.domain-flow article{display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:10px;padding:13px;border:1px solid #294f39;border-radius:11px;background:#07150e}.domain-flow i,.integration-list>article>i{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#baff6810;color:#d5ff92;font-style:normal}.domain-flow span{display:grid;gap:4px}.domain-flow small{color:#728f7b;font-size:10px}
.white-label-map{margin-top:20px;padding:19px;border:1px solid #4b7657;border-radius:15px;background:radial-gradient(440px 190px at 100% 0,#baff6811,transparent),#0b1d14}.white-label-map>header{display:flex;align-items:center;justify-content:space-between;gap:22px}.white-label-map p{margin:0;color:#89e7aa;font:800 8px var(--mono)}.white-label-map h3{margin:6px 0 0;font-size:20px}.white-label-map header span{display:block;max-width:650px;margin-top:6px;color:#829c89;font-size:11px;line-height:1.55}.white-label-map header a{flex:none;padding:11px 13px;border:1px solid #78c88e;border-radius:9px;background:#baff6810;color:#d9ff99;font-size:9px;font-weight:900;text-decoration:none}.white-label-map>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.white-label-map article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:12px;border:1px solid #2e5840;border-radius:11px;background:#07150e}.white-label-map article>i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#baff6810;color:#d5ff92;font:800 8px var(--mono);font-style:normal}.white-label-map article>span{display:grid;gap:4px}.white-label-map article b{font-size:11px}.white-label-map article small{color:#75917e;font-size:9px;line-height:1.45}
.integration-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:15px;padding:15px;border:1px solid #315c43;border-radius:13px;background:#07150e}.integration-form>label{display:grid;gap:7px;color:#9ab19f;font-size:11px;font-weight:800}.integration-form input,.api-console input,.api-console select{width:100%;min-height:47px;padding:0 12px;border:1px solid #39664b;border-radius:9px;outline:0;background:#06110b;color:#effff5}.integration-form>button,.api-console button{min-height:47px;padding:0 16px;border:0;border-radius:9px;background:linear-gradient(105deg,#c5fc64,#40d39e);color:#092016;font-weight:900}.integration-form fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0;padding:13px;border:1px solid #315c43;border-radius:10px}.integration-form legend{color:#78dda1;font:800 9px var(--mono)}.integration-form fieldset label{display:flex;align-items:center;gap:8px;min-width:0;font-size:10px}.integration-form fieldset input{width:16px;min-height:16px;flex:0 0 16px}.api-key-form,.webhook-form{grid-template-columns:minmax(0,1fr) auto}.api-key-form>fieldset,.webhook-form>fieldset{grid-column:1/-1;grid-row:2}.api-key-form>button,.webhook-form>button{grid-column:2;grid-row:1}
.dns-card,.api-console,.delivery-log{margin-top:14px;padding:18px;border:1px solid #3a694d;border-radius:14px;background:#0b1c14}.dns-card>header span,.delivery-log>header span,.api-console>header span{display:grid;gap:4px}.dns-card small,.delivery-log small,.api-console small{color:#72917d;font:8px var(--mono)}.dns-card>div{display:grid;grid-template-columns:90px 120px minmax(0,1fr) auto;gap:8px;margin-top:14px}.dns-card>div>span{display:grid;gap:5px;padding:10px;border:1px solid #2b543d;border-radius:9px;background:#06130c}.dns-card code,.one-time-secret code{overflow:hidden;color:#d9ff99;font:12px var(--mono);text-overflow:ellipsis;white-space:nowrap}.dns-card button,.integration-list button,.one-time-secret button{padding:0 12px;border:1px solid #49785b;border-radius:9px;background:#10271b;color:#d5e9da;font-weight:800}.dns-card>footer{display:flex;align-items:center;gap:13px;margin-top:12px}.dns-card>footer button{min-height:43px;background:#baff68;color:#092016}.dns-card>footer span{font-size:10px}.api-reference{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}.api-reference code{padding:11px;border:1px solid #2d573f;border-radius:9px;background:#06130c;color:#9fe5b5;font:11px var(--mono)}.integration-security-note{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;margin-top:10px;padding:13px;border:1px solid #d7af4c55;border-radius:11px;background:#2a220d}.integration-security-note>i{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#ffd15d18;color:#ffd773;font-style:normal;font-weight:900}.integration-security-note>span{display:grid;gap:4px}.integration-security-note small{color:#bba873;font-size:10px;line-height:1.5}
.one-time-secret{margin-top:13px;padding:15px;border:1px solid #e2bd596b;border-radius:12px;background:#30270e}.one-time-secret p{margin:0 0 8px;color:#ffd978;font:800 9px var(--mono)}.one-time-secret>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.one-time-secret code{padding:12px;border:1px solid #806b33;border-radius:8px;background:#171309}.one-time-secret small{display:block;margin-top:8px;font-size:9px}.integration-list{display:grid;gap:8px;margin-top:13px}.integration-list>article{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:12px;border:1px solid #2e5940;border-radius:11px;background:#07150e}.integration-list>article>span{display:grid;gap:4px;min-width:0}.integration-list>article b,.integration-list>article small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integration-list>article small{color:#75917e;font:9px var(--mono)}.integration-list>article>em{padding:5px 7px;border:1px solid #497158;border-radius:99px;font:800 8px var(--mono);font-style:normal}.integration-list>article>div{display:flex;gap:6px}.integration-list button{min-height:34px}.integration-empty{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;padding:16px;border:1px dashed #365e46;border-radius:11px}.integration-empty span{display:grid;gap:4px}.api-console form{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:8px;margin-top:13px}.api-order-fields{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.4fr 1fr 1.4fr;gap:8px;padding:12px;border:1px solid #2d573f;border-radius:10px;background:#06130c}.api-order-fields[hidden]{display:none}.api-order-fields label{display:grid;gap:6px;color:#80a48d;font-size:9px;font-weight:800}.api-console pre{max-height:420px;margin:10px 0 0;padding:15px;overflow:auto;border:1px solid #294f39;border-radius:10px;background:#050e08;color:#bceccd;font:11px/1.6 var(--mono);white-space:pre-wrap}.delivery-log>div{display:grid;gap:7px;margin-top:13px}.delivery-log article{display:grid;grid-template-columns:82px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px;border:1px solid #2c553e;border-radius:9px;background:#07150e}.delivery-log article>span{display:grid;gap:4px;min-width:0}.delivery-log article>span small{overflow-wrap:anywhere;line-height:1.45}.delivery-log article>i,.delivery-log article>em{color:#8edda8;font:9px var(--mono);font-style:normal}.delivery-log article>i{padding:6px 7px;border:1px solid #3c674b;border-radius:7px;text-align:center}.delivery-log article>i.delivered{border-color:#56bf7d80;color:#a9f2c0}.delivery-log article>i.retrying,.delivery-log article>i.pending,.delivery-log article>i.delivering{border-color:#d4ad4e70;color:#f0ce79}.delivery-log article>i.failed{border-color:#d1706870;color:#f1a49d}.delivery-log article>button{min-height:34px;padding:0 10px;border:1px solid #6c8d75;border-radius:8px;background:#10271b;color:#dff2e5;font-size:9px;font-weight:900}
.level-test-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px;padding:17px;border:1px solid #486e53;border-radius:13px;background:#0e2418}.level-test-action>span{display:grid;gap:4px}.level-test-action small{color:#78dda1;font:8px var(--mono)}.level-test-action p{margin:0;font-size:10px}.level-test-action>button{min-height:43px;padding:0 14px;border:1px solid #8ae4a965;border-radius:9px;background:#baff6810;color:#d9ff99;font-weight:900}.level-access-dialog{width:min(720px,calc(100% - 24px))}.level-access-dialog>div{padding:31px}.level-access-head{display:grid;grid-template-columns:75px minmax(0,1fr) auto;align-items:center;gap:15px}.level-access-head>i{display:grid;place-items:center;width:75px;height:75px;border:1px solid #baff6865;border-radius:23px;background:#baff6810;color:#d8ff97;font:900 27px var(--mono);font-style:normal}.level-access-head>span{display:grid;gap:4px}.level-access-head h2{margin:0;font-size:31px}.level-access-head p{margin:0;font-size:11px}.level-access-head>em{font:800 9px var(--mono);font-style:normal}.level-access-dialog ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0;padding:0;list-style:none}.level-access-dialog li{display:grid;grid-template-columns:35px minmax(0,1fr);gap:9px;padding:11px;border:1px solid #2e5840;border-radius:10px;background:#07150e}.level-access-dialog li span{display:grid;gap:3px}.level-access-dialog li small{font-size:9px}.level-access-dialog>div>section,.level-access-dialog>div>aside{padding:14px;border:1px solid #365f47;border-radius:11px;background:#0b1d14}.level-access-dialog section>div{display:flex;flex-wrap:wrap;gap:7px}.level-access-dialog section span{padding:7px 9px;border:1px solid #455a3b;border-radius:8px;font-size:9px}.level-access-dialog>div>aside{display:grid;gap:4px;margin:11px 0;border-color:#66592f;background:#211d0e}.level-access-dialog [data-activate-test-level]{width:100%}.level-access-dialog [data-activate-test-level]:disabled{opacity:.5}
@media(max-width:980px){.integrations-workspace{grid-template-columns:1fr}.integration-tabs{position:static;grid-template-columns:repeat(3,1fr)}.pro-access-lock{grid-template-columns:75px minmax(0,1fr)}.pro-access-lock>aside{grid-column:1/-1}.api-key-form,.webhook-form{grid-template-columns:1fr}.integration-form fieldset{grid-template-columns:1fr 1fr}.api-order-fields{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.integration-heading,.integration-panel>header,.dns-card>header,.delivery-log>header,.api-console>header,.white-label-map>header{align-items:flex-start;flex-direction:column}.integration-tabs,.domain-flow,.api-reference,.integration-form,.api-console form,.white-label-map>div,.api-order-fields{grid-template-columns:1fr}.api-key-form>label,.webhook-form>label,.api-key-form>button,.webhook-form>button,.api-key-form>fieldset,.webhook-form>fieldset{grid-column:1;grid-row:auto}.integration-panel{padding:18px}.dns-card>div{grid-template-columns:1fr}.dns-card>footer,.level-test-action{align-items:stretch;flex-direction:column}.integration-list>article{grid-template-columns:40px minmax(0,1fr)}.integration-list>article>em,.integration-list>article>div{grid-column:2}.integration-list>article>div button{padding:0 7px;font-size:9px;white-space:nowrap}.delivery-log article{grid-template-columns:76px minmax(0,1fr)}.delivery-log article>em,.delivery-log article>button{grid-column:2}.pro-access-lock{grid-template-columns:1fr;padding:21px}.pro-access-lock ul,.level-access-dialog ul{grid-template-columns:1fr}.level-access-dialog>div{padding:25px 17px}.level-access-head{grid-template-columns:65px minmax(0,1fr)}.level-access-head>em{grid-column:1/-1}}