.toast-notification {position: fixed;top: 80px;right: 20px;z-index: 10000;max-width: 350px;min-width: 200px;opacity: 0;transform: translateX(100%);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.toast-notification.show {opacity: 1;transform: translateX(0);}.toast-content {background: linear-gradient(135deg, rgba(102, 126, 234, 0.95), rgba(118, 75, 162, 0.95));backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);color: white;padding: 16px 20px;border-radius: 12px;border: 1px solid rgba(255, 255, 255, 0.2);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(102, 126, 234, 0.2);display: flex;align-items: center;justify-content: space-between;position: relative;overflow: hidden;}.toast-message {flex: 1;font-size: 14px;line-height: 1.4;margin-right: 12px;font-weight: 500;}.toast-close {background: none;border: none;color: rgba(255, 255, 255, 0.8);font-size: 18px;cursor: pointer;padding: 0;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;transition: color 0.2s;border-radius: 50%;}.toast-close:hover {color: white;background: rgba(255, 255, 255, 0.1);}.modal-notification-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);z-index: 10001;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: opacity 0.3s, visibility 0.3s;}.modal-notification-overlay.show {opacity: 1;visibility: visible;}.modal-notification {background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.95));backdrop-filter: blur(20px);border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 16px;min-width: 320px;max-width: 500px;margin: 20px;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 8px 32px rgba(102, 126, 234, 0.1);transform: scale(0.8) translateY(-20px);transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);overflow: hidden;}.modal-notification-overlay.show .modal-notification {transform: scale(1) translateY(0);}.modal-notification-header {padding: 24px 24px 0 24px;border-bottom: none;position: relative;}.modal-notification-title {margin: 0;font-size: 18px;font-weight: 600;color: #2d3748;background: linear-gradient(135deg, #2d3748, #4a5568);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.modal-notification-body {padding: 16px 24px 24px 24px;}.modal-notification-message {margin: 0;font-size: 15px;line-height: 1.6;color: #4a5568;}.modal-notification-footer {padding: 0 24px 24px 24px;display: flex;justify-content: flex-end;gap: 12px;}.modal-notification-footer .btn {min-width: 80px;padding: 10px 20px;border-radius: 8px;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border: none;position: relative;overflow: hidden;}.modal-notification-footer .btn::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: left 0.5s;}.modal-notification-footer .btn:hover::before {left: 100%;}.modal-notification-footer .btn-secondary {background: rgba(255, 255, 255, 0.8);color: #4a5568;border: 1px solid rgba(74, 85, 104, 0.2);}.modal-notification-footer .btn-secondary:hover {background: rgba(255, 255, 255, 0.9);border-color: rgba(74, 85, 104, 0.3);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}.modal-notification-footer .btn-primary {background: linear-gradient(135deg, #667eea, #764ba2);color: white;border: 1px solid rgba(102, 126, 234, 0.3);}.modal-notification-footer .btn-primary:hover {background: linear-gradient(135deg, #5a67d8, #6b46c1);border-color: rgba(102, 126, 234, 0.5);transform: translateY(-1px);box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);}@media (max-width: 480px) {.toast-notification {right: 10px;left: 10px;top: 60px;max-width: none;}.modal-notification {margin: 10px;min-width: 80%;border-radius: 12px;}.modal-notification-header {padding: 20px 20px 0 20px;}.modal-notification-body {padding: 16px 20px 20px 20px;}.modal-notification-footer {padding: 0 20px 20px 20px;flex-direction: column-reverse;}.modal-notification-footer .btn {width: 100%;min-width: auto;}}@media (prefers-color-scheme: dark) {.modal-notification {background: linear-gradient(135deg, rgba(45, 55, 72, 0.95), rgba(26, 32, 44, 0.95));border-color: rgba(255, 255, 255, 0.1);}.modal-notification-title {color: #f7fafc;background: linear-gradient(135deg, #f7fafc, #e2e8f0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.modal-notification-message {color: #cbd5e0;}.modal-notification-footer .btn-secondary {background: rgba(74, 85, 104, 0.8);color: #e2e8f0;border-color: rgba(226, 232, 240, 0.2);}.modal-notification-footer .btn-secondary:hover {background: rgba(74, 85, 104, 0.9);border-color: rgba(226, 232, 240, 0.3);}}