wip 8

frontend/src/components/Toast.tsx

@@ -68,7 +68,11 @@ export function Toast({ id, type, message, duration = 5000, onClose }: ToastProp
 
   return (
     <div
-      className={`${baseStyles} ${typeStyles[type]} ${isAnimatingOut ? 'opacity-0 translate-x-full' : 'opacity-100 translate-x-0'}`}
+      className={`${baseStyles} ${typeStyles[type]} ${
+        isAnimatingOut 
+          ? 'opacity-0 translate-x-full' 
+          : 'animate-slideInRight opacity-100'
+      }`}
     >
       {icons[type]}
       <p className={`flex-1 text-sm font-medium ${textStyles[type]}`}>

frontend/src/components/ToastContext.tsx

@@ -59,7 +59,7 @@ function ToastContainer({ toasts }: ToastContainerProps) {
   }
 
   return (
-    <div className="fixed top-4 right-4 z-50 flex flex-col gap-2 max-w-sm w-full pointer-events-none">
+    <div className="fixed bottom-4 right-4 z-50 flex flex-col gap-2 max-w-sm w-full pointer-events-none">
       <div className="pointer-events-auto">
         {toasts.map((toast) => (
           <Toast key={toast.id} {...toast} />