.open-credit-add-modal{--oc-ease:cubic-bezier(.22, 1, .36, 1);--oc-duration:.32s;--oc-width-card:min(94vw, 960px);--oc-width-cash:min(94vw, 520px);--oc-gap:1.5rem;--oc-radius:12px}.modal.fade.open-credit-add-modal .open-credit-add-modal__dialog{width:100%;min-width:0;max-width:var(--oc-width-card);opacity:0;transition:transform var(--oc-duration) var(--oc-ease), opacity .2s ease-out, max-width var(--oc-duration) var(--oc-ease);margin:10px auto;transform:translateY(16px)scale(.985)}.modal.fade.show.open-credit-add-modal .open-credit-add-modal__dialog{opacity:1;transform:none}.modal.fade.open-credit-add-modal.open-payment-layout--cash .open-credit-add-modal__dialog{max-width:var(--oc-width-cash)}.modal.fade.open-credit-add-modal.open-credit-add-modal--loading .open-credit-add-modal__dialog{max-width:var(--oc-width-card);min-width:var(--oc-width-card)}.open-credit-add-modal .modal-content{overflow:hidden}.open-credit-add-modal .open-credit-add-modal__alert{margin-bottom:1rem}.open-credit-add-modal .open-credit-add-modal__section-title{font-family:var(--font-sans);color:var(--text-color);margin:0;font-size:.9375rem;font-weight:700}.open-credit-add-modal .open-credit-add-modal__label,.open-credit-add-modal .open-credit-add-modal__member-select .label_font{font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--gray-500);margin:0;font-size:.75rem;font-weight:700}.open-credit-add-modal .open-credit-add-modal__method{border-bottom:1px solid var(--border-color);flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.open-credit-add-modal .open-credit-add-modal__columns{grid-template-columns:minmax(0,1fr);margin:0;display:grid}.open-credit-add-modal .open-credit-add-modal__col{min-width:0}.open-credit-add-modal .open-credit-add-modal__col--details{flex-direction:column;gap:1.1rem;display:flex}.open-credit-add-modal .open-credit-add-modal__card-panel{border:1px solid var(--border-color);border-radius:var(--oc-radius);background:var(--gray-100);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.open-credit-add-modal .open-credit-add-modal__field{flex-direction:column;gap:.4rem;min-width:0;display:flex}.open-credit-add-modal .open-credit-add-modal__member{border-radius:var(--oc-radius);background:color-mix(in srgb, var(--accent) 6%, var(--field-bg));border:1px solid color-mix(in srgb, var(--accent) 16%, var(--border-color));align-items:center;gap:.85rem;padding:.75rem .9rem;display:flex}.open-credit-add-modal .open-credit-add-modal__member-icon{background:color-mix(in srgb, var(--accent) 16%, var(--field-bg));width:2.25rem;height:2.25rem;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.9rem;display:inline-flex}.open-credit-add-modal .open-credit-add-modal__member-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.open-credit-add-modal .open-credit-add-modal__member-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-sans);color:var(--text-color);font-size:1.05rem;font-weight:600;overflow:hidden}.open-credit-add-modal .open-credit-add-modal__member-select{margin:0}.open-credit-add-modal .open-credit-add-modal__member-select .col-md-12{flex-direction:column;gap:.4rem;padding:0;display:flex}.open-credit-add-modal .open-credit-add-modal__member-select .label_font_tight_bottom{margin-bottom:0}.open-credit-add-modal .open-credit-add-modal__member-select br{display:none}.open-credit-add-modal .open-credit-add-modal__amounts{flex-direction:column;gap:.6rem;display:flex}.open-credit-add-modal .open-credit-add-modal__amount-row{flex-direction:column;gap:.35rem;display:flex}.open-credit-add-modal .open-credit-add-modal__gateway{font-family:var(--font-sans);color:var(--gray-600);align-items:center;gap:.45rem;margin:0;font-size:.8125rem;font-weight:600;display:inline-flex}.open-credit-add-modal .open-credit-add-modal__gateway i{text-align:center;width:1rem;color:var(--accent)}.open-credit-add-modal .open-credit-add-modal__amount-input .open-credit-add-modal__input{font-variant-numeric:tabular-nums;font-weight:600}.open-credit-add-modal .open-credit-add-modal__amounts>.open-credit-add-modal__amount-row:only-of-type .input-group-text,.open-credit-add-modal .open-credit-add-modal__amounts>.open-credit-add-modal__amount-row:only-of-type .open-credit-add-modal__input{height:auto;padding-top:.55rem;padding-bottom:.55rem;font-size:1.75rem;line-height:1.2}.open-credit-add-modal .open-credit-add-modal__amounts>.open-credit-add-modal__amount-row:only-of-type .input-group-text{color:var(--gray-500);font-weight:600}.open-credit-add-modal .open-credit-add-modal__hint{background:color-mix(in srgb, var(--accent) 6%, var(--field-bg));color:var(--gray-600);font-family:var(--font-sans);border-radius:.5rem;margin:0;padding:.55rem .7rem;font-size:.75rem;line-height:1.35}.open-credit-add-modal .open-credit-add-modal__pair{grid-template-columns:minmax(0,1fr);gap:1.1rem;display:grid}.open-credit-add-modal .form-control,.open-credit-add-modal .select2-container--bootstrap-5 .select2-selection{border:1px solid var(--field-border);min-height:44px;font-family:var(--font-sans);border-radius:10px;padding:.6rem .9rem;font-size:.9375rem;transition:border-color .16s ease-out,box-shadow .16s ease-out,background-color .16s ease-out}.open-credit-add-modal .form-control:hover:not(:focus):not(:disabled),.open-credit-add-modal .select2-container--bootstrap-5 .select2-selection:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--field-border))}.open-credit-add-modal .form-control:focus,.open-credit-add-modal .select2-container--bootstrap-5.select2-container--focus .select2-selection,.open-credit-add-modal .select2-container--bootstrap-5.select2-container--open .select2-selection{border-color:var(--accent);box-shadow:0 0 0 3px var(--field-focus-shadow)}.open-credit-add-modal .select2-container--bootstrap-5 .select2-selection--single{height:44px;padding:0}.open-credit-add-modal .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{padding:0 2.25rem 0 .9rem;line-height:42px}.open-credit-add-modal .input-group{border-radius:10px;flex-wrap:nowrap;transition:box-shadow .16s ease-out}.open-credit-add-modal .input-group:focus-within{box-shadow:0 0 0 3px var(--field-focus-shadow)}.open-credit-add-modal .input-group .form-control:focus{box-shadow:none}.open-credit-add-modal .input-group:focus-within .form-control,.open-credit-add-modal .input-group:focus-within .input-group-text,.open-credit-add-modal .input-group:focus-within .open-credit-add-modal__date-btn{border-color:var(--accent)}.open-credit-add-modal .input-group>.form-control:not(:first-child){border-radius:0 10px 10px 0}.open-credit-add-modal .input-group-prepend .input-group-text,.open-credit-add-modal .open-credit-add-modal__date-btn{border:1px solid var(--field-border);background:var(--gray-100);color:var(--gray-500);font-family:var(--font-sans);border-right:none;border-radius:10px 0 0 10px;justify-content:center;align-items:center;padding:0 .9rem;transition:border-color .16s ease-out,color .16s ease-out,background-color .16s ease-out;display:inline-flex}.open-credit-add-modal .open-credit-add-modal__date-btn{color:var(--accent)}.open-credit-add-modal .open-credit-add-modal__date-btn:hover{background:color-mix(in srgb, var(--accent) 10%, var(--field-bg))}.open-credit-add-modal .open-credit-add-modal__footer{justify-content:flex-end}.open-credit-add-modal .open-credit-add-modal__footer .app-modal-btn-secondary{margin-right:auto}@keyframes open-credit-add-modal-rise{0%{opacity:0;transform:translateY(10px)}}.modal.show.open-credit-add-modal .open-credit-add-modal__method,.modal.show.open-credit-add-modal .open-credit-add-modal__col--details,.modal.show.open-credit-add-modal .open-credit-add-modal__col--card{animation:open-credit-add-modal-rise var(--oc-duration) var(--oc-ease) backwards}.modal.show.open-credit-add-modal .open-credit-add-modal__col--details{animation-delay:50ms}.modal.show.open-credit-add-modal .open-credit-add-modal__col--card{animation-delay:.1s}@media (width>=992px){.open-credit-add-modal .open-credit-add-modal__columns{column-gap:var(--oc-gap);transition:grid-template-columns var(--oc-duration) var(--oc-ease), column-gap var(--oc-duration) var(--oc-ease)}.open-credit-add-modal.open-payment-layout--card .open-credit-add-modal__columns{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.open-credit-add-modal.open-payment-layout--cash .open-credit-add-modal__columns{grid-template-columns:minmax(0,1fr) minmax(0,0fr);column-gap:0}.open-credit-add-modal .open-credit-add-modal__col--card{transition:opacity .2s ease-out,visibility linear}.open-credit-add-modal.open-payment-layout--cash .open-credit-add-modal__col--card{opacity:0;visibility:hidden;pointer-events:none;max-height:0;transition:opacity .16s ease-out, visibility 0s linear var(--oc-duration), max-height 0s linear var(--oc-duration);overflow:hidden}.open-credit-add-modal .open-credit-add-modal__card-panel{min-width:22rem;height:100%}.open-credit-add-modal .open-credit-add-modal__pair{grid-template-columns:minmax(9.5rem,11rem) minmax(0,1fr)}.open-credit-add-modal .open-payment-method-switcher{grid-auto-columns:minmax(max-content,1fr)}.open-credit-add-modal .open-payment-method-switcher .payment-method-pill{white-space:nowrap}}@media (width<=991px){.modal.fade.open-credit-add-modal .open-credit-add-modal__dialog{min-width:0;max-width:calc(100vw - 20px)}.mobile-floating-control-bar .open-credit-add-modal .open-credit-add-modal__dialog{max-width:100%;margin:0}.open-credit-add-modal.open-payment-layout--card .open-credit-add-modal__columns{row-gap:1.25rem}.open-credit-add-modal.open-payment-layout--cash .open-credit-add-modal__col--card{display:none}.open-credit-add-modal .modal-content{flex-direction:column;max-height:calc(100dvh - 20px);display:flex}.open-credit-add-modal .modal-body{flex:auto;min-height:0;overflow:hidden auto}.open-credit-add-modal .modal-header,.open-credit-add-modal .modal-footer{flex-shrink:0}.open-credit-add-modal .open-credit-add-modal__footer{padding-bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column-reverse;align-items:stretch}.open-credit-add-modal .open-credit-add-modal__footer .app-modal-btn-primary,.open-credit-add-modal .open-credit-add-modal__footer .app-modal-btn-secondary{width:100%;margin:0}.open-credit-add-modal .manual-card-form__card-types{flex-wrap:wrap;justify-content:flex-start}.open-credit-add-modal .open-payment-method-switcher{grid-auto-columns:initial;grid-template-columns:repeat(2,minmax(0,1fr))}.open-credit-add-modal .open-payment-method-switcher .payment-method-pill{white-space:normal;padding:10px 8px;font-size:13px}}@media (prefers-reduced-motion:reduce){.modal.fade.open-credit-add-modal .open-credit-add-modal__dialog,.open-credit-add-modal .open-credit-add-modal__columns,.open-credit-add-modal .open-credit-add-modal__col--card{transition-duration:1ms}.modal.show.open-credit-add-modal .open-credit-add-modal__method,.modal.show.open-credit-add-modal .open-credit-add-modal__col--details,.modal.show.open-credit-add-modal .open-credit-add-modal__col--card{animation:none}}
