.notification{position:fixed;top:20px;right:20px;min-width:320px;max-width:500px;padding:16px 20px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.25);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;z-index:99999;animation:slideIn .3s ease-out;border:2px solid rgba(255,255,255,.2)}@keyframes slideIn{0%{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}.notification-content{display:flex;align-items:flex-start;gap:12px;flex:1}.notification-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.notification-message{margin:0;font-size:14px;line-height:1.5;word-break:break-word}.notification-close{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;flex-shrink:0}.notification-close:hover{background-color:rgba(255,255,255,.2)}.notification-success{background-color:#10b981;color:white;border-color:#059669}.notification-error{background-color:#dc2626;color:white;border-color:#991b1b}.notification-warning{background-color:#f59e0b;color:white;border-color:#d97706}.notification-info{background-color:#3b82f6;color:white;border-color:#2563eb}@media (max-width:768px){.notification{top:20px;right:10px;left:10px;min-width:unset;max-width:unset}}