/* Styling Menu i Tła */
    .custom-dark-menu {
        background-color: #241107;
        background-image: 
            radial-gradient(at 0% 0%, rgba(254, 174, 2, 0.4) 0px, transparent 50%),
            radial-gradient(at 100% 0%, rgba(255, 102, 0, 0.3) 0px, transparent 50%),
            radial-gradient(at 100% 100%, rgba(72, 24, 0, 0.6) 0px, transparent 50%),
            radial-gradient(at 0% 100%, rgba(181, 123, 93, 0.3) 0px, transparent 50%),
            linear-gradient(135deg, #ff6600 0%, #241107 100%);

        box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.08), 0 4px 20px rgba(0, 0, 0, 0.15);
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }   

    html {
        overflow-y: scroll;
    }

    /* Keyframes dla Toastów */
    @keyframes toastIn {
        from { transform: translateX(100%); opacity: 0; }
        to { transform: translateX(0); opacity: 1; }
    }
    @keyframes toastOut {
        from { transform: translateX(0); opacity: 1; }
        to { transform: translateX(100%); opacity: 0; }
    }
    .toast-enter { animation: toastIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
    .toast-exit { animation: toastOut 0.25s ease-in forwards; }