.integration-loading{min-height:480px;display:grid;place-content:center;gap:14px;text-align:center;color:#66738a}.integration-loading span{width:36px;height:36px;border:3px solid #dbe3ef;border-top-color:#c9952e;border-radius:50%;animation:dbxspin .8s linear infinite;margin:auto}@keyframes dbxspin{to{transform:rotate(360deg)}}
.integration-page>header{padding:28px 32px;border-bottom:1px solid #d9e0ea}.integration-page>header h2{margin:0;color:#0c1d3d;font:700 25px Georgia,serif}.integration-page>header p{margin:5px 0 0;color:#647189}.dropbox-card{margin:26px 32px;border:1px solid #d5dde9;border-radius:8px;background:#fff;box-shadow:0 2px 8px #10244a0b;overflow:hidden}.dropbox-card-head{display:flex;align-items:center;gap:16px;padding:22px 24px;border-bottom:1px solid #e1e6ee}.dropbox-logo{width:52px;height:52px;border-radius:12px;background:#0667e9;color:#fff;display:grid;place-items:center;font-size:25px}.dropbox-card-head h3{margin:0 0 4px;color:#0c1d3d;font-size:20px}.dropbox-card-head p{margin:0;color:#657189}.integration-status{margin-left:auto;display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:20px;background:#f1f3f6;color:#697386;font-weight:700;font-size:12px}.integration-status i{width:8px;height:8px;border-radius:50%;background:#9ca6b5}.integration-status.saved{background:#fff7e4;color:#93650a}.integration-status.saved i{background:#c99324}.integration-status.connected{background:#eaf7ed;color:#277b39}.integration-status.connected i{background:#38a454}.dropbox-security-note{margin:20px 24px 0;padding:14px 16px;border:1px solid #bdd8ff;background:#f3f8ff;border-radius:6px;display:flex;gap:8px;flex-direction:column;color:#24446f}.dropbox-security-note span{font-size:13px;line-height:1.5}.dropbox-form{padding:22px 24px}.dropbox-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dropbox-fields label{display:flex;flex-direction:column;gap:7px;color:#101f3c;font-weight:700}.dropbox-fields label.full{grid-column:1/-1}.dropbox-fields input,.dropbox-fields select{height:44px;border:1px solid #cbd5e3;border-radius:5px;padding:0 12px;font:inherit;color:#14213a;background:#fff}.dropbox-fields select:disabled{background:#f4f6f9;color:#66738a}.dropbox-fields small{color:#718096;font-weight:400;font-size:12px}.secret-input{display:flex}.secret-input input{flex:1;border-radius:5px 0 0 5px}.secret-input button{border:1px solid #cbd5e3;border-left:0;background:#f7f9fc;padding:0 15px;border-radius:0 5px 5px 0;color:#12305f;font-weight:700}.dropbox-form fieldset{margin:24px 0 0;border:1px solid #d6deea;border-radius:6px;padding:16px 18px}.dropbox-form legend{padding:0 8px;color:#0d1f40;font-weight:700}.dropbox-form fieldset label{display:flex;gap:10px;padding:9px 0}.dropbox-form fieldset label span{display:flex;flex-direction:column}.dropbox-form fieldset small,.dropbox-form fieldset p{color:#718096;font-size:12px}.dropbox-form fieldset p{border-top:1px solid #e3e8ef;padding-top:13px;margin-bottom:0}.dropbox-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.dropbox-actions button{height:44px;padding:0 20px;border:1px solid #bdc9da;border-radius:5px;background:#fff;color:#10203e;font-weight:700}.dropbox-actions button.gold{background:#c9942e;border-color:#c9942e;color:#fff}.dropbox-card>footer{display:flex;justify-content:space-between;padding:15px 24px;background:#f8fafc;border-top:1px solid #e1e6ee;color:#6c788b;font-size:12px}.dropbox-card>footer button{border:0;background:none;color:#b23d32;font-weight:700}.dropbox-next-step{margin:0 32px 28px;padding:18px;border:1px dashed #c7d1df;border-radius:7px;display:flex;gap:14px;color:#536178}.dropbox-next-step i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#102850;color:#fff;font-style:normal;font-weight:700}.dropbox-next-step b{color:#122343}.dropbox-next-step p{margin:4px 0 0;line-height:1.5}@media(max-width:950px){.dropbox-fields{grid-template-columns:1fr}.dropbox-fields label.full{grid-column:auto}.dropbox-card-head{align-items:flex-start;flex-wrap:wrap}.integration-status{margin-left:0}}