.form-input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],textarea,select{width:100%;padding:12px 16px;font-size:14px;line-height:1.5;color:#374151;background-color:#fff;border:1px solid #e1e5e9;border-radius:8px;transition:all .2s ease-in-out;outline:none;font-family:inherit}.form-input::placeholder,input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,textarea::placeholder,select::placeholder{color:#9ca3af;opacity:1}.form-input:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=url]:focus,textarea:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-input:disabled,input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,input[type=tel]:disabled,input[type=url]:disabled,textarea:disabled,select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed;opacity:.6}.form-input.error,.form-input.ng-invalid.ng-touched,input[type=text].error,input[type=text].ng-invalid.ng-touched,input[type=email].error,input[type=email].ng-invalid.ng-touched,input[type=password].error,input[type=password].ng-invalid.ng-touched,input[type=number].error,input[type=number].ng-invalid.ng-touched,input[type=tel].error,input[type=tel].ng-invalid.ng-touched,input[type=url].error,input[type=url].ng-invalid.ng-touched,textarea.error,textarea.ng-invalid.ng-touched,select.error,select.ng-invalid.ng-touched{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}textarea{resize:vertical;min-height:100px}select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 12px;padding-right:40px;appearance:none}.input-group{position:relative;display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.input-group .input-label{font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}.input-group .input-label .required{color:#dc2626;margin-left:2px}.input-group .input-helper{font-size:12px;color:#9ca3af;margin-top:4px}.input-group .input-error{font-size:12px;color:#dc2626;margin-top:4px}.input-with-icon{position:relative}.input-with-icon .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:16px;pointer-events:none}.input-with-icon input{padding-left:40px}.input-with-icon.icon-right .input-icon{left:auto;right:12px}.input-with-icon.icon-right input{padding-left:16px;padding-right:40px}.phone-input{display:flex;gap:8px}.phone-input .country-code{flex:0 0 auto;min-width:80px;display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#fff;border:1px solid #e1e5e9;border-radius:8px;font-size:14px;color:#000}.phone-input .country-code .flag{width:20px;height:15px;border-radius:2px;overflow:hidden}.phone-input .phone-number{flex:1}.input-sm{padding:8px 12px;font-size:12px}.input-lg{padding:16px 20px;font-size:16px}.floating-label{position:relative}.floating-label input,.floating-label textarea{padding-top:20px;padding-bottom:8px}.floating-label label{position:absolute;left:16px;top:12px;font-size:14px;color:#9ca3af;transition:all .2s ease-in-out;pointer-events:none;background-color:#fff;padding:0 4px}.floating-label input:focus+label,.floating-label input:not(:placeholder-shown)+label,.floating-label textarea:focus+label,.floating-label textarea:not(:placeholder-shown)+label{top:-8px;font-size:12px;color:#2563eb}.image-upload-input{position:relative}.image-upload-input .image-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:120px;padding:20px;border:2px dashed #d1d5db;border-radius:8px;background-color:#f9fafb;cursor:pointer;transition:all .2s ease-in-out}.image-upload-input .image-upload-label:hover{border-color:#2563eb;background-color:#eff6ff}.image-upload-input .image-upload-content{display:flex;flex-direction:column;align-items:center;gap:8px}.image-upload-input .image-upload-icon{width:32px;height:32px;color:#6b7280}.image-upload-input .image-upload-text{font-size:14px;font-weight:500;color:#374151}.image-upload-input.has-file .image-upload-label{border-color:#10b981;background-color:#f0fdf4}.image-upload-input.has-file .image-upload-icon{color:#10b981}.image-upload-input.has-file .image-upload-text{color:#059669}.image-upload-input.error .image-upload-label{border-color:#dc2626;background-color:#fef2f2}.image-upload-input.error .image-upload-icon,.image-upload-input.error .image-upload-text{color:#dc2626}.p-inputicon{top:46%!important}input[type=radio]{appearance:none;-webkit-appearance:none;width:24px;height:24px;border:2px solid #D1D5DB;border-radius:50%;background-color:transparent;position:relative;display:inline-block;cursor:pointer;transition:all .2s ease-in-out}input[type=radio]:checked{border:4px solid #00B0F0;background-color:#00b0f0}input[type=radio]:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:#fff}input[type=checkbox]{width:24px;height:24px;accent-color:#00B0F0;cursor:pointer}.primary-button{padding-block:12px;outline:none!important;color:#fff;background:#000;border-radius:16px}.primary-button :focus-visible{outline:none!important}.secondary-button{padding-block:12px;outline:none!important;color:#000;background:#f4f5f7;border-radius:16px}.secondary-button :focus-visible{outline:none!important}.transparent-btn{padding-block:12px;outline:none!important;color:#000;background:transparent;border-radius:16px;border:1px solid var(--main-color);color:var(--main-color)}.transparent-btn:hover{background-color:var(--main-color);color:#fff;transition:.7s}.card-footer .p-button.p-button-secondary{background-color:#fff!important}.blue-btn{color:#fff!important;background:linear-gradient(180deg,#7fa8ff,#3a54ff)!important;border:0px}.blue-btn:disabled{opacity:.25!important;background:#111!important}.lapo{width:20px;height:20px;-webkit-mask-size:contain!important;mask-size:contain!important;background-color:#2f2b43}.lapo.user{-webkit-mask:url(/assets/icons/user.svg) no-repeat 50% 50%;mask:url(/assets/icons/user.svg) no-repeat 50% 50%}.lapo.wallet{-webkit-mask:url(/assets/icons/wallet.svg) no-repeat 50% 50%;mask:url(/assets/icons/wallet.svg) no-repeat 50% 50%}.lapo.view{-webkit-mask:url(/assets/icons/view.svg) no-repeat 50% 50%;mask:url(/assets/icons/view.svg) no-repeat 50% 50%}.lapo.transaction{-webkit-mask:url(/assets/icons/transaction.svg) no-repeat 50% 50%;mask:url(/assets/icons/transaction.svg) no-repeat 50% 50%}.lapo.vendor{-webkit-mask:url(/assets/icons/vendor.svg) no-repeat 50% 50%;mask:url(/assets/icons/vendor.svg) no-repeat 50% 50%}.lapo.upload{-webkit-mask:url(/assets/icons/upload.svg) no-repeat 50% 50%;mask:url(/assets/icons/upload.svg) no-repeat 50% 50%}.lapo.requests{-webkit-mask:url(/assets/icons/requests.svg) no-repeat 50% 50%;mask:url(/assets/icons/requests.svg) no-repeat 50% 50%}p-toggleswitch .p-toggleswitch{height:1.3rem;width:2rem}p-toggleswitch .p-toggleswitch .p-toggleswitch-slider{box-shadow:none!important}p-toggleswitch .p-toggleswitch .p-toggleswitch-slider .p-toggleswitch-handle{height:1.25rem!important;width:1.25rem!important;box-shadow:0 0 3px 1px #0000003d;left:-.3rem!important;top:53%}p-toggleswitch .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider .p-toggleswitch-handle{transform:translate(1.2rem)}