.app-input-wrapper{flex-direction:column;gap:6px;width:100%;display:flex}.app-input-label{color:#5a5a72;letter-spacing:.3px;margin:0;font-size:13px;font-weight:600;display:block}.app-input-label .app-input-required{color:#ef4444;margin-left:2px}.app-input-container{align-items:center;width:100%;display:flex;position:relative}.app-input-field{width:100%;font-family:inherit;transition:border-color .25s,box-shadow .25s,background .25s;color:#1a1a2e!important;box-sizing:border-box!important;appearance:none!important;background:#fff!important;border:1px solid #9ca3af!important;border-radius:10px!important;outline:none!important;height:auto!important;margin:0!important;padding:14px!important;font-size:16px!important;line-height:1.5!important}.app-input-field::placeholder{color:#9ca3af!important;opacity:1!important;font-weight:400!important}.app-input-field::-webkit-input-placeholder{color:#9ca3af!important;opacity:1!important;font-weight:400!important}.app-input-field:-moz-placeholder-shown{color:#9ca3af!important;opacity:1!important;font-weight:400!important}.app-input-field::-moz-placeholder{color:#9ca3af!important;opacity:1!important;font-weight:400!important}.app-input-field:-ms-placeholder-shown{color:#9ca3af!important;opacity:1!important;font-weight:400!important}.app-input-field:hover:not(:disabled):not(:focus){border-color:#6b7280!important}.app-input-field:focus{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea26!important}.app-input-field.app-input-error{border-color:#ef4444}.app-input-field.app-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.app-input-field:disabled,.app-input-field[aria-disabled=true]{color:#8c8c9e;cursor:not-allowed;background:#f8f9fb;border-color:#dcdee6}.app-input-field.has-icon-left{padding-left:42px!important}.app-input-field.has-icon-right{padding-right:42px!important}.app-input-icon{color:#8c8c9e;pointer-events:none;z-index:1;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;transition:color .25s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.app-input-icon-left{left:14px}.app-input-icon-right{right:14px}.app-input-field:focus~.app-input-icon-left,.app-input-container:focus-within .app-input-icon-left{color:#667eea}.app-input-icon-btn{color:#8c8c9e;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:15px;transition:color .2s,background .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.app-input-icon-btn:hover{color:#667eea;background:#667eea14}.app-input-error-msg{color:#ef4444;align-items:center;gap:5px;margin:0;padding:0;font-size:12px;line-height:1.4;display:flex}.app-input-error-msg i{font-size:11px}.app-select-wrapper{width:100%;position:relative}.app-select-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;align-items:center;width:100%;font-family:inherit;transition:border-color .25s,box-shadow .25s;display:flex;color:#1a1a2e!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #9ca3af!important;border-radius:10px!important;outline:none!important;height:auto!important;margin:0!important;padding:14px 42px 14px 14px!important;font-size:16px!important;line-height:1.5!important}.app-select-trigger:hover:not(.app-select-disabled){border-color:#b8bdd0}.app-select-trigger.app-select-open{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.app-select-trigger.app-input-error{border-color:#ef4444}.app-select-trigger.app-select-disabled{color:#8c8c9e;cursor:not-allowed;background:#f8f9fb;border-color:#dcdee6}.app-select-trigger.has-icon-left{padding-left:42px!important}.app-select-placeholder{color:#b0b0c0}.app-select-chevron{color:#8c8c9e;pointer-events:none;font-size:12px;transition:transform .2s,color .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.app-select-chevron.app-select-chevron-open{color:#667eea;transform:translateY(-50%)rotate(180deg)}.app-select-dropdown{z-index:999;background:#fff;border:1.5px solid #d0d3e0;border-radius:10px;max-height:220px;padding:4px;animation:.15s ease-out appSelectSlideDown;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000014,0 2px 8px #0000000a}@keyframes appSelectSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.app-select-dropdown::-webkit-scrollbar{width:6px}.app-select-dropdown::-webkit-scrollbar-track{background:0 0}.app-select-dropdown::-webkit-scrollbar-thumb{background:#d0d3e0;border-radius:3px}.app-select-option{color:#1a1a2e;cursor:pointer;border-radius:7px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;line-height:1.4;transition:background .15s;display:flex}.app-select-option:hover{background:#f0f2fa}.app-select-option.app-select-option-active{color:#667eea;background:#eef0ff;font-weight:600}.app-select-option.app-select-option-active:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.5L6.5 11.5L12.5 4.5' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:16px;height:16px;margin-left:auto}.app-select-empty{text-align:center;color:#b0b0c0;padding:16px 12px;font-size:13px}.app-button-input{cursor:pointer;-webkit-user-select:none;user-select:none}.app-button-input:hover:not(:disabled):not([aria-disabled=true]){background:#fafbfe;border-color:#b8bdd0}.app-button-input:active:not(:disabled):not([aria-disabled=true]){transform:scale(.995)}.app-button-input-placeholder{color:#b0b0c0}.app-button-input-value{color:#1a1a2e}.app-input-hint{color:#8c8c9e;margin:0;font-size:12px;line-height:1.4}.app-input-sm{border-radius:8px!important;padding:14px 12px!important;font-size:13px!important}.app-input-field.app-input-sm.has-icon-left{padding-left:36px!important}.app-input-field.app-input-sm.has-icon-right{padding-right:36px!important}
.app-btn{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1.5px solid #0000;border-radius:10px;outline:none;flex:none;justify-content:center;align-items:center;gap:8px;width:auto;font-family:inherit;font-weight:600;line-height:1.4;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.app-btn:active:not(:disabled){transform:scale(.97)}.app-btn:disabled{opacity:.5;cursor:not-allowed}.app-btn:disabled:active{transform:none}.app-btn-xs{border-radius:8px;gap:5px;padding:6px 12px;font-size:12px}.app-btn-sm{border-radius:9px;gap:6px;padding:8px 16px;font-size:13px}.app-btn-md{padding:10px 20px;font-size:14px}.app-btn-lg{border-radius:12px;gap:10px;padding:13px 28px;font-size:15px}.app-btn-xl{border-radius:14px;gap:10px;padding:16px 36px;font-size:16px}.app-btn-full{width:100%}.app-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#5a6fd6 100%);border-color:#0000;box-shadow:0 2px 8px #667eea40}.app-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd6 0%,#4e63c7 100%);box-shadow:0 4px 14px #667eea59}.app-btn-primary:focus-visible{box-shadow:0 0 0 3px #667eea4d}.app-btn-secondary{color:#4a4a6a;background:#f0f2fa;border-color:#0000}.app-btn-secondary:hover:not(:disabled){background:#e4e7f5}.app-btn-secondary:focus-visible{box-shadow:0 0 0 3px #667eea26}.app-btn-outline{color:#667eea;background:#fff;border-color:#667eea}.app-btn-outline:hover:not(:disabled){background:#667eea0f}.app-btn-outline:focus-visible{box-shadow:0 0 0 3px #667eea26}.app-btn-ghost{color:#5a5a72;background:0 0;border-color:#0000}.app-btn-ghost:hover:not(:disabled){color:#667eea;background:#f0f2fa}.app-btn-ghost:focus-visible{box-shadow:0 0 0 3px #667eea1a}.app-btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#0000;box-shadow:0 2px 8px #ef444440}.app-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#c81e1e 100%);box-shadow:0 4px 14px #ef444459}.app-btn-danger:focus-visible{box-shadow:0 0 0 3px #ef44444d}.app-btn-danger-outline{color:#ef4444;background:#fff;border-color:#ef4444}.app-btn-danger-outline:hover:not(:disabled){background:#ef44440f}.app-btn-danger-outline:focus-visible{box-shadow:0 0 0 3px #ef444426}.app-btn-success{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-color:#0000;box-shadow:0 2px 8px #22c55e40}.app-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);box-shadow:0 4px 14px #22c55e59}.app-btn-success:focus-visible{box-shadow:0 0 0 3px #22c55e4d}.app-btn-warning{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#0000;box-shadow:0 2px 8px #f59e0b40}.app-btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706 0%,#b45309 100%);box-shadow:0 4px 14px #f59e0b59}.app-btn-warning:focus-visible{box-shadow:0 0 0 3px #f59e0b4d}.app-btn-loading{pointer-events:none;opacity:.75}.app-btn-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.6s linear infinite appBtnSpin}.app-btn-lg .app-btn-spinner,.app-btn-xl .app-btn-spinner{width:18px;height:18px}@keyframes appBtnSpin{to{transform:rotate(360deg)}}.app-icon-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:1.5px solid #0000;border-radius:10px;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;transition:all .2s;display:inline-flex}.app-icon-btn:active:not(:disabled){transform:scale(.92)}.app-icon-btn:disabled{opacity:.5;cursor:not-allowed}.app-icon-btn-sm{border-radius:8px;width:32px;height:32px;font-size:13px}.app-icon-btn-md{width:40px;height:40px;font-size:15px}.app-icon-btn-lg{border-radius:12px;width:48px;height:48px;font-size:18px}.app-icon-btn-round{border-radius:50%}.app-icon-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#5a6fd6 100%);box-shadow:0 2px 8px #667eea40}.app-icon-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd6 0%,#4e63c7 100%);box-shadow:0 4px 14px #667eea59}.app-icon-btn-secondary{color:#5a5a72;background:#f0f2fa}.app-icon-btn-secondary:hover:not(:disabled){color:#667eea;background:#e4e7f5}.app-icon-btn-ghost{color:#8c8c9e;background:0 0}.app-icon-btn-ghost:hover:not(:disabled){color:#667eea;background:#f0f2fa}.app-icon-btn-outline{color:#667eea;background:#fff;border-color:#d0d3e0}.app-icon-btn-outline:hover:not(:disabled){background:#667eea0a;border-color:#667eea}.app-icon-btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 2px 8px #ef444440}.app-icon-btn-danger:hover:not(:disabled){box-shadow:0 4px 14px #ef444459}