.input-valid{border-color:#10b981!important;box-shadow:0 0 0 1px #10b981}.input-invalid{border-color:#ef4444!important;box-shadow:0 0 0 1px #ef4444}.input-warning{border-color:#f59e0b!important;box-shadow:0 0 0 1px #f59e0b}.input-loading-indicator{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:none;align-items:center;gap:4px;font-size:12px;color:#666;z-index:10}.input-loading-indicator.error{color:#ef4444}.input-loading-indicator .loading-spinner{width:12px;height:12px;border:2px solid #e5e7eb;border-top:2px solid #14B8A6;border-radius:50%;animation:spin 1s linear infinite}.input-loading-indicator.error .loading-spinner{border-top-color:#ef4444;animation:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-with-debounce{position:relative;display:inline-block;width:100%}.input-valid:focus{border-color:#059669;box-shadow:0 0 0 2px #10b98133}.input-invalid:focus{border-color:#dc2626;box-shadow:0 0 0 2px #ef444433}.input-warning:focus{border-color:#d97706;box-shadow:0 0 0 2px #f59e0b33}.validation-message{font-size:12px;margin-top:4px;padding:2px 0;transition:all .2s ease}.validation-message.success{color:#10b981}.validation-message.error{color:#ef4444}.validation-message.warning{color:#f59e0b}.debounced-save-indicator{position:fixed;top:20px;right:20px;background:#14b8a6;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;display:none;align-items:center;gap:8px;z-index:1000;box-shadow:0 4px 6px -1px #0000001a}.debounced-save-indicator.success{background:#10b981}.debounced-save-indicator.error{background:#ef4444}.debounced-save-indicator .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.input-group.debounced{position:relative}.input-group.debounced .form-control{padding-right:40px}@media (max-width: 768px){.input-loading-indicator{right:4px;font-size:11px}.input-loading-indicator .loading-spinner{width:10px;height:10px;border-width:1px}.debounced-save-indicator{top:10px;right:10px;padding:6px 12px;font-size:13px}}@media (prefers-color-scheme: dark){.input-loading-indicator{color:#9ca3af}.input-loading-indicator .loading-spinner{border-color:#374151;border-top-color:#60a5fa}.validation-message.success{color:#34d399}.validation-message.error{color:#f87171}.validation-message.warning{color:#fbbf24}}.input-valid,.input-invalid,.input-warning{transition:border-color .2s ease,box-shadow .2s ease}.validation-message{opacity:0;transform:translateY(-4px);animation:fadeInUp .2s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}