.customer-modal{width:min(760px,94vw);max-height:90vh;overflow:auto;padding:0}.customer-modal-head{padding:23px 26px 18px;border-bottom:1px solid #e8edf5}.customer-modal-head h2{margin:0 0 5px;font:800 20px Manrope}.customer-modal-head p{margin:0;color:#71809b;font-size:12px}.customer-modal-body{padding:20px 26px 24px}.form-section{margin:0 0 25px}.form-section-title{display:flex;align-items:center;gap:9px;margin:0 0 13px;font:800 13px Manrope;color:#1b3156}.form-section-title:before{content:'';width:4px;height:16px;background:linear-gradient(#5e96ff,#2563eb);border-radius:20px}.customer-types{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.type-card{position:relative;min-height:67px;border:1px solid #dfe7f3;border-radius:10px;display:grid;place-items:center;align-content:center;gap:4px;color:#61718d;background:#fff;cursor:pointer;transition:.2s ease;font-size:11px;font-weight:700}.type-card input{position:absolute;opacity:0;pointer-events:none}.type-card span{font-size:18px;line-height:1}.type-card:hover{transform:translateY(-2px);border-color:#9bbcff;box-shadow:0 6px 15px rgba(37,99,235,.1)}.type-card:has(input:checked){color:#1c60df;border-color:#4f83f4;background:linear-gradient(145deg,#f3f7ff,#e9f1ff);box-shadow:0 5px 13px rgba(37,99,235,.13)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px 15px}.form-grid .full{grid-column:1/-1}.customer-modal .field{margin:0;gap:7px;color:#425675;font-size:12px;font-weight:700}.customer-modal .field input{padding:11px 12px;border-radius:8px;background:#fbfcff;transition:border-color .2s,box-shadow .2s}.customer-modal .field input:focus{border-color:#5d90f5;box-shadow:0 0 0 3px rgba(65,122,239,.12);background:#fff}.customer-modal .modal-actions{padding:16px 26px;margin:0;background:#f8faff;border-top:1px solid #e8edf5;position:sticky;bottom:0}.customer-modal .primary-btn{padding:11px 20px}@media(max-width:640px){.customer-types{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.customer-modal-head,.customer-modal-body{padding-left:18px;padding-right:18px}.customer-modal .modal-actions{padding-left:18px;padding-right:18px}}