.form-backdrop{position:fixed;inset:0;z-index:90;background:rgba(12,22,38,.66);display:grid;place-items:center;padding:22px;backdrop-filter:blur(7px)}
.client-form{width:min(760px,100%);max-height:calc(100dvh - 44px);overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 30px 90px rgba(7,15,28,.32)}
.client-form>header{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid var(--line);padding:24px 28px 19px;display:flex;justify-content:space-between;gap:20px}.client-form header small{color:var(--blue);font-size:10px;font-weight:700}.client-form header h2{font-size:25px;letter-spacing:-.5px;margin:4px 0}.client-form header p{margin:0;color:var(--muted);font-size:12px;max-width:540px}.client-form header>button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:21px;cursor:pointer}
.form-section{padding:23px 28px;border-bottom:1px solid var(--line)}.form-section h3{font-size:14px;margin:0 0 16px;display:flex;align-items:center;gap:9px}.form-section h3 span{width:25px;height:25px;border-radius:7px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:6px;color:#536175;font-size:10px;font-weight:650}.form-grid label.wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #d6dde6;border-radius:9px;background:#fff;color:var(--ink);padding:10px 11px;outline:0;font-size:12px;font-weight:400}.form-grid textarea{min-height:72px;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#7f9ddd;box-shadow:0 0 0 3px #edf3ff}
.client-form>footer{position:sticky;bottom:0;background:#fff;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.client-form footer>span{font-size:9px;color:var(--muted)}.client-form footer div{display:flex;gap:8px}.client-form footer button{min-height:38px;border:1px solid #d5dce5;border-radius:9px;background:#fff;padding:0 14px;font-size:10px;font-weight:650;cursor:pointer}.client-form footer button[type=submit]{border-color:var(--blue);background:var(--blue);color:#fff}
@media(max-width:600px){.form-backdrop{padding:0}.client-form{height:100dvh;max-height:none;border-radius:0}.client-form>header,.form-section,.client-form>footer{padding-left:17px;padding-right:17px}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.client-form>footer{align-items:stretch;flex-direction:column}.client-form footer div{display:grid;grid-template-columns:1fr 1fr}}