.notification {position:fixed !important;top:0 !important;left:0 !important;right:0 !important;width:100%;background:linear-gradient(135deg, #ef4444, #dc2626);color:white;padding:20px 20px;text-align:center;font-weight:500;font-size:14px;box-shadow:0 4px 12px rgba(239,68,68,.25);z-index:999999;display:flex;align-items:center;justify-content:center;gap:16px;margin-top:-200px;transition:margin-top .3s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:contents}.notification.success {background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:0 4px 12px rgba(34,197,94,.25)}.notification.show {margin-top:0;transform:translateZ(0);-webkit-transform:translateZ(0)}.notification-message {flex:1;text-align:center}.notification-btn {background:rgba(255, 255, 255, 0.2);color:white;border:1px solid rgba(255, 255, 255, 0.3);padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;text-decoration:none;transition:background-color 0.2s ease;white-space:nowrap}.notification-btn:hover {background:rgba(255, 255, 255, 0.3);color:white}