.integration-admin{--integration-blue:#4154f1}.integration-security{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #dfe4ff;border-radius:14px;background:#f7f8ff;color:#25336f}.integration-security>i{font-size:24px}.integration-security span{display:flex;flex-direction:column}.integration-security small{color:#6b759d}.integration-groups{display:grid;gap:28px;margin-top:24px}.integration-group>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.integration-group h2{margin:2px 0 0}.integration-group>header>span{color:var(--muted)}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.integration-card{padding:20px;border:1px solid var(--line);position:relative;overflow:hidden}.integration-card.is-active{border-color:#aeb9ff;box-shadow:0 10px 32px rgba(65,84,241,.09)}.integration-card__head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.integration-card__icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#eef0ff;color:var(--integration-blue);font-size:21px}.integration-card__head h3{margin:0 0 3px}.integration-card__head small{color:var(--muted)}.integration-status{margin-left:auto;padding:5px 9px;border-radius:999px;font-size:11px;text-transform:capitalize;background:#f2f4f7;color:#667085}.integration-status--basarili{background:#eafaf1;color:#18794e}.integration-status--basarisiz{background:#fff1f0;color:#b42318}.integration-switches{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:14px}.integration-switches label{display:flex;align-items:center;gap:7px;font-size:13px}.integration-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.integration-fields textarea{resize:vertical}.integration-result{display:flex;gap:8px;padding:10px 12px;background:#f8f9fc;border-radius:10px;color:#59627a;font-size:13px}.integration-actions{display:flex;gap:10px;margin-top:16px}.site-button--ghost{background:transparent!important;color:var(--integration-blue)!important;border:1px solid #cbd1ff!important}@media(max-width:1050px){.integration-grid{grid-template-columns:1fr}}@media(max-width:650px){.integration-fields{grid-template-columns:1fr}.integration-security{display:none}}