.inputx-container{flex-direction:column;gap:4px;width:100%;display:flex}.inputx-label{color:#374151;margin-bottom:2px;font-size:14px;font-weight:500}.inputx-label.required:after{content:" *";color:#ef4444}.inputx-wrapper{align-items:center;display:flex;position:relative}.inputx-field{color:#1f2937;box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.inputx-field::placeholder{color:#9ca3af}.inputx-field:hover:not(:disabled){border-color:#9ca3af}.inputx-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.inputx-field:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6}.inputx-field.error{border-color:#ef4444}.inputx-field.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.inputx-field.success{border-color:#10b981}.inputx-field.success:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.inputx-error{color:#ef4444;align-items:flex-start;gap:4px;margin-top:2px;font-size:12px;display:flex}.inputx-error-icon{flex-shrink:0;width:14px;height:14px;margin-top:1px}.inputx-error-list{margin:0;padding:0;list-style:none}.inputx-error-item{line-height:1.4}.inputx-helper{color:#6b7280;margin-top:2px;font-size:12px}.modal-overlay{z-index:1000;opacity:0;background-color:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay[data-visible=true]{opacity:1}.modal-container{opacity:0;background:#fff;border-radius:8px;flex-direction:column;max-height:90vh;transition:transform .3s,opacity .3s;display:flex;transform:scale(.95);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-container[data-visible=true]{opacity:1;transform:scale(1)}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:#111827;margin:0;font-size:18px;font-weight:600}.modal-close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;line-height:1;transition:background-color .2s,color .2s;display:flex}.modal-close-btn:hover{color:#111827;background-color:#f3f4f6}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}