@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.notification-container{position:fixed;top:80px;right:20px;z-index:9999;pointer-events:none}.notification{background:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);margin-bottom:12px;padding:16px;min-width:320px;max-width:400px;pointer-events:auto;animation:slideInRight .3s ease-out}.notification.removing{animation:slideOutRight .3s ease-in forwards}.notification-success{border-left:4px solid #10b981}.notification-error{border-left:4px solid #ef4444}.notification-warning{border-left:4px solid #f59e0b}.notification-info{border-left:4px solid #3b82f6}@media (prefers-color-scheme:dark){.notification{background:#1f2937;color:white;box-shadow:0 4px 12px rgba(0,0,0,.3)}}@media (max-width:640px){.notification-container{top:70px;right:10px;left:10px}.notification{min-width:auto;max-width:none}}