.toast {display: none;z-index: 3001;position: fixed;top: 30px;right: 30px;padding: 20px;min-width: 350px;background: var(--primary-100);color: var(--primary-500);border-radius: 12px;box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);overflow: hidden;transform: translateX(calc(100% + 100px));transition: all 0.5s cubic-bezier(0.68, -0.55, 0.25, 1.35);}.toast.active {transform: translateX(0);}.toast-content {position: relative;display: flex;align-items: flex-start;gap: 15px;}.toast-check {display: flex;justify-content: center;align-items: center;width: 25px;height: 25px;background: var(--background);border-radius: 50%;color: var(--primary-500);font-size: 16px;}.message {flex: 1;padding: 0;display: flex;flex-direction: column;gap: 5px;}.message-text {font-size: 16px;font-weight: 600;color: var(--primary-500);}.text-2 {font-size: 14px;font-weight: 400;opacity: 0.9;}.toast-close {position: absolute;top: 0;right: 0;padding: 5px;cursor: pointer;opacity: 0.8;transition: opacity 0.2s ease;}.toast-close:hover {opacity: 1;}.progress {position: absolute;bottom: 0;left: 0;height: 3px;width: 100%;background: var(--background);opacity: 0.2;}.progress::before {content: "";position: absolute;bottom: 0;right: 0;height: 100%;width: 100%;background-color: var(--primary-500);}.progress.active::before {animation: progress 5s linear forwards;}@keyframes progress {100% {right: 100%;}}@media only screen and (max-width: 480px) {.toast {top: 20px;right: 20px;left: 20px;min-width: unset;}}