.labeled-input-container{display:flex;flex-direction:column;gap:6px;width:100%}.labeled-input-label{font-size:14px;font-weight:500;color:#aaa;text-align:left;padding-left:8px}.labeled-input-required{color:#dc3545;margin-left:2px}.labeled-input-field{padding:14px 16px;background-color:#f7f7f7;border:1px solid #ddd;border-radius:16px;font-size:14px;transition:border-color .3s ease,box-shadow .3s ease;width:100%;box-sizing:border-box;height:fit-content}.labeled-input-field::placeholder{color:#bbb}.labeled-input-field:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.1)}.labeled-input-field:disabled{background:#f0f0f0;color:#666;cursor:not-allowed}.labeled-input-error{border-color:#dc3545!important;box-shadow:0 0 0 2px rgba(220,53,69,.1)!important}.input-error-text{font-size:13px;color:#ef4444;text-align:left;line-height:1.4;padding-left:8px;font-weight:500;animation:slideInError .3s ease-out;transform-origin:top}@keyframes slideInError{0%{opacity:0;transform:translateY(-8px);max-height:0}to{opacity:1;transform:translateY(0);max-height:30px}}.input-helper-text{font-size:13px;color:#aaa;text-align:left;line-height:1.4;margin-top:4px;padding-left:8px;padding-bottom:4px}.labeled-input-field.white{background-color:#fff}@media (max-width:768px){.labeled-input-field,.labeled-input-label{font-size:13px}}