.notification-container[data-v-671a2c10]{position:fixed;top:20px;right:20px;z-index:9999;pointer-events:none}.notification[data-v-671a2c10]{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px 20px;margin-bottom:10px;min-width:300px;max-width:400px;pointer-events:auto;border-left:4px solid}.notification-success[data-v-671a2c10]{border-color:#22c55e;background:#f0fdf4}.notification-error[data-v-671a2c10]{border-color:#ef4444;background:#fef2f2}.notification-info[data-v-671a2c10]{border-color:#3b82f6;background:#eff6ff}.notification-content[data-v-671a2c10]{display:flex;align-items:center;gap:12px}.notification-icon[data-v-671a2c10]{font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;flex-shrink:0}.notification-success .notification-icon[data-v-671a2c10]{background:#22c55e;color:#fff}.notification-error .notification-icon[data-v-671a2c10]{background:#ef4444;color:#fff}.notification-info .notification-icon[data-v-671a2c10]{background:#3b82f6;color:#fff}.notification-message[data-v-671a2c10]{flex:1;color:#1f2937;font-size:14px;line-height:1.5}.notification-enter-active[data-v-671a2c10]{animation:slideIn-671a2c10 .3s ease-out}.notification-leave-active[data-v-671a2c10]{animation:slideOut-671a2c10 .3s ease-in}@keyframes slideIn-671a2c10{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut-671a2c10{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}